@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Instrument+Serif:ital@0;1&family=Manrope:wght@400;500;600;700&display=swap";:root{--font-display:"Instrument Serif", Georgia, serif;--font-sans:"Manrope", Arial, sans-serif;--font-mono:"DM Mono", monospace}*{box-sizing:border-box}html{scroll-behavior:smooth;background:#0a0e11}body{color:#f3f1eb;font-family:var(--font-sans);background:#0a0e11;margin:0;font-size:16px;line-height:1.6}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}:is(a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible){outline:3px solid var(--site-accent);outline-offset:5px}.editorial-site{background:var(--site-background);min-height:100vh;color:var(--site-text);overflow:clip}.site-header{z-index:30;justify-content:space-between;align-items:center;width:100%;height:82px;padding:0 clamp(22px,4vw,64px);display:flex;position:fixed;top:0;left:0}.site-header:before{z-index:-1;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);content:"";background:#0a0e11c2;position:absolute;inset:0}.brand{color:var(--site-text);align-items:baseline;gap:12px;line-height:1;display:inline-flex}.brand-mark{color:var(--site-accent);letter-spacing:-.08em;font-size:1.28rem;font-weight:700}.brand-name{color:var(--site-text);letter-spacing:-.015em;font-size:1.28rem;font-weight:600}.brand-initial{color:var(--site-accent)}.site-header nav{color:var(--site-muted);align-items:center;gap:clamp(18px,2.8vw,44px);font-size:.82rem;display:flex}.site-header nav>a:not(.nav-cta){padding:10px 0;position:relative}.site-header nav>a:not(.nav-cta):after{background:var(--site-accent);content:"";transform-origin:100%;height:1px;transition:transform .25s;position:absolute;bottom:4px;left:0;right:0;transform:scaleX(0)}.site-header nav>a:not(.nav-cta):hover:after{transform-origin:0;transform:scaleX(1)}.nav-cta{border:1px solid var(--site-border);min-height:44px;color:var(--site-text);align-items:center;gap:18px;padding:9px 16px;transition:border-color .25s,background-color .25s,color .25s;display:inline-flex}.nav-cta:hover{border-color:var(--site-accent);background:var(--site-accent);color:var(--site-background)}.menu-toggle{border:1px solid var(--site-border);width:46px;height:46px;color:inherit;cursor:pointer;background:0 0;display:none}.menu-toggle span{background:currentColor;width:20px;height:1px;margin:6px auto;transition:transform .25s;display:block}.full-scene{min-height:100svh;position:relative}.eyebrow{color:var(--site-accent);font-family:var(--font-mono);letter-spacing:.11em;text-transform:uppercase;margin:0;font-size:.72rem}h1,h2,h3,p{margin-top:0}h1,h2,h3{margin-bottom:0;font-weight:400}h1,h2{font-family:var(--font-display);letter-spacing:-.035em;line-height:.89}.hero-scene{grid-template-columns:minmax(0,1.15fr) minmax(340px,.85fr);align-items:center;gap:clamp(36px,7vw,120px);padding:128px clamp(22px,6vw,96px) 74px;display:grid}.hero-scene:before{background:var(--site-border);content:"";height:1px;position:absolute;top:81px;left:clamp(22px,6vw,96px);right:clamp(22px,6vw,96px)}.chapter-index{color:var(--site-muted);font-family:var(--font-mono);letter-spacing:.12em;writing-mode:vertical-rl;font-size:.66rem;position:absolute;top:112px;right:clamp(22px,4vw,64px)}.hero-copy{z-index:2;max-width:840px;padding-bottom:20px;position:relative}.hero-copy .eyebrow{margin-bottom:26px}.hero-copy h1{max-width:940px;font-size:clamp(4.2rem,8vw,8.6rem)}.hero-copy h1 span:nth-child(2){color:var(--site-accent);font-style:italic}.hero-lead{max-width:620px;color:var(--site-muted);margin:34px 0 36px;font-size:clamp(1rem,1.4vw,1.2rem)}.primary-cta{border-bottom:1px solid var(--site-text);justify-content:space-between;align-items:center;gap:30px;min-width:190px;min-height:58px;font-weight:600;display:inline-flex}.cta-arrow{background:var(--site-accent);width:42px;height:42px;color:var(--site-background);border-radius:50%;place-items:center;transition:transform .3s;display:grid}.primary-cta:hover .cta-arrow{transform:rotate(45deg)scale(1.08)}.hero-visual{z-index:1;justify-self:end;width:min(36vw,540px);position:relative}.portrait-frame{z-index:2;aspect-ratio:.73;background:var(--site-surface);transform:translate(calc(var(--pointer-x) * -9px), calc(var(--pointer-y) * -9px));will-change:transform;border-radius:48% 48% 3px 3px;margin:0;transition:transform .18s ease-out;position:relative;overflow:hidden}.portrait-frame img{object-fit:cover;filter:saturate(.78)contrast(1.04);width:112%;max-width:none;height:112%;transform:translate(calc(var(--pointer-x) * 13px - 6%), calc(var(--pointer-y) * 13px - 6%)) scale(1.04);will-change:transform;transition:filter .35s,transform .18s ease-out}.hero-visual:hover .portrait-frame img{filter:saturate()contrast(1.02)}.portrait-orbit{z-index:0;aspect-ratio:1;border:1px solid var(--site-accent);opacity:.55;width:72%;transform:translate(calc(var(--pointer-x) * 15px), calc(var(--pointer-y) * 15px));border-radius:50%;transition:transform .2s ease-out;position:absolute;top:-8%;right:-12%}.portrait-orbit:before{background:var(--site-accent);content:"";width:145%;height:1px;position:absolute;top:50%;left:-60%;transform:rotate(-22deg)}.hero-attributes{z-index:3;background:var(--site-text);color:var(--site-background);font-family:var(--font-mono);flex-direction:column;gap:5px;padding:13px 15px;font-size:.62rem;display:flex;position:absolute;bottom:26px;right:-18px}.scroll-cue{color:var(--site-muted);font-family:var(--font-mono);text-transform:uppercase;align-items:center;gap:14px;font-size:.7rem;display:flex;position:absolute;bottom:29px;left:clamp(22px,6vw,96px)}.story-chapter{padding:clamp(92px,12vw,190px) clamp(22px,8vw,132px)}.origin-chapter{background:var(--site-text);color:var(--site-background)}.origin-chapter .eyebrow,.detail-scene .eyebrow,.work-intro .eyebrow{color:#28736c}.chapter-grid{grid-template-columns:minmax(0,1.3fr) minmax(280px,.7fr);align-items:end;gap:8vw;margin-top:72px;display:grid}.chapter-grid h2{max-width:900px;font-size:clamp(4.1rem,8vw,9.4rem)}.chapter-body{color:#4d5659;max-width:520px;margin:0 0 10px;font-size:clamp(1.08rem,1.6vw,1.38rem)}.detail-scene{color:var(--site-background);background:#cbd9dc;overflow:hidden}.detail-stage{background:var(--site-background);width:100%;position:absolute;inset:0;overflow:hidden}.detail-stage>img{object-fit:cover;width:100%;height:100%;transform:scale(1.02)}.detail-stage:after{content:"";pointer-events:none;background:#0a0e1114;position:absolute;inset:0}.scene-caption{z-index:4;max-width:580px;color:var(--site-background);pointer-events:none;background:#f3f1ebeb;padding:28px 30px;position:absolute;bottom:clamp(36px,7vw,92px);right:clamp(22px,6vw,96px)}.scene-caption h2{margin:18px 0 20px;font-size:clamp(3.2rem,6vw,6.5rem)}.scene-caption>p:last-child{color:#4d5659;font-family:var(--font-mono);text-transform:uppercase;margin:0;font-size:.68rem}.strengths-chapter{background:var(--site-background)}.section-heading{grid-template-columns:240px minmax(0,1fr);align-items:start;gap:5vw;display:grid}.section-heading h2{max-width:920px;font-size:clamp(4rem,8vw,9rem)}.strength-list{border-top:1px solid var(--site-border);margin-top:clamp(76px,9vw,135px)}.strength-list article{border-bottom:1px solid var(--site-border);grid-template-columns:90px minmax(240px,.8fr) minmax(280px,1fr);align-items:baseline;gap:4vw;padding:34px 0;display:grid}.strength-list article>span{color:var(--site-accent);font-family:var(--font-mono);font-size:.72rem}.strength-list h3{font-family:var(--font-sans);letter-spacing:-.035em;font-size:clamp(1.45rem,2.5vw,2.4rem);font-weight:500}.strength-list p{max-width:590px;color:var(--site-muted);margin:0}.reveal-scene{background:var(--site-surface);overflow:hidden}.reveal-stage{position:absolute;inset:0}.reveal-stage img{object-fit:cover;object-position:50% 50%;width:100%;height:100%;position:absolute;inset:0;transform:scale(1.02)}.reveal-color{clip-path:inset(0 calc(100% - var(--reveal)) 0 0)}.reveal-stage:after{content:"";pointer-events:none;background:#0a0e111a;position:absolute;inset:0}.reveal-line{z-index:3;top:0;bottom:0;left:var(--reveal);pointer-events:none;background:#ffffffb3;width:1px;position:absolute}.reveal-line span{background:#0a0e11b3;border:1px solid #ffffffb3;border-radius:50%;place-items:center;width:52px;height:52px;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.reveal-line span:after{color:#fff;content:"↔";font-size:1.2rem}.reveal-stage input{z-index:4;opacity:0;cursor:ew-resize;width:100%;height:100%;margin:0;position:absolute;inset:0}.comparison-label{z-index:2;color:var(--site-text);font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;pointer-events:none;background:#0a0e11b8;border:1px solid #f3f1eb59;padding:9px 12px;font-size:.66rem;position:absolute;top:112px}.comparison-label-before{left:clamp(22px,4vw,64px)}.comparison-label-after{right:clamp(22px,4vw,64px)}.scene-caption-light{color:var(--site-text);background:#0a0e11e0;left:clamp(22px,6vw,96px);right:auto}.scene-caption-light>p:last-child{color:var(--site-muted)}.work-chapter{background:var(--site-text);color:var(--site-background)}.work-intro{grid-template-columns:200px minmax(0,1fr) minmax(250px,.46fr);align-items:end;gap:4vw;display:grid}.work-intro .eyebrow{align-self:start}.work-intro h2{font-size:clamp(4rem,7.5vw,8rem)}.work-intro>p:last-child{color:#566064;margin:0 0 8px}.project-list{border-top:1px solid #bfc2bc;margin-top:clamp(80px,10vw,150px)}.project-row{border-bottom:1px solid #bfc2bc}.project-row summary{cursor:pointer;grid-template-columns:80px minmax(190px,.75fr) minmax(230px,1fr) 40px;align-items:center;gap:3vw;min-height:118px;list-style:none;display:grid}.project-row summary::-webkit-details-marker{display:none}.project-number,.project-label{font-family:var(--font-mono);font-size:.68rem}.project-number{color:#28736c}.project-title{font-family:var(--font-display);letter-spacing:-.03em;font-size:clamp(2.1rem,4.2vw,4.8rem)}.project-label{color:#5d6669;text-transform:uppercase}.project-toggle{border:1px solid #bfc2bc;border-radius:50%;place-items:center;width:40px;height:40px;transition:transform .3s,background-color .3s;display:grid}.project-row[open] .project-toggle{background:var(--site-background);color:var(--site-text);transform:rotate(45deg)}.details-motion{opacity:0;grid-template-rows:0fr;transition:grid-template-rows .42s cubic-bezier(.22,1,.36,1),opacity .28s;display:grid!important}details[open]>.details-motion{opacity:1;grid-template-rows:1fr}.details-motion>*{min-height:0;overflow:hidden}.project-detail{color:#515b5f;grid-template-columns:1fr 1fr;gap:5vw;padding:0 6vw 48px 80px;display:grid}.project-detail p{max-width:520px;margin:0}.profile-chapter{color:var(--site-text);background:#172326}.profile-panel{grid-template-columns:minmax(0,1.05fr) minmax(280px,.95fr);gap:8vw;margin:0;display:grid}.profile-panel .eyebrow{color:var(--site-accent)}.profile-panel h2{margin-top:28px;font-size:clamp(3.8rem,7vw,7rem)}.profile-panel>div:last-child>p{max-width:620px;color:var(--site-muted);margin-bottom:58px;font-size:clamp(1.06rem,1.5vw,1.3rem)}.profile-panel ol{border-top:1px solid var(--site-border);margin:0;padding:0;list-style:none}.profile-panel li{border-bottom:1px solid var(--site-border);gap:24px;padding:22px 0;font-weight:600;display:flex}.profile-panel li span{color:#28736c;font-family:var(--font-mono);font-size:.68rem}.faq-chapter{background:var(--site-surface)}.faq-list{border-top:1px solid var(--site-border);width:min(860px,100%);margin:92px 0 0 auto}.faq-list details{border-bottom:1px solid var(--site-border)}.faq-list summary{cursor:pointer;grid-template-columns:52px 1fr 44px;align-items:center;min-height:94px;font-size:clamp(1.05rem,1.7vw,1.35rem);list-style:none;display:grid}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary>span:first-child{color:var(--site-accent);font-family:var(--font-mono);font-size:.68rem}.faq-toggle{border:1px solid var(--site-border);border-radius:50%;place-items:center;width:38px;height:38px;transition:transform .25s;display:grid}.faq-list details[open] .faq-toggle{transform:rotate(45deg)}.faq-answer p{max-width:680px;color:var(--site-muted);margin:0 0 32px 52px}.closing-chapter{background:var(--site-accent);color:var(--site-background);flex-direction:column;justify-content:center;padding:130px clamp(22px,8vw,132px) 80px;display:flex}.closing-chapter .eyebrow{color:#244a49}.closing-chapter h2{max-width:1200px;margin:42px 0;font-size:clamp(5rem,11vw,12rem)}.closing-chapter h2 span:nth-child(2){font-style:italic}.closing-chapter>p{color:#244a49;max-width:650px;font-size:clamp(1.05rem,1.5vw,1.28rem)}.closing-cta{width:100%;font-family:var(--font-display);border-top:1px solid #0a0e1173;border-bottom:1px solid #0a0e1173;justify-content:space-between;align-items:center;margin-top:70px;padding:26px 0;font-size:clamp(3rem,7vw,7rem);line-height:1;display:flex}.closing-cta>span:last-child{transition:transform .3s}.closing-cta:hover>span:last-child{transform:rotate(45deg)}.site-footer{background:var(--site-background);color:var(--site-muted);font-family:var(--font-mono);justify-content:space-between;gap:24px;padding:28px clamp(22px,4vw,64px);font-size:.66rem;display:flex}.site-footer a{color:var(--site-text)}@media (max-width:900px){.hero-scene{grid-template-columns:minmax(0,1fr) minmax(260px,.72fr);gap:32px}.hero-copy h1{font-size:clamp(3.8rem,9.4vw,6rem)}.chapter-grid,.profile-panel{grid-template-columns:1fr}.chapter-grid{align-items:start}.work-intro{grid-template-columns:1fr;align-items:start}.work-intro>p:last-child{max-width:600px}.section-heading{grid-template-columns:1fr}.strength-list article{grid-template-columns:60px minmax(200px,.75fr) 1fr}}@media (max-width:720px){.site-header{height:70px}.site-header:before{background:#0a0e11eb}.menu-toggle{display:block}.site-header nav{border-bottom:1px solid var(--site-border);background:#0a0e11fa;flex-direction:column;align-items:stretch;gap:0;padding:12px 22px 22px;display:none;position:absolute;top:70px;left:0;right:0}.site-header.menu-open nav{display:flex}.site-header nav a{min-height:50px;padding:14px 0}.nav-cta{justify-content:space-between;margin-top:8px;padding:11px 14px!important}.menu-open .menu-toggle span:first-child{transform:translateY(3.5px)rotate(45deg)}.menu-open .menu-toggle span:last-child{transform:translateY(-3.5px)rotate(-45deg)}.hero-scene{flex-direction:column;align-items:stretch;min-height:auto;padding:118px 22px 64px;display:flex}.hero-copy{order:1}.hero-copy h1{font-size:clamp(3.7rem,16vw,6.3rem)}.hero-lead{margin-top:26px}.hero-visual{order:2;width:min(88vw,430px);margin:34px auto 18px}.scroll-cue,.chapter-index{display:none}.story-chapter{padding:88px 22px}.chapter-grid{gap:36px;margin-top:45px}.chapter-grid h2,.section-heading h2,.work-intro h2,.profile-panel h2{font-size:clamp(3.8rem,17vw,6.2rem)}.detail-scene,.reveal-scene{min-height:780px}.detail-stage>img{transform:scale(1.06)}.scene-caption{max-width:none;padding:22px;bottom:18px;left:18px;right:18px}.scene-caption h2{font-size:clamp(3.2rem,14vw,5.3rem)}.strength-list{margin-top:56px}.strength-list article{grid-template-columns:42px 1fr;gap:18px;padding:28px 0}.strength-list article p{grid-column:2}.reveal-stage img{object-position:50% 50%}.comparison-label{top:88px}.work-intro{gap:26px}.project-list{margin-top:62px}.project-row summary{grid-template-columns:42px 1fr 40px;gap:14px;min-height:98px}.project-label{display:none}.project-detail{grid-template-columns:1fr;gap:18px;padding:0 0 34px 56px}.profile-panel{gap:38px}.faq-list{margin-top:60px}.faq-list summary{grid-template-columns:38px 1fr 38px;min-height:92px}.faq-answer p{margin-left:38px}.closing-chapter{padding:110px 22px 54px}.closing-chapter h2{font-size:clamp(4.5rem,20vw,7.5rem)}.closing-cta{margin-top:52px;font-size:clamp(3rem,17vw,5.5rem)}.site-footer{flex-direction:column}}@media (max-width:390px){.hero-copy h1{font-size:3.35rem}.hero-attributes{right:-8px}.scene-caption h2{font-size:3.1rem}}@media (max-height:650px) and (orientation:landscape){.hero-scene{min-height:760px}.detail-scene,.reveal-scene{min-height:680px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}.portrait-frame,.portrait-frame img,.portrait-orbit{transform:none!important}}
