:root { --ink:#201d1d; --cream:#f3eee4; --paper:#e7dfd0; --clay:#a7553c; --sage:#76806a; --line:rgba(32,29,29,.2); --font-display:"Cormorant Garamond"; --font-sans:"DM Sans"; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; background:var(--cream); color:var(--ink); font-family:var(--font-sans), sans-serif; }
a { color:inherit; text-decoration:none; }
.site-nav { position:absolute; z-index:5; top:0; left:0; right:0; height:100px; display:flex; align-items:center; justify-content:space-between; padding:0 5vw; border-bottom:1px solid rgba(243,238,228,.18); color:var(--cream); }
.wordmark { display:flex; align-items:center; gap:12px; font:500 23px/1 var(--font-display), serif; }
.seed { width:16px; height:25px; display:inline-block; border:1.5px solid currentColor; border-radius:100% 0 100% 0; transform:rotate(-22deg); }
nav { display:flex; align-items:center; gap:32px; font-size:13px; }
.nav-cta { padding:12px 17px; border:1px solid rgba(243,238,228,.55); border-radius:100px; }
.hero { position:relative; min-height:100svh; padding:190px 5vw 90px; display:grid; grid-template-columns:minmax(0,1.25fr) minmax(320px,.75fr); align-items:center; overflow:hidden; background:var(--ink); color:var(--cream); }
.hero::before { content:""; position:absolute; inset:0; opacity:.16; background-image:radial-gradient(#f3eee4 0.65px,transparent .65px); background-size:8px 8px; }
.hero-copy { position:relative; z-index:1; max-width:850px; }
.eyebrow { margin:0 0 28px; color:var(--clay); font-size:11px; font-weight:600; letter-spacing:.18em; text-transform:uppercase; }
.hero .eyebrow { color:#cf8b70; }
h1,h2,blockquote { font-family:var(--font-display), Georgia, serif; font-weight:400; }
h1 { margin:0; font-size:clamp(64px,8.2vw,132px); line-height:.82; letter-spacing:-.055em; }
h1 em { color:#c88369; font-weight:400; }
.hero-intro { max-width:560px; margin:48px 0 35px; color:#d4ccc0; font:400 18px/1.7 var(--font-sans); }
.primary-link,.well-copy a,.signup a { display:inline-flex; align-items:center; justify-content:space-between; gap:42px; padding:15px 0; border-bottom:1px solid currentColor; font-size:13px; font-weight:600; text-transform:uppercase; letter-spacing:.1em; }
.hero-art { position:relative; z-index:1; min-height:460px; display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; }
.sun-disc { position:absolute; width:min(34vw,440px); aspect-ratio:1; border-radius:50%; background:#9e4c37; box-shadow:0 0 0 85px rgba(158,76,55,.08); }
.hero-art p,.hero-art span { position:relative; z-index:1; }
.hero-art p { margin:0; font:italic 400 clamp(31px,3.5vw,54px)/1.02 var(--font-display); }
.hero-art span { margin-top:24px; font-size:11px; letter-spacing:.15em; text-transform:uppercase; }
.scroll-note { position:absolute; left:5vw; bottom:32px; display:flex; align-items:center; gap:12px; color:#928a80; font-size:11px; letter-spacing:.12em; text-transform:uppercase; }
.scroll-note span { display:block; width:35px; height:1px; background:#928a80; }
.daily-well { position:relative; padding:150px 7vw; display:grid; grid-template-columns:80px 1fr 1fr; gap:6vw; border-bottom:1px solid var(--line); }
.section-number { font:italic 400 24px var(--font-display); color:var(--clay); }
.well-heading h2,.about h2,.book-tease h2,.letters h2 { margin:0; font-size:clamp(55px,6.4vw,96px); line-height:.9; letter-spacing:-.04em; }
.well-copy { align-self:end; max-width:500px; }
.well-copy .lead { margin:0 0 32px; font:400 27px/1.25 var(--font-display); }
.well-copy > p:not(.lead) { color:#625d56; line-height:1.7; }
.well-copy a { margin-top:22px; color:var(--clay); }
.sample { min-height:850px; padding:80px 7vw; position:relative; display:grid; grid-template-columns:1fr 2fr 1fr; background:#79816c; color:var(--cream); overflow:hidden; }
.sample::after { content:""; position:absolute; width:700px; height:700px; left:50%; top:50%; transform:translate(-50%,-50%); border:1px solid rgba(243,238,228,.16); border-radius:50%; box-shadow:0 0 0 90px rgba(243,238,228,.03),0 0 0 180px rgba(243,238,228,.02); }
.sample-meta,.sample-note,blockquote { position:relative; z-index:1; }
.sample-meta span { font-size:12px; letter-spacing:.1em; text-transform:uppercase; }
.sample blockquote { align-self:center; margin:0; text-align:center; font-size:clamp(90px,13vw,210px); line-height:.68; letter-spacing:-.07em; }
.sample-note { align-self:end; padding-bottom:20px; }
.sample-note p { font:400 25px/1.25 var(--font-display); }
.sample-note span { color:#d4d9cd; font-size:13px; }
.manifesto { padding:160px 10vw; text-align:center; background:var(--paper); }
.manifesto > p:first-child { color:#736d64; font-size:13px; letter-spacing:.08em; text-transform:uppercase; }
.manifesto-lines { margin:55px 0; display:grid; }
.manifesto-lines span { font:400 clamp(40px,5.3vw,78px)/1.15 var(--font-display); }
.manifesto-lines span:nth-child(2) { color:var(--clay); font-style:italic; }
.manifesto-close { max-width:560px; margin:0 auto; color:#5f5a52; line-height:1.8; }
.about { padding:150px 7vw; display:grid; grid-template-columns:.8fr 1.2fr; gap:9vw; align-items:center; }
.portrait-placeholder { aspect-ratio:4/5; display:flex; align-items:flex-end; padding:45px; background:var(--ink); color:var(--cream); overflow:hidden; position:relative; }
.portrait-placeholder::before { content:""; position:absolute; width:78%; aspect-ratio:1; top:12%; right:-10%; border:1px solid rgba(243,238,228,.24); border-radius:50%; box-shadow:0 0 0 70px rgba(167,85,60,.14); }
.portrait-placeholder span { position:relative; font:italic 400 clamp(52px,6vw,88px)/.75 var(--font-display); }
.about-copy h2 { font-size:clamp(48px,5.4vw,78px); }
.about-copy > p:not(.eyebrow) { max-width:630px; color:#625d56; font-size:16px; line-height:1.8; }
.book-tease { padding:180px 7vw; text-align:center; background:#a9553d; color:var(--cream); }
.book-tease .eyebrow { color:#2f2421; }
.book-tease p:last-child { max-width:540px; margin:40px auto 0; color:#f0cabc; line-height:1.7; }
.letters { padding:130px 7vw; display:grid; grid-template-columns:1.2fr .8fr; gap:10vw; align-items:end; }
.letters h2 { font-size:clamp(52px,6vw,90px); }
.signup p { color:#625d56; line-height:1.7; }
.signup a { width:100%; margin-top:20px; color:var(--clay); }
.signup small { display:block; margin-top:12px; color:#8a847a; }
footer { padding:55px 5vw; display:grid; grid-template-columns:1fr 1fr auto; gap:4vw; align-items:center; border-top:1px solid var(--line); }
footer p,footer > span { color:#777066; font-size:12px; }
@media (max-width:900px) { nav a:not(.nav-cta){display:none}.hero{grid-template-columns:1fr;padding-top:160px}.hero-art{min-height:380px}.sun-disc{width:330px}.daily-well{grid-template-columns:40px 1fr}.well-copy{grid-column:2}.sample{grid-template-columns:1fr;min-height:780px}.sample blockquote{font-size:120px}.sample-note{max-width:390px;margin-left:auto}.about,.letters{grid-template-columns:1fr}.portrait-placeholder{max-width:520px}.about-copy{padding-top:25px}footer{grid-template-columns:1fr 1fr}footer p{display:none}}
@media (max-width:600px) { .site-nav{height:82px}.wordmark{font-size:20px}.nav-cta{padding:10px 12px}.hero{padding:140px 6vw 80px}.hero h1{font-size:64px}.hero-intro{font-size:16px;margin-top:35px}.hero-art{min-height:320px}.sun-disc{width:260px}.daily-well{padding:100px 6vw;grid-template-columns:1fr}.section-number{display:none}.well-copy{grid-column:1}.sample{padding:60px 6vw;min-height:690px}.sample blockquote{font-size:92px;align-self:center}.sample-note{max-width:280px}.manifesto{padding:110px 6vw}.manifesto-lines span{font-size:42px}.about,.letters{padding:100px 6vw}.book-tease{padding:120px 6vw}footer{grid-template-columns:1fr}footer>span{text-align:left}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
