@font-face{font-family:Anton;src:url('fonts/Anton-Regular.ttf') format('truetype');font-weight:400;font-display:swap}@font-face{font-family:Manrope;src:url('fonts/Manrope.ttf') format('truetype');font-weight:200 800;font-display:swap}
:root{--ink:#080d15;--paper:#f1f2ee;--accent:#fac64c;--body:Manrope,Arial,sans-serif;--display:Anton,Impact,sans-serif;--pad:4.5vw;color-scheme:dark;font-family:var(--body);font-synthesis:none;background:var(--ink);color:var(--paper)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;overflow-x:clip}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button:disabled{opacity:.45;cursor:default}a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:6px}::selection{background:var(--accent);color:var(--ink)}.skip{position:fixed;top:-90px;left:20px;z-index:30;background:var(--paper);color:var(--ink);padding:15px}.skip:focus{top:20px}.nav{position:fixed;z-index:12;top:0;left:0;width:100%;padding:24px var(--pad);display:flex;align-items:center;gap:4.5vw;background:linear-gradient(#080d15a8,transparent);transition:color .3s}.wordmark{font-family:var(--display);font-size:25px;line-height:.95;letter-spacing:-.015em;position:relative}.wordmark span{font-family:var(--body);font-size:12px;position:absolute;right:-14px;top:0}.nav-caption{font-size:12px;letter-spacing:.09em;line-height:1.5}.nav nav{display:flex;align-items:center;gap:30px;margin-left:auto;font-size:14px}.nav nav a{position:relative}.nav nav a:after{content:'';position:absolute;left:0;bottom:-6px;width:100%;height:1px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .25s}.nav nav a:hover:after{transform:scaleX(1)}.contact-nav{padding:11px 20px;border:1px solid #ffffff55;border-radius:30px}.contact-nav span{padding-left:14px}.nav .previous-nav{font-size:12px;color:#b3b9c0}
.world-stage{position:fixed;inset:0;overflow:hidden;pointer-events:none;background:#080d15;z-index:0}.world-stage canvas,.fallback-art,.stage-shade,.stage-grain{position:absolute;inset:0;width:100%;height:100%}.world-stage canvas{opacity:0;transition:opacity .65s}.graphics-ready .world-stage canvas{opacity:1}.fallback-art img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:63% 50%;opacity:0;transition:opacity .5s}.fallback-art img:first-child{opacity:1}.stage-shade{background:linear-gradient(90deg,rgba(4,8,14,.76),rgba(4,8,14,.12) 46%,transparent 68%),linear-gradient(0deg,rgba(4,8,14,.85),transparent 35%,transparent 80%,rgba(4,8,14,.15));transition:opacity .4s}.stage-grain{opacity:.04;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='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23fff' filter='url(%23n)' d='M0 0h180v180H0z'/%3E%3C/svg%3E");pointer-events:none}.edge-title{position:absolute;right:24px;top:48%;writing-mode:vertical-rl;letter-spacing:.2em;font-size:12px;color:#bcc1c6}.worlds{position:relative;z-index:1}.chapter{height:160svh;position:relative;scroll-margin-top:0}.chapter.hero{height:140svh}.chapter.building{height:130svh}.chapter-frame{position:sticky;top:0;height:100svh;min-height:700px;padding:140px var(--pad) 100px;overflow:hidden}.eyebrow{font-size:12px;letter-spacing:.12em;font-weight:650;line-height:1.6;margin:0}.live-dot{display:inline-block;width:7px;height:7px;border-radius:100%;background:var(--accent);margin-right:12px;box-shadow:0 0 15px #fac64c65}.hero-kicker{margin-top:10px}.hero-title-wrap{position:absolute;bottom:15%;left:var(--pad);width:90%}h1,h2,h3,p{margin-top:0}h1,h2{font-family:var(--display);font-weight:400;letter-spacing:-.025em;line-height:.98}h1{font-size:clamp(100px,12.4vw,210px);margin:0 0 34px;width:max-content}h1 span{color:var(--accent)}.hero-baseline{display:flex;align-items:center;gap:70px}.hero-baseline p{font-size:14px;line-height:1.8;margin:0;max-width:350px}.round-link{display:inline-flex;align-items:center;gap:24px;font-size:13px}.round-link b{display:grid;place-items:center;width:48px;height:48px;font-size:22px;font-weight:300;border-radius:50%;border:1px solid #a6aab25e;transition:background .25s,transform .25s}.round-link:hover b{background:var(--accent);color:var(--ink);transform:translateY(4px)}.art-caption{position:absolute;bottom:30px;font-size:12px;color:#949aa4}.chapter-heading{position:absolute;top:20%;left:var(--pad)}.chapter-heading h2{font-size:clamp(95px,9.8vw,165px);margin:22px 0 0}.chapter-heading h2 span{color:var(--accent)}.chapter-note{position:absolute;bottom:15%;right:8.5%;width:300px;padding-left:22px;border-left:1px solid #ffffff55;filter:drop-shadow(0 2px 10px #050912)}.chapter-note .eyebrow{font-size:11px;letter-spacing:.08em;margin-bottom:18px}.chapter-note h3{font-size:22px;line-height:1.3;font-weight:500;margin-bottom:16px}.chapter-note>p:not(.eyebrow){font-size:14px;line-height:1.75;color:#d7dadd}.chapter-note .employers{color:#fff!important;font-weight:650;font-size:12px!important;line-height:1.8;margin-top:24px}.chapter-note a{font-size:12px;padding-bottom:7px;border-bottom:1px solid #ffffff77;display:inline-flex;gap:35px}.thermal{--accent:#a7eaf3}.systems{--accent:#c4ef91}.building{--accent:#c4ef91}.building-copy{margin-top:8vh}.building h2{font-size:clamp(80px,10.6vw,175px);margin:0 0 30px;max-width:1100px}.building h2 span{color:var(--accent)}.building-copy>p{font-size:17px;line-height:1.7}.building .round-link{margin-top:12px}
.journey-dock{position:fixed;z-index:15;bottom:24px;right:var(--pad);display:flex;gap:36px;align-items:center;background:rgba(9,14,23,.66);border:1px solid #ffffff24;border-radius:100px;padding:10px 10px 10px 24px;backdrop-filter:blur(15px)}.journey-dock nav{display:flex;gap:15px}.journey-dock nav a{font-size:12px;display:flex;align-items:center;gap:6px;padding:9px 0;color:#a2a9b2}.journey-dock nav a.active{color:#fff}.journey-dock nav i{width:0;height:2px;background:var(--accent);transition:width .3s}.journey-dock nav .active i{width:24px}.dock-actions{display:flex;gap:15px;align-items:center}.dock-actions button{border:0;background:none;font-size:12px;padding:6px}.dock-actions #tour{display:flex;gap:14px;align-items:center}.dock-actions #tour b{border:1px solid #fff5;width:32px;height:32px;border-radius:50%;display:grid;place-items:center;font-size:18px;font-weight:400}#motion{width:32px;height:32px;border-radius:50%;border:1px solid #fff4;font-size:15px}#inspect{border-right:1px solid #fff3;padding-right:17px}#inspect span{font-size:16px;margin-left:10px}.inspection-label{position:fixed;z-index:14;left:var(--pad);bottom:50px;display:flex;gap:30px;font-size:12px;letter-spacing:.07em}.inspection-label[hidden]{display:none}.inspecting .worlds{opacity:.08;pointer-events:none}.inspecting .stage-shade{opacity:.2}.inspecting .world-stage{pointer-events:auto;touch-action:none;cursor:grab}.inspecting .world-stage:active{cursor:grabbing}.mobile-only{display:none}.reading .world-stage{visibility:hidden}.reading .journey-dock{display:none}.reading .nav{background:#101822f2;backdrop-filter:blur(12px)}
.editorial{position:relative;z-index:2;padding:80px var(--pad);background:#101822}.section-line{border-top:1px solid #fff4;padding-top:18px;display:flex;justify-content:space-between;gap:30px;font-size:12px;letter-spacing:.08em}.project{background:#d6ff86;color:#0a251b;padding-top:70px;padding-bottom:90px;color-scheme:light}.project .section-line{border-color:#0a251b55}.project-heading{display:flex;justify-content:space-between;align-items:center;padding:80px 0 60px}.project-heading h2{font-size:clamp(110px,17vw,275px);line-height:.92;margin:0;letter-spacing:-.015em}.project-heading h2 span{color:#608e37}.project-intro{width:27%;font-size:14px}.project-intro p{font-size:26px;line-height:1.5;margin:22px 0}.project-inside{display:grid;grid-template-columns:1fr 1.25fr;gap:8vw;border-top:1px solid #0a251b55;padding-top:55px}.project-argument .eyebrow{margin-bottom:25px}.project-argument h3{font-size:clamp(35px,4vw,64px);font-weight:500;letter-spacing:-.05em;line-height:1.15;margin-bottom:25px}.project-argument h3 em{font-style:normal}.project-argument p{font-size:16px;line-height:1.8;max-width:410px}.flow-study{background:#0b251c;color:#e3f0d4;padding:36px;border-radius:3px;align-self:start;min-height:450px;position:relative;overflow:hidden}.flow-path{height:100px;display:flex;align-items:center;position:relative}.flow-path:before{content:'';position:absolute;left:4%;right:4%;height:1px;background:#d6ff8680;top:50%}.flow-path:after{content:'';position:absolute;left:4%;width:27%;height:1px;background:#d6ff86;top:50%;box-shadow:0 0 12px #d6ff86;transform:translateX(calc(var(--flow,0)*90%));transition:transform .55s cubic-bezier(.16,1,.3,1)}.flow-path span{width:25%;position:relative}.flow-path span:after{content:'';display:block;width:10px;height:10px;border:1px solid #d6ff86;background:#0b251c;border-radius:50%;position:relative;z-index:1}.flow-tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:3px}.flow-tabs button{background:transparent;border:0;border-bottom:1px solid #718c63;padding:8px 0 15px;font-size:12px;line-height:2;text-align:left;color:#abc296}.flow-tabs button[aria-selected=true]{color:#d6ff86;border-color:#d6ff86}.flow-study [role=tabpanel]{padding-top:22px;min-height:145px}.flow-study h4{font-size:21px;font-weight:550;margin:0 0 14px}.flow-study p{font-size:14px;line-height:1.8;margin-bottom:0}.flow-study .demonstration-note{font-size:12px;color:#a6bba0;margin-top:20px}.project-footnote{display:grid;grid-template-columns:1fr 1fr;gap:8vw;padding-top:40px;font-size:14px;line-height:1.8}.project-footnote p{max-width:550px}.career{padding-top:110px;padding-bottom:120px}.career-intro{display:grid;grid-template-columns:1.4fr 1fr;align-items:end;gap:8vw;padding:75px 0 65px}.career-intro h2{font-size:clamp(54px,6.4vw,110px);line-height:1.04;margin:0;text-transform:uppercase}.career-intro h2 em{font-style:normal;color:#8594a7}.career-intro p{font-size:17px;line-height:1.8;max-width:420px;margin:0}.career-table details{border-top:1px solid #fff3}.career-table details:last-child{border-bottom:1px solid #fff3}.career-table summary{list-style:none;display:grid;grid-template-columns:20% 31% 1fr 25px;align-items:center;gap:25px;padding:30px 0;cursor:pointer}.career-table summary::-webkit-details-marker{display:none}.years{font-size:12px;color:#aab3bf}.career-table h3{font-size:23px;font-weight:500;letter-spacing:-.04em;margin:0}.role{font-size:13px;line-height:1.7;color:#bdc6d0}.plus{font-size:22px;font-weight:300;transition:transform .25s}.career-table details[open] .plus{transform:rotate(45deg)}.role-detail{padding:0 7% 40px 22%;display:grid;grid-template-columns:1fr 1fr;gap:35px;font-size:14px;line-height:1.8}.role-detail p{margin:0}.relationship{color:#b7c4d2}.footer{background:#f0f1ed;color:#121b26;padding:90px var(--pad) 32px;color-scheme:light}.footer h2{font-size:clamp(60px,9vw,145px);line-height:1.06;text-transform:uppercase;margin:35px 0 50px}.footer h2 em{font-style:normal;color:#758087}.footer-links{display:flex;gap:70px;font-size:15px}.footer-links a{display:flex;gap:30px;border-bottom:1px solid #606a7459;padding:10px 0}.footer-bottom{display:flex;justify-content:space-between;gap:30px;font-size:12px;padding-top:80px}.review-footnote{max-width:720px;font-size:12px;line-height:1.8;color:#59636d;margin:35px 0 0}.review-footnote a{text-decoration:underline;text-underline-offset:3px}
body.motion-paused *,body.motion-paused *:before,body.motion-paused *:after{animation-play-state:paused!important}.motion-paused html{scroll-behavior:auto}.qa-panel{position:fixed;z-index:40;top:105px;right:12px;background:#000d;border:1px solid #fff6;padding:12px;font:12px/1.7 monospace;max-width:330px}.qa-panel button{font:inherit;border:1px solid #fff5;background:#222;padding:5px;margin:4px}.qa-panel output{white-space:pre-line;display:block}
@media(min-width:1800px){.chapter-note{right:10%;width:340px}.chapter-note>p:not(.eyebrow){font-size:16px}}
@media(max-width:1050px){.nav-caption{display:none}.nav nav{gap:22px}.chapter-note{width:270px;right:var(--pad)}.chapter-heading h2{font-size:12vw}.hero-baseline{gap:28px}.hero-baseline p{font-size:13px}.journey-dock{gap:20px}.tour-text{display:none}.project-inside{gap:5vw}.career-table summary{gap:16px;grid-template-columns:17% 29% 1fr 20px}.role-detail{padding-left:20%}}
@media(max-width:700px){:root{--pad:6vw}.nav{padding-top:22px;align-items:flex-start}.wordmark{font-size:22px}.nav nav{gap:20px;font-size:13px}.contact-nav{padding:0;border:0}.contact-nav span{padding-left:5px}.nav .previous-nav{display:none}.world-stage{background:#080d15}.fallback-art{height:65svh;top:7svh}.fallback-art img{object-position:66% 50%}.stage-shade{background:linear-gradient(0deg,#080d15 5%,#080d15dd 25%,transparent 60%,#080d1580 87%,#080d15 100%)}.edge-title{right:10px;top:22%;font-size:10px}.chapter{height:165svh}.chapter.hero{height:140svh}.chapter.building{height:130svh}.chapter-frame{height:100svh;min-height:650px;padding:110px var(--pad) 95px}.hero-kicker{font-size:10px;max-width:220px;letter-spacing:.085em}.hero-title-wrap{bottom:110px;width:88%}h1{font-size:clamp(67px,17.7vw,120px);margin-bottom:20px;line-height:1.02;letter-spacing:-.018em}.hero-baseline{display:block}.hero-baseline p{font-size:12px;line-height:1.8;max-width:none}.hero-baseline .round-link{margin-top:18px;gap:16px;font-size:12px}.round-link b{width:34px;height:34px;font-size:18px}.art-caption{display:none}.chapter-heading{top:16%;left:var(--pad)}.chapter-heading .eyebrow{font-size:10px;letter-spacing:.1em}.chapter-heading h2{font-size:clamp(72px,20vw,120px);line-height:1;letter-spacing:-.015em;margin-top:18px}.chapter-note{left:var(--pad);right:auto;bottom:115px;width:88%;padding-left:0;border:0;max-width:410px;filter:drop-shadow(0 2px 5px #080d15)}.chapter-note .eyebrow{display:none}.chapter-note h3{font-size:20px;line-height:1.35;margin-bottom:10px}.chapter-note h3 br{display:none}.chapter-note>p:not(.eyebrow){font-size:13px;line-height:1.7;margin-bottom:10px;max-width:380px}.chapter-note .employers{font-size:11px!important;margin-top:12px}.chapter-note a{font-size:11px}.thermal .chapter-heading,.systems .chapter-heading{top:14%}.thermal .chapter-heading h2{font-size:18vw}.building .eyebrow{font-size:10px}.building-copy{margin-top:22svh}.building h2{font-size:clamp(64px,16vw,110px);line-height:1.07}.building-copy>p{font-size:14px;line-height:1.8}.building-copy>p br{display:none}.building .round-link{font-size:12px;gap:16px}.journey-dock{left:12px;right:12px;bottom:max(14px,env(safe-area-inset-bottom));border-radius:40px;justify-content:space-between;padding:9px 10px 9px 15px;gap:10px}.journey-dock nav{gap:11px}.journey-dock nav a{font-size:10px;gap:3px;padding:10px 0}.journey-dock nav .active i{width:12px}.dock-actions{gap:7px}.dock-actions button{font-size:10px}#inspect{font-size:0;padding:4px 8px 4px 0}#inspect span{font-size:20px;margin:0}#tour{padding:0!important}.dock-actions #tour b,#motion{width:30px;height:30px;font-size:16px}.inspection-label{left:6vw;right:6vw;bottom:95px;justify-content:space-between;font-size:10px}.desktop-only{display:none}.mobile-only{display:inline}.editorial{padding:60px var(--pad)}.section-line{font-size:10px;line-height:1.7;letter-spacing:.065em;gap:35px}.project-heading{padding:50px 0 40px;display:block}.project-heading h2{font-size:35vw}.project-intro{width:auto;margin-top:40px}.project-intro .eyebrow{font-size:10px}.project-intro p{font-size:24px;margin:15px 0}.project-intro>span:last-child{font-size:12px}.project-inside{grid-template-columns:1fr;gap:30px;padding-top:35px}.project-argument h3{font-size:42px}.project-argument h3 br{display:none}.project-argument p{font-size:15px}.flow-study{padding:25px 20px;min-height:440px}.flow-study>.eyebrow{font-size:10px}.flow-tabs button{font-size:11px}.flow-study h4{font-size:20px}.flow-study p{font-size:13px}.flow-study .demonstration-note{font-size:10px}.project-footnote{grid-template-columns:1fr;gap:10px;font-size:13px;padding-top:30px}.career-intro{grid-template-columns:1fr;gap:25px;padding:50px 0 40px}.career-intro h2{font-size:13vw;line-height:1.1}.career-intro p{font-size:15px}.career-table summary{grid-template-columns:1fr 20px;gap:10px;padding:24px 0}.career-table summary .years{grid-column:1;font-size:10px}.career-table summary h3{grid-column:1;font-size:24px}.career-table summary .role{grid-column:1;font-size:12px}.career-table summary .plus{grid-column:2;grid-row:1 / span 3}.role-detail{padding:0 0 30px;grid-template-columns:1fr;gap:16px;font-size:13px}.footer h2{font-size:14vw;line-height:1.1;margin:30px 0}.footer-links{display:grid;gap:20px;font-size:13px}.footer-bottom{display:grid;gap:20px;font-size:10px;padding-top:55px}.review-footnote{font-size:10px}.qa-panel{top:100px;max-width:240px;font-size:10px}}
@media(max-width:360px){.nav nav{gap:14px;font-size:12px}.wordmark{font-size:20px}.journey-dock nav{gap:8px}.chapter-note>p:not(.eyebrow){font-size:12px}.chapter-note h3{font-size:18px}.hero-title-wrap{bottom:108px}.chapter-frame{min-height:620px}}
@media(max-height:620px) and (min-width:701px){.chapter-frame{min-height:520px;padding-top:95px}.hero-title-wrap{bottom:100px}h1{font-size:18vh;margin-bottom:15px}.chapter-heading{top:23%}.chapter-heading h2{font-size:16vh}.chapter-note{bottom:100px}.chapter-note h3{font-size:18px}.chapter-note>p:not(.eyebrow){font-size:12px}.building-copy{margin-top:5vh}.building h2{font-size:16vh}.building-copy>p{font-size:13px}.nav{padding-top:17px}.nav-caption{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.chapter{height:120svh}.chapter.hero,.chapter.building{height:115svh}}

/* Settled reading positions and art-aware contrast. */
.chapter{scroll-margin-top:-100px}
body:not([data-chapter="intro"]):not(.inspecting) .stage-shade{background:linear-gradient(90deg,rgba(4,8,14,.78),transparent 50%),radial-gradient(ellipse 40% 45% at 90% 84%,rgba(4,8,14,.92),transparent),linear-gradient(0deg,rgba(4,8,14,.75),transparent 30%)}
.chapter-note>p:not(.eyebrow){font-size:16px;line-height:1.7}
@media(max-width:700px){body:not([data-chapter="intro"]):not(.inspecting) .stage-shade{background:linear-gradient(0deg,#080d15 5%,#080d15ed 29%,#080d1555 63%,#080d1580 88%,#080d15 100%)}.chapter-note>p:not(.eyebrow){font-size:14px;line-height:1.65}.chapter-note{bottom:106px}.chapter-heading h2{font-size:18vw}.thermal .chapter-heading h2{font-size:16.5vw}.hero-title-wrap{bottom:110px}.fallback-art{top:12svh;height:43svh}.fallback-art img{object-fit:contain;transform:scale(1.32);object-position:67% center}}
@media(max-width:360px){.chapter-note>p:not(.eyebrow){font-size:13px}.chapter-note h3{font-size:18px}}

@media(max-width:700px){.chapter-note>p:not(.eyebrow){font-size:16px;line-height:1.6}.hero-baseline p{font-size:14px}.project-argument p,.career-intro p,.role-detail{font-size:16px}.project-footnote{font-size:14px}.flow-study p{font-size:14px}.flow-tabs button{font-size:12px}.chapter-note .employers{font-size:12px!important}.chapter-note a{font-size:12px}}
@media(max-height:620px) and (min-width:701px){.chapter,.chapter.hero,.chapter.building{height:auto;min-height:850px}.chapter-frame{position:relative;height:auto;min-height:850px;padding-top:120px}.hero-title-wrap{bottom:120px}.chapter-heading{position:relative;top:auto}.chapter-heading h2{font-size:90px}.chapter-note{position:relative;right:auto;bottom:auto;margin:40px 0 0 48%;width:44%;min-width:300px}.chapter-note>p:not(.eyebrow){font-size:16px}.building-copy{margin-top:70px}.building h2{font-size:95px}.building-copy>p{font-size:16px}}