:root{--bg:#101417;--panel:#181e23;--ink:#f3f3ef;--muted:#abb0b2;--gold:#d9b779;--rule:#ffffff22;--pad:clamp(24px,6.3vw,108px)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:82px}body{margin:0;background:var(--bg);color:var(--ink);font-family:Arial,Helvetica,sans-serif;font-size:16px;line-height:1.6}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}a,button{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline:2px solid var(--gold);outline-offset:6px}button:disabled{opacity:.25;cursor:default}.skip{position:fixed;top:-100px;left:20px;background:var(--gold);color:var(--bg);padding:10px;z-index:100}.skip:focus{top:15px}.topbar{height:83px;position:fixed;inset:0 0 auto;background:#101417ef;backdrop-filter:blur(14px);z-index:20;display:flex;align-items:center;justify-content:space-between;padding:0 var(--pad);border-bottom:1px solid var(--rule)}.brand{display:flex;align-items:center;gap:12px}.brand b{font-size:27px;letter-spacing:-1px}.brand span{font-size:10px;line-height:1.35;letter-spacing:1.5px;border-left:1px solid #ffffff44;padding-left:12px}.project{font-size:12px;letter-spacing:2px;color:#d0d2d2}.project span{color:var(--gold);margin:0 12px}.brief-link{font-size:13px}.brief-link span{color:var(--gold);margin-left:15px}.reading-progress{position:fixed;top:82px;left:0;width:100%;height:2px;z-index:22}#progress{display:block;width:0;height:100%;background:var(--gold);transition:width .2s}main{overflow:hidden}.chapter{min-height:100svh;padding:115px var(--pad) 105px;position:relative;border-bottom:1px solid var(--rule);scroll-margin-top:0}.hero{padding-top:147px;display:flex;flex-direction:column;justify-content:center;min-height:100svh}.hero-layout{display:grid;grid-template-columns:1.45fr 1fr;gap:40px;align-items:center}.eyebrow{font-size:12px;letter-spacing:2px;line-height:1.7;color:var(--gold);font-weight:600;margin:0 0 30px}.hero .eyebrow span{display:block;color:var(--muted);letter-spacing:1.5px;margin-top:4px;font-weight:400}h1{font-weight:400;font-size:clamp(44px,5vw,86px);letter-spacing:-2.5px;line-height:1.06;margin:36px 0}.line{display:block}.serif,h2 em,.decision-rule em{font-family:Georgia,'Times New Roman',serif;font-weight:400;font-style:italic}.gold{color:var(--gold)}h1 .serif{font-size:.83em;letter-spacing:-2px;line-height:1.25}p{margin:0 0 22px}.hero-bottom{margin-top:35px}.hero-bottom p{color:var(--muted);font-size:17px;line-height:1.7}.button{display:inline-flex;align-items:center;justify-content:center;gap:26px;min-height:52px;padding:14px 23px;font-size:14px;line-height:1.5;transition:background .2s,transform .2s}.button:hover{transform:translateY(-3px)}.primary{background:var(--gold);color:#15191d}.primary:hover{background:#e7c995}.secondary{border:1px solid #6d7376}.secondary:hover{background:#ffffff0b}.hero-art{position:relative;aspect-ratio:1/1.12;display:flex;align-items:center;justify-content:center;flex-direction:column;isolation:isolate}.hero-art:before{content:'';position:absolute;inset:15%;background:radial-gradient(ellipse,#d9b77915,transparent 65%);z-index:-1}.orbit{position:absolute;width:98%;aspect-ratio:1;border:1px solid #d9b7794a;border-radius:50%;animation:rotate 22s linear infinite;transform:rotate(-40deg)}.orbit:after{content:'';position:absolute;top:10%;left:17%;width:5px;height:5px;background:var(--gold);box-shadow:0 0 20px #d9b779;border-radius:50%}.orbit.inner{width:83%;border:1px dashed #d9b77927;animation-direction:reverse;animation-duration:65s}.orbit.inner:after{display:none}.hero-number{font-size:clamp(125px,17vw,285px);font-weight:400;line-height:.8;letter-spacing:-.08em;padding-right:.08em;font-family:Georgia,serif}.hero-number span{display:block;font-family:Arial,sans-serif;font-size:12px;letter-spacing:7px;text-align:center;line-height:1;margin-top:26px;padding-left:7px;color:var(--gold)}.art-caption{position:absolute;bottom:11%;font-size:17px;line-height:1.35;text-align:center;background:var(--bg);padding:5px 18px;margin:0}.art-caption em{font-family:Georgia,serif;color:var(--gold);font-size:22px}.corner{position:absolute;font-size:10px;letter-spacing:2px;color:var(--muted)}.corner.top{left:0;top:1%}.corner.bottom{right:0;bottom:1%}.hero-foot{display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--rule);padding-top:24px;margin-top:58px;font-size:11px;letter-spacing:1.3px;color:var(--muted)}.hero-foot span:last-child{letter-spacing:0}.section-head{display:flex;justify-content:space-between;align-items:start;margin-bottom:40px;gap:20px}.section-head .eyebrow{margin:0}.micro{font-size:12px;line-height:1.6;color:var(--muted);text-align:right;letter-spacing:.7px;margin:0}h2{font-size:clamp(38px,4.6vw,72px);line-height:1.08;font-weight:400;letter-spacing:-1.8px;margin:0 0 33px}h2 em{color:var(--gold)}h3{font-size:20px;font-weight:400;line-height:1.4;margin:0 0 12px}.large-copy{font-size:clamp(18px,1.5vw,23px);line-height:1.6;max-width:690px}.muted{color:var(--muted)}.opportunity-grid{display:grid;grid-template-columns:1.12fr 1fr;gap:7vw;align-items:center}.principle{border-left:2px solid var(--gold);padding-left:24px;margin-top:32px}.principle span{font-size:11px;letter-spacing:1.6px;color:var(--muted)}.principle p{font-size:23px;line-height:1.4;margin:10px 0 0}.store-frame{margin:0;align-self:stretch;display:flex;flex-direction:column;justify-content:center}.store-frame img{width:100%;height:480px;object-fit:cover;filter:saturate(.6);display:block}.store-frame figcaption{display:flex;justify-content:space-between;gap:15px;font-size:11px;color:var(--muted);padding-top:17px}.store-frame figcaption span:first-child{color:var(--gold);letter-spacing:1px}.diagnosis{background:#161c20}.diagnosis-title{display:grid;grid-template-columns:1.2fr 1fr;gap:9vw;align-items:center}.diagnosis-title p{color:#c4c8ca}.work-list{margin-top:30px}.work-list article{display:grid;grid-template-columns:55px 1fr 1.3fr;gap:25px;border-top:1px solid var(--rule);padding:28px 0;align-items:start}.work-list h3,.work-list p{margin:0}.work-list p{color:var(--muted)}.index{font-family:Georgia,serif;color:var(--gold);font-size:22px}.output{border-top:1px solid var(--rule);padding:25px 0 0;display:flex;gap:50px;align-items:start}.output span{font-size:11px;letter-spacing:1.5px;color:var(--gold);min-width:160px;padding-top:5px}.output p{max-width:650px;font-size:18px}.phase-selector{display:flex;margin:36px 0 0;border-bottom:1px solid var(--rule)}.phase-selector button{text-align:left;color:var(--muted);background:none;border:0;border-bottom:2px solid transparent;width:50%;padding:18px 0 23px;font-size:20px}.phase-selector button span{display:block;font-size:12px;letter-spacing:1.7px;margin-bottom:7px}.phase-selector button[aria-selected=true]{color:var(--ink);border-bottom-color:var(--gold)}.phase-selector button[aria-selected=true] span{color:var(--gold)}.phase-panel{display:grid;grid-template-columns:1fr 1.6fr;gap:9vw;min-height:390px;align-items:center;padding-top:32px}.phase-panel[hidden]{display:none}.phase-number{font-family:Georgia,serif;font-size:clamp(105px,12vw,180px);line-height:1;color:var(--gold)}.phase-statement p{font-size:22px;color:var(--muted);line-height:1.4;margin-top:15px}.phase-details article{padding:17px 0;border-bottom:1px solid var(--rule)}.phase-details article:last-child{border:0}.phase-details h3{margin-bottom:6px}.phase-details p{font-size:16px;color:var(--muted);margin:0}.guardrail{font-size:12px;color:var(--muted);margin-top:35px}.measurement{background:#eaecea;color:#142026}.measurement .eyebrow,.measurement h2 em,.measurement .metrics>article>span{color:#86602b}.measurement .micro{color:#526064}.measurement .large-copy{color:#47565b}.metrics{display:grid;grid-template-columns:repeat(5,1fr);gap:0;margin:60px 0;border-top:1px solid #14202633;border-bottom:1px solid #14202633}.metrics article{padding:30px 20px 30px 0;margin-right:20px;border-right:1px solid #14202622}.metrics article:last-child{border:0;margin:0}.metrics article>span{font-family:Georgia,serif;font-size:20px}.metrics h3{margin-top:25px;font-size:20px}.metrics p{font-size:14px;color:#526064;line-height:1.6;margin:0}.decision-rule{display:grid;grid-template-columns:1fr 1fr;gap:9vw;align-items:center}.decision-rule p{font-size:30px;line-height:1.3;margin:0}.decision-rule span{font-size:16px;max-width:470px;color:#47565b}.next-layout{display:grid;grid-template-columns:1.25fr 1fr;gap:7vw;align-items:center}.next h2{font-size:clamp(38px,4.2vw,67px)}.next .large-copy{color:var(--muted);font-size:18px;max-width:560px}.actions{display:flex;flex-wrap:wrap;gap:12px;margin:30px 0}.contact{font-size:14px;line-height:1.8;color:var(--muted)}.contact a{color:var(--ink)}.next-card{background:#1a2228;border:1px solid var(--rule);padding:35px}.next-card .eyebrow{font-size:11px}.next-card ol{padding:0;list-style:none;margin:0}.next-card li{display:flex;gap:22px;padding:23px 0;border-top:1px solid var(--rule)}.next-card li>span{font-family:Georgia,serif;color:var(--gold);font-size:20px}.next-card h3{margin-bottom:6px}.next-card li p{font-size:15px;color:var(--muted);margin:0}.card-bottom{font-family:Georgia,serif;font-size:20px;color:var(--gold);border-top:1px solid var(--rule);padding-top:23px;line-height:1.4;margin:0}footer{margin-top:70px;border-top:1px solid var(--rule);padding-top:24px;display:flex;flex-wrap:wrap;justify-content:space-between;gap:20px;font-size:12px;color:var(--muted)}footer>span{letter-spacing:1.5px}footer p{width:100%;max-width:750px;font-size:12px;margin:0}.chapter-nav{position:fixed;bottom:18px;left:50%;transform:translateX(-50%);z-index:25;display:flex;align-items:center;gap:14px;padding:8px 12px;background:#101417f5;box-shadow:0 5px 30px #0004;border:1px solid #ffffff26;color:var(--ink)}.chapter-nav button{width:35px;height:35px;padding:0;color:var(--gold);background:transparent;border:1px solid #ffffff22;font-size:20px}.chapter-nav #chapter-count{font-size:12px;color:var(--gold);white-space:nowrap}.chapter-label{font-size:12px;min-width:160px}.chapter-nav #motion{font-size:11px;width:auto;white-space:nowrap;border:0;border-left:1px solid var(--rule);padding:0 7px 0 15px;color:var(--muted)}.entrance{animation:enter 1.2s both cubic-bezier(.2,.75,.25,1)}.e1{animation-delay:.1s}.e2{animation-delay:.3s}.e3{animation-delay:.55s}.e4{animation-delay:.85s}.e5{animation-delay:1.15s}.reveal{transition:opacity .8s ease,transform .8s cubic-bezier(.2,.75,.25,1)}.js-motion .reveal:not(.visible){opacity:0;transform:translateY(26px)}.motion-paused *{animation-play-state:paused!important}.motion-paused .reveal{opacity:1!important;transform:none!important}.motion-paused{scroll-behavior:auto}@keyframes enter{from{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}@keyframes rotate{to{transform:rotate(320deg)}}
@media(min-width:1700px){.chapter{padding-left:max(var(--pad),calc((100vw - 1500px)/2));padding-right:max(var(--pad),calc((100vw - 1500px)/2))}}@media(max-width:1050px){.project{display:none}.hero-layout{grid-template-columns:1.4fr 1fr;gap:20px}h1{font-size:clamp(40px,5.3vw,60px)}.hero-art{aspect-ratio:1/1.4}.art-caption{bottom:7%}.hero-number{font-size:17vw}.opportunity-grid,.next-layout{gap:40px}.store-frame img{height:450px}.work-list article{grid-template-columns:35px .8fr 1.3fr;gap:20px}.metrics{grid-template-columns:repeat(3,1fr)}.metrics article{border-right:0}.next-card{padding:25px}.phase-panel{gap:50px}.chapter{min-height:auto;padding-top:105px;padding-bottom:100px}.hero{min-height:100svh}}
@media(max-width:700px){:root{--pad:24px}.topbar{height:72px}.brand b{font-size:25px}.brand span{font-size:9px}.brief-link{font-size:12px}.reading-progress{top:71px}html{scroll-padding-top:72px}.chapter{padding-top:95px;padding-bottom:95px}.hero{padding-top:115px}.hero-layout{display:flex;flex-direction:column;align-items:stretch;gap:15px}.hero .eyebrow{font-size:10px;margin-bottom:24px;letter-spacing:1.7px}.hero .eyebrow span{font-size:10px}.hero h1{font-size:clamp(38px,9.5vw,66px);letter-spacing:-1.7px;margin:25px 0}.hero h1 .serif{font-size:.8em;letter-spacing:-1px}.hero-bottom{margin-top:24px}.hero-bottom p{font-size:16px}.desktop-break{display:none}.hero-art{width:min(300px,85%);aspect-ratio:1/1.08;align-self:center;margin:40px 0 15px}.hero-number{font-size:155px}.art-caption{bottom:6%;font-size:14px}.art-caption em{font-size:18px}.hero-foot{margin-top:20px;flex-direction:column;gap:8px;font-size:10px}.opportunity-grid,.diagnosis-title,.next-layout,.decision-rule{grid-template-columns:1fr;gap:30px}.section-head{margin-bottom:30px}.section-head .micro{display:none}h2{font-size:clamp(36px,8.5vw,54px);letter-spacing:-1.2px}.eyebrow{font-size:11px}.large-copy{font-size:18px}.store-frame img{height:330px}.store-frame figcaption{font-size:10px}.work-list article{grid-template-columns:30px 1fr;gap:9px 15px;padding:25px 0}.work-list article p{grid-column:2}.work-list article h3{font-size:20px}.output{flex-direction:column;gap:15px}.output p{font-size:17px}.phase-selector button{font-size:16px;line-height:1.4;padding-right:15px}.phase-selector button span{font-size:11px}.phase-panel{grid-template-columns:1fr;gap:5px;min-height:0;padding-top:25px}.phase-statement{display:flex;align-items:center;gap:24px}.phase-number{font-size:100px}.phase-statement p{font-size:17px}.metrics{grid-template-columns:1fr 1fr;margin:35px 0}.metrics article{margin-right:10px;padding:23px 10px 23px 0}.metrics h3{margin-top:16px;font-size:19px}.metrics p{font-size:14px}.decision-rule{gap:24px}.decision-rule p{font-size:27px}.next-card{padding:25px}.actions{align-items:stretch;flex-direction:column}.button{font-size:14px}.next h2{font-size:clamp(36px,8.2vw,52px)}footer{margin-top:40px}.chapter-nav{width:calc(100% - 32px);bottom:12px;justify-content:space-between;gap:9px;padding:7px 9px}.chapter-label{display:none}.chapter-nav #motion{font-size:11px}.chapter-nav button{width:33px;height:33px}.guardrail{font-size:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.js-motion .reveal:not(.visible){opacity:1;transform:none}}
.photo-credit{display:block;margin-top:9px;color:var(--muted);font-size:12px;line-height:1.5}.photo-credit:hover{color:var(--gold)}
.phase-selector button{flex:1;width:auto;padding-right:16px}.phase-selector button:last-child{padding-right:0}
@media(max-width:700px){.phase-selector button{font-size:14px;padding-right:10px}.phase-selector button span{font-size:12px;letter-spacing:.4px}}