:root {
  color-scheme: light;
  --ivory: #f6f1eb;
  --ink: #100e0c;
  --muted: #756d62;
  --gold: #b99a59;
}
* { box-sizing: border-box; }
html, body { margin: 0; min-height: 100%; }
body { background: var(--ivory); color: var(--ink); font-family: Raleway, Arial, sans-serif; }
.header { height: 82px; display: flex; align-items: center; padding: 0 4.4%; border-bottom: 1px solid #d9cec0; }
.wordmark { color: inherit; text-decoration: none; text-transform: uppercase; font-family: "Cormorant Garamond", Georgia, serif; font-size: 31px; font-weight: 400; letter-spacing: .18em; line-height: 1; border-bottom: 1px solid var(--gold); padding: 0 0 7px 0; }
.hero { min-height: calc(100svh - 82px); display: grid; place-items: center; padding: 90px 24px; text-align: center; }
.hero-content { animation: appear 1.2s ease both; }
.eyebrow { color: var(--muted); font-size: 12px; letter-spacing: .42em; text-transform: uppercase; margin: 0 0 32px; }
h1 { font-family: "Cormorant Garamond", Georgia, serif; font-size: clamp(48px, 7.5vw, 112px); font-weight: 400; letter-spacing: .16em; line-height: 1.05; text-transform: uppercase; margin: 0; }
.rule { width: 96px; height: 1px; background: var(--gold); margin: 36px auto 34px; }
.description { color: var(--muted); font-size: clamp(14px, 1.3vw, 17px); font-weight: 400; letter-spacing: .035em; line-height: 1.8; margin: 0; }
footer { border-top: 1px solid #d9cec0; color: var(--muted); padding: 25px 4.4%; font-size: 10px; letter-spacing: .15em; text-transform: uppercase; }
@keyframes appear { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: translateY(0); } }
@media (max-width: 600px) { .header { height: 72px; padding: 0 24px; } .wordmark { font-size: 25px; } .hero { min-height: calc(100svh - 72px); } h1 { font-size: clamp(39px, 10vw, 60px); letter-spacing: .09em; } .eyebrow { font-size: 10px; letter-spacing: .3em; } }
@media (prefers-reduced-motion: reduce) { .hero-content { animation: none; } }