:root{
 --bg:#f4f0ea;--paper:#fbfaf7;--ink:#171514;--muted:#726c66;--line:#cfc8c0;
 --accent:#8d3345;--soft:#ded7cf;--dark:#24201e;--max:1380px;
 --display:"Helvetica Neue","Arial Nova",Arial,sans-serif;
 --body:"Helvetica Neue",Arial,sans-serif
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--body);line-height:1.6;overflow-x:hidden}
a{color:inherit;text-decoration:none}button{font:inherit;color:inherit}.skip{position:absolute;left:-9999px}.skip:focus{left:1rem;top:1rem;background:#fff;padding:.7rem 1rem;z-index:100}
.grain{position:fixed;inset:0;pointer-events:none;z-index:60;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.65'/%3E%3C/svg%3E")}
.nav{position:fixed;z-index:50;top:0;left:0;width:100%;height:76px;padding:0 clamp(20px,4vw,64px);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;border-bottom:1px solid transparent;transition:.3s;background:color-mix(in srgb,var(--bg) 84%,transparent);backdrop-filter:blur(14px)}
.nav.scrolled{border-color:var(--line)}.brand{display:flex;align-items:center;gap:12px;font-size:.88rem}.brand span{display:grid;place-items:center;width:37px;height:37px;border:1px solid var(--ink);font-size:.7rem}.nav nav{display:flex;gap:28px;font-size:.78rem}.nav nav a{opacity:.72;transition:.2s}.nav nav a:hover{opacity:1}.nav-cta{justify-self:end;font-size:.78rem;border-bottom:1px solid currentColor;padding-bottom:3px;font-weight:600}
.hero{min-height:100dvh;padding:132px clamp(20px,5vw,78px) 70px;display:grid;grid-template-columns:minmax(0,1.55fr) minmax(340px,.45fr);grid-template-rows:1fr auto;gap:30px 4vw;max-width:1600px;margin:auto;align-items:center}
.hero-copy{z-index:2}.hero h1{font-family:var(--display);font-size:clamp(4rem,6.7vw,8rem);letter-spacing:-.07em;line-height:.9;font-weight:500;max-width:13.6ch;margin:0;text-wrap:balance}.hero h1 em{font-weight:500;color:var(--accent);font-style:italic}
.hero-lead{max-width:62ch;font-size:clamp(1rem,1.4vw,1.24rem);margin:34px 0 0;color:#403b37}.hero-actions{display:flex;align-items:center;gap:25px;margin-top:32px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:0 23px;border:1px solid var(--ink);font-size:.82rem;font-weight:650;transition:transform .25s,background .25s,color .25s}.button:hover{transform:translateY(-3px)}.button:active{transform:translateY(1px) scale(.985)}.button-primary{background:var(--ink);color:#fff}.text-link{display:inline-flex;gap:10px;align-items:center;font-size:.85rem;border-bottom:1px solid currentColor;padding-bottom:4px;font-weight:600}
.hero-photo{position:relative;margin:0;align-self:stretch;min-height:610px;overflow:hidden;background:#d9d0c8}.hero-photo img{width:100%;height:100%;object-fit:cover;filter:saturate(.8) contrast(1.03);transition:transform .9s cubic-bezier(.2,.7,.2,1)}.hero-photo:hover img{transform:scale(1.025)}.hero-photo figcaption{position:absolute;left:0;bottom:0;background:var(--paper);padding:13px 15px;font-size:.7rem;max-width:260px}
.hero-index{grid-column:1/-1;display:flex;gap:0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.hero-index span{flex:1;padding:14px 0;font-size:.67rem;text-transform:uppercase;letter-spacing:.14em;color:var(--muted)}.hero-index span+span{border-left:1px solid var(--line);padding-left:18px}

.manifesto{padding:160px clamp(20px,8vw,130px) 190px;max-width:1600px;margin:auto}.manifesto p{font-size:.95rem;color:var(--muted);max-width:50ch}.manifesto h2{font-family:var(--display);font-size:clamp(3.2rem,6.5vw,7.3rem);letter-spacing:-.06em;line-height:.95;font-weight:500;margin:25px 0 0;max-width:14ch}.manifesto h2 em{font-style:italic;color:var(--accent)}

.phase{padding:40px clamp(20px,5vw,78px) 170px;max-width:1600px;margin:auto}.phase-head{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:end;margin-bottom:50px}.phase-head h2{font-size:clamp(2rem,3.7vw,4.2rem);line-height:1.03;letter-spacing:-.045em;font-weight:500;margin:0;max-width:13ch}.phase-head p{margin:0;color:var(--muted);font-size:1rem}
.phase-rail{border-top:1px solid var(--line)}.phase-row{width:100%;display:grid;grid-template-columns:75px 1fr 50px;align-items:center;gap:15px;padding:30px 0;border:0;border-bottom:1px solid var(--line);background:transparent;text-align:left;cursor:pointer;transition:padding .28s,background .28s}.phase-row:hover,.phase-row.active{padding-left:18px;background:var(--paper)}.phase-number{font-size:.7rem;color:var(--muted);font-variant-numeric:tabular-nums}.phase-row strong{font-size:clamp(1.25rem,2.2vw,2.25rem);font-weight:500;line-height:1.14;max-width:39ch}.phase-arrow{justify-self:end;font-size:1.1rem}
.phase-answer{margin:42px 0 0 20%;display:grid;grid-template-columns:90px 1fr;gap:25px;background:var(--accent);color:#fff;padding:42px}.answer-mark{font-size:.7rem;border:1px solid rgba(255,255,255,.6);width:58px;height:58px;display:grid;place-items:center}.phase-answer h3{font-size:clamp(1.8rem,3vw,3.2rem);line-height:1.02;letter-spacing:-.04em;font-weight:500;margin:0;max-width:17ch}.phase-answer p{max-width:62ch;color:#f2e8ea}

.story{background:var(--dark);color:#f7f3ee;display:grid;grid-template-columns:.85fr 1.15fr;gap:8vw;padding:140px clamp(20px,6vw,95px) 160px}.story-sticky{position:sticky;top:120px;height:max-content}.story-sticky p{color:#bbb1aa;font-size:.9rem}.story-sticky h2{font-size:clamp(2.8rem,5vw,5.6rem);letter-spacing:-.055em;line-height:.97;font-weight:500;margin:20px 0 35px;max-width:10ch}.light-link{color:#fff}.story-chapters{border-top:1px solid #534a45}.story-chapters article{padding:44px 0 60px;border-bottom:1px solid #534a45}.story-chapters span{font-size:.68rem;color:#9e938c;text-transform:uppercase;letter-spacing:.14em}.story-chapters h3{font-size:clamp(1.8rem,3vw,3.15rem);line-height:1.03;letter-spacing:-.035em;font-weight:500;margin:15px 0}.story-chapters p{color:#cabfb7;max-width:57ch}.story-chapters a{display:inline-block;margin-top:12px;font-size:.8rem;border-bottom:1px solid #867a72;padding-bottom:3px}

.offer{max-width:1600px;margin:auto;padding:175px clamp(20px,6vw,95px);display:grid;grid-template-columns:.9fr 1.1fr;gap:8vw}.offer-title p{color:var(--muted);max-width:45ch}.offer-title h2{font-size:clamp(3rem,5.5vw,6.2rem);font-weight:500;line-height:.94;letter-spacing:-.055em;margin:25px 0;max-width:10ch}.offer-body{padding-top:10px}.offer-body h3{font-size:clamp(2rem,3.2vw,3.3rem);font-weight:500;letter-spacing:-.035em;margin:0}.offer-body>p{font-size:1.1rem;max-width:61ch}.offer-body ol{list-style:none;padding:0;margin:45px 0 36px;border-top:1px solid var(--line)}.offer-body li{display:grid;grid-template-columns:55px 1fr;gap:18px;padding:21px 0;border-bottom:1px solid var(--line)}.offer-body li>span{font-size:.68rem;color:var(--muted)}.offer-body li strong{font-size:1.15rem;font-weight:600}.offer-body li p{margin:4px 0 0;color:var(--muted)}

.perspective{padding:140px clamp(20px,6vw,95px) 170px;background:var(--paper)}.perspective-intro{display:flex;align-items:end;justify-content:space-between;gap:30px;max-width:1380px;margin:auto 0 50px}.perspective-intro h2{font-size:clamp(2.8rem,4.5vw,5rem);font-weight:500;line-height:.98;letter-spacing:-.05em;max-width:12ch;margin:0}.perspective-list{max-width:1380px;border-top:1px solid var(--line)}.perspective-list a{display:grid;grid-template-columns:180px 1fr;gap:35px;padding:30px 0;border-bottom:1px solid var(--line);transition:padding .25s,color .25s}.perspective-list a:hover{padding-left:15px;color:var(--accent)}.perspective-list span{font-size:.7rem;color:var(--muted);text-transform:uppercase;letter-spacing:.13em}.perspective-list strong{font-size:clamp(1.3rem,2.25vw,2.3rem);font-weight:500;line-height:1.12;max-width:31ch}

.closing{padding:170px clamp(20px,6vw,95px) 190px;background:var(--accent);color:#fff}.closing p{color:#ecd6dc}.closing h2{font-size:clamp(3.5rem,7vw,8rem);letter-spacing:-.07em;line-height:.9;font-weight:500;max-width:11ch;margin:15px 0 45px}.closing h2 em{font-style:italic}.button-light{background:#fff;color:var(--ink);border-color:#fff}
footer{padding:35px clamp(20px,5vw,78px);display:grid;grid-template-columns:1fr 1fr auto;gap:30px;align-items:center;border-top:1px solid var(--line);font-size:.78rem}footer p{color:var(--muted);margin:0}footer>div:last-child{display:flex;gap:18px}

:focus-visible{outline:2px solid var(--accent);outline-offset:4px}
@media(max-width:1000px){
 .nav{grid-template-columns:1fr auto}.nav nav{display:none}
 .hero{grid-template-columns:1fr;min-height:auto;padding-top:130px}.hero h1{max-width:12ch}.hero-photo{min-height:640px;max-width:720px}.hero-index{grid-column:1}
 .phase-head,.story,.offer{grid-template-columns:1fr}.phase-answer{margin-left:0}.story-sticky{position:static}.story-sticky h2{max-width:13ch}
 .perspective-intro{align-items:flex-start;flex-direction:column}footer{grid-template-columns:1fr}
}
@media(max-width:620px){
 .nav{height:66px;padding:0 14px}.brand strong{display:none}.nav-cta{font-size:.72rem}
 .hero{padding:105px 14px 45px}.hero h1{font-size:clamp(3.15rem,14.5vw,4.7rem);line-height:.92;max-width:11ch}.hero-lead{font-size:1rem}.hero-photo{min-height:470px}.hero-index span{font-size:.57rem}
 .manifesto{padding:100px 14px 120px}.manifesto h2{font-size:3.25rem}
 .phase{padding:20px 14px 110px}.phase-head{gap:18px}.phase-row{grid-template-columns:38px 1fr 25px;padding:24px 0}.phase-row:hover,.phase-row.active{padding-left:7px}.phase-row strong{font-size:1.3rem}.phase-answer{grid-template-columns:1fr;padding:28px 21px}
 .story{padding:100px 14px 115px}.story-sticky h2{font-size:3.15rem}.story-chapters article{padding:36px 0 45px}
 .offer{padding:110px 14px}.offer-title h2{font-size:3.35rem}.perspective{padding:100px 14px 120px}.perspective-list a{grid-template-columns:1fr;gap:9px}.closing{padding:110px 14px 130px}.closing h2{font-size:3.8rem}
 footer{padding:30px 14px}footer>div:last-child{flex-wrap:wrap}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.001ms!important;transition-duration:.001ms!important}}
