@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600&family=Playfair+Display:ital,wght@0,500;0,600;1,500;1,600&display=swap');

:root { color-scheme: dark; --bg:#111; --fg:#f3f1ec; --muted:#99968f; --line:#383632; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; background:var(--bg); color:var(--fg); font-family:'DM Sans',Arial,sans-serif; }
a { color:inherit; text-decoration:none; }
.topbar { height:86px; padding:0 7vw; display:flex; align-items:center; justify-content:space-between; border-bottom:1px solid var(--line); }
.wordmark { font-size:19px; font-weight:600; letter-spacing:.12em; }
nav { display:flex; gap:32px; }
nav a,.eyebrow,.discover,.email,.footer-bottom { font-size:10px; letter-spacing:.18em; }
nav a { color:#c4c0b8; }
.hero { min-height:690px; height:calc(100svh - 86px); max-height:900px; position:relative; display:flex; flex-direction:column; justify-content:center; align-items:center; text-align:center; padding:50px 20px; }
.eyebrow { color:var(--muted); }
.hero h1 { margin:24px 0 10px; font-size:clamp(76px,15vw,190px); line-height:.95; letter-spacing:-.075em; font-weight:500; }
.hero h1 span { color:#b9a88d; }
.tagline { margin:15px 0 0; font-size:12px; letter-spacing:.38em; color:#d1cdc4; }
.discover { position:absolute; bottom:48px; display:flex; gap:16px; align-items:center; color:#c9c4ba; }
.discover span { font-size:18px; }
.hero-note { position:absolute; right:7vw; bottom:48px; text-align:right; font-size:9px; line-height:1.8; letter-spacing:.16em; color:#77736c; }
.intro,.journal { padding:130px 12vw; border-top:1px solid var(--line); display:grid; grid-template-columns:1fr 2fr; gap:40px; }
h2 { margin:0; font-size:clamp(42px,7vw,82px); line-height:1.02; font-weight:400; letter-spacing:-.055em; }
h2 em { font-family:'Playfair Display',Georgia,serif; font-weight:500; }
.intro-copy { max-width:390px; margin-top:28px; color:#aaa69e; line-height:1.8; font-size:14px; }
.journal { display:block; padding-top:100px; padding-bottom:120px; }
.journal h2 { margin-top:48px; }
.muted { color:var(--muted); margin-top:18px; font-size:14px; }
.line { margin-top:70px; height:1px; background:var(--line); }
footer { padding:90px 12vw 28px; border-top:1px solid var(--line); display:grid; grid-template-columns:1fr auto; gap:50px; align-items:end; }
footer h2 { margin-top:24px; }
.email { padding-bottom:10px; border-bottom:1px solid #8f887b; color:#ddd7cc; }
.footer-bottom { grid-column:1/-1; display:flex; justify-content:space-between; padding-top:26px; margin-top:50px; border-top:1px solid var(--line); color:#77736c; font-size:9px; }
@media (max-width:650px) {
 .topbar { height:72px; padding:0 22px; } nav { gap:13px; } nav a { font-size:8px; letter-spacing:.1em; }
 .hero { min-height:590px; height:calc(88svh - 72px); } .hero-note { display:none; }
 .intro { padding:85px 26px; grid-template-columns:1fr; gap:32px; }
 .journal { padding:85px 26px; }
 footer { padding:75px 26px 24px; grid-template-columns:1fr; gap:35px; }
 .footer-bottom { margin-top:25px; }
}