@charset "UTF-8";
:root{--paper:#f7f4ee;--ink:#26221f;--soft:#5b554d;--line:#d9d0c3;--accent:#763b32;--dark:#292723;color-scheme:light}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font-family:Georgia,"Times New Roman",serif;-webkit-font-smoothing:antialiased}
a{color:inherit;text-underline-offset:.2em}
a:focus-visible{outline:2px solid var(--accent);outline-offset:5px}
.skip{position:absolute;top:-8rem;left:1rem;background:#fff;padding:.8rem;z-index:20}
.skip:focus{top:1rem}
.site-head{max-width:1320px;margin:auto;padding:1.55rem clamp(1.3rem,5vw,5.5rem);display:flex;align-items:center;justify-content:space-between;gap:2rem;border-bottom:1px solid var(--line)}
.wordmark{font-size:2rem;line-height:1;font-weight:bold;letter-spacing:-.05em;text-decoration:none}
.point,.final-dot,.foot-brand span{color:var(--accent)}
.site-head nav{display:flex;flex-wrap:wrap;gap:clamp(1rem,3.5vw,2.6rem)}
.site-head nav a{font:500 .73rem/1.5 system-ui,-apple-system,sans-serif;letter-spacing:.12em;text-transform:uppercase;text-decoration:none;color:#514a43}
.site-head nav a:hover,.site-foot a:hover{text-decoration:underline;text-decoration-thickness:1px}
.hero{min-height:min(780px,calc(100svh - 87px));padding:clamp(6rem,15vh,10rem) 1.5rem 7rem;display:flex;flex-direction:column;align-items:center;text-align:center;justify-content:center}
.eyebrow,.overline,.section-mark,.coming{font-family:system-ui,-apple-system,sans-serif;font-size:.72rem;line-height:1.5;letter-spacing:.16em;text-transform:uppercase}
.eyebrow{margin:0 0 1rem;color:var(--accent)}
h1,h2,p{margin-top:0}
h1{font-size:clamp(6rem,17vw,13.5rem);letter-spacing:-.085em;font-weight:400;line-height:1.02;margin:0 0 .5rem;padding-right:.1em}
.final-dot{font-size:.55em}
.hero-subtitle{font-size:clamp(1.15rem,2.2vw,1.65rem);letter-spacing:.07em;margin:0}
.hairline{width:1px;height:67px;background:var(--accent);opacity:.6;margin:3.1rem 0 2.3rem}
.epigraph{font-size:clamp(1.4rem,2.6vw,2rem);line-height:1.55;max-width:35rem;margin:0}
.epigraph em{font-style:italic;color:var(--accent)}
.discover{margin-top:3rem;font:500 .74rem system-ui,sans-serif;letter-spacing:.09em;text-transform:uppercase;text-decoration:none;border-bottom:1px solid var(--accent);padding-bottom:.75rem;display:inline-flex;gap:1rem;align-items:center}
.discover span{font-size:1.3rem;line-height:1}
.chapter,.about{display:grid;grid-template-columns:minmax(160px,1fr) minmax(0,2.5fr);gap:clamp(2rem,6vw,7rem);max-width:1130px;padding:clamp(5rem,9vw,9rem) 1.5rem;margin:0 auto}
.chapter{border-top:1px solid var(--line)}
.section-mark{color:var(--accent);padding-top:.65rem}
.section-main{max-width:690px}
.overline{color:var(--accent);font-weight:600;margin-bottom:1.5rem}
h2{font-weight:400;font-size:clamp(2.5rem,5vw,4.7rem);line-height:1.13;letter-spacing:-.035em;margin-bottom:2rem}
.section-main p:not(.overline,.coming),.interlude p:not(.overline){font-size:clamp(1.075rem,1.4vw,1.2rem);line-height:1.85;color:#39352f;max-width:65ch;margin-bottom:1.35rem}
.section-main .lead{font-size:clamp(1.25rem,1.7vw,1.45rem)!important;line-height:1.75!important;color:var(--ink)!important}
.coming{margin-top:2.7rem;margin-bottom:0;color:var(--accent);font-weight:600}
.interlude{text-align:center;background:var(--dark);color:#fbf6eb;padding:clamp(6rem,12vw,11rem) 1.5rem}
.interlude .overline{color:#d7a99a}
.interlude h2{max-width:900px;margin:0 auto 2rem}
.interlude p:not(.overline){color:#e0dacf;max-width:650px;margin:0 auto}
.about{border-bottom:1px solid var(--line)}
.about h2{font-size:clamp(2.2rem,4vw,3.7rem)}
.site-foot{max-width:1320px;padding:2rem clamp(1.3rem,5vw,5.5rem) 3rem;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:1.4rem;flex-wrap:wrap}
.foot-brand{font-size:1.5rem;letter-spacing:-.05em;text-decoration:none}
.site-foot p,.site-foot>a:last-child{font:400 .78rem/1.5 system-ui,sans-serif;color:#625b54;margin:0;text-decoration:none}
@media(max-width:690px){.site-head{padding:1.2rem 1.1rem;gap:1.2rem}.site-head nav{gap:.85rem}.site-head nav a{font-size:.65rem;letter-spacing:.05em}.hero{min-height:690px;padding:5rem 1.2rem}.hero h1{font-size:clamp(5.8rem,22vw,10rem)}.hero-subtitle{letter-spacing:0}.chapter,.about{grid-template-columns:1fr;gap:2rem;padding:4.6rem 1.35rem}.section-main h2{margin-bottom:1.6rem}.interlude{padding:6rem 1.35rem}.site-foot{display:grid;gap:.65rem;padding:2rem 1.35rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}