@font-face{font-family:Space;src:url('assets/space-500.ttf');font-weight:400 700;font-display:swap}@font-face{font-family:Manrope;src:url('assets/manrope-400.ttf');font-weight:400;font-display:swap}@font-face{font-family:Manrope;src:url('assets/manrope-600.ttf');font-weight:600 800;font-display:swap}
:root{--paper:#f3f0e8;--ink:#253b3b;--muted:#66716b;--orange:#ff6032;--line:#cccfc4;--mint:#dce7dd;--p:clamp(22px,4.6vw,76px)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Manrope,sans-serif;font-size:15px;line-height:1.65}body:has(dialog[open]){overflow:hidden}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:Space,sans-serif;font-weight:500;letter-spacing:-.055em;line-height:1.06}h2{font-size:clamp(38px,4.8vw,76px)}h3{font-size:30px}a{color:inherit;text-decoration:none}button,input{font:inherit;color:inherit}button,a,input,summary{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button{border:0;background:none}a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid var(--orange);outline-offset:5px}button:disabled{cursor:default}img{max-width:100%;display:block}.eyebrow{font-size:11px;font-weight:600;letter-spacing:.11em;text-transform:uppercase;line-height:1.5}.section-pad{padding:95px var(--p)}.section-top{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-bottom:30px;border-top:1px solid var(--line);padding-top:20px}.section-top>span{font-size:12px;color:var(--muted)}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:35px;margin:22px 0 48px}.section-heading p{width:300px;max-width:100%;color:var(--muted)}.text-link{display:inline-flex;align-items:center;gap:35px;font-size:13px;font-weight:600;border-bottom:1px solid currentColor;padding:9px 0}.text-link span{font-size:22px;line-height:1;transition:transform .3s}.text-link:hover span{transform:translate(4px,-4px)}.button{display:flex;justify-content:space-between;align-items:center;background:var(--orange);color:#172c2b;padding:18px 24px;min-width:230px;font-weight:600;transition:background .25s,transform .25s}.button:hover{background:#ff7e52;transform:translateY(-3px)}.button span{font-size:24px}.skip{position:fixed;z-index:200;left:20px;top:-100px;background:var(--ink);color:white;padding:10px}.skip:focus{top:10px}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0)}header{height:98px;padding:0 var(--p);display:flex;justify-content:space-between;align-items:center;position:absolute;top:0;left:0;width:100%;z-index:20}.official-logo{display:block;width:295px;max-width:57%}.official-logo img{width:100%;height:auto}#menu-toggle{display:flex;align-items:center;gap:20px;font-size:13px}.menu-icon{width:27px;display:grid;gap:6px}.menu-icon i{height:1px;background:var(--ink);width:100%;transition:transform .3s}#menu-toggle:hover i:first-child{transform:translateX(-4px)}#menu-toggle:hover i:last-child{transform:translateX(4px)}
.hero-scroll{height:218svh;position:relative}.hero-stage{height:100svh;min-height:650px;position:sticky;top:0;overflow:hidden}.hero-intro{position:absolute;top:18%;left:0;width:100%;text-align:center;z-index:3;will-change:transform,opacity}.orange-square{width:8px;height:8px;display:inline-block;background:var(--orange);margin-right:8px}h1{font-size:clamp(58px,7.4vw,112px);line-height:1.025;margin:24px 0 22px;letter-spacing:-.065em}h1 span{color:var(--orange)}.intro-copy{font-size:14px;line-height:1.6;color:#5e6b65}.hero-intro>.text-link{margin-top:13px}.blueprint{position:absolute;inset:58% 6% 12%;display:grid;grid-template-columns:repeat(4,1fr);gap:20px;opacity:.45}.blueprint>div{border-bottom:1px solid #c8c9bd;position:relative}.blueprint>div:after,.blueprint>div:before{content:'+';position:absolute;bottom:-11px;font-size:14px;color:#98a69a}.blueprint>div:after{right:0}.blueprint>div:before{left:0}#architecture{position:absolute;inset:0;z-index:4;pointer-events:none}#architecture canvas{display:block;width:100%;height:100%}.model-captions{position:absolute;bottom:10.7%;left:6%;right:6%;display:grid;grid-template-columns:repeat(4,1fr);gap:20px;text-align:center;font-size:9px;color:#5b6c64;text-transform:uppercase;letter-spacing:.04em;z-index:5}.hero-foot{position:absolute;bottom:26px;left:var(--p);right:var(--p);display:flex;align-items:center;justify-content:space-between;font-size:10px;letter-spacing:.04em;z-index:6}.hero-foot a{display:flex;align-items:center;gap:20px}.down-arrow{font-size:24px}.scene-progress{position:absolute;bottom:0;width:100%;height:3px;background:#d4d8ce}.scene-progress i{height:100%;display:block;width:0;background:var(--orange)}.assembly{position:absolute;inset:0;padding:15svh var(--p) 8svh;display:flex;flex-direction:column;align-items:center;justify-content:center;opacity:0;z-index:2;background:var(--mint);pointer-events:none}.assembly h2{font-size:clamp(42px,5.4vw,80px);line-height:1.1;margin:22px 0 20px;letter-spacing:-.055em}.assembly-line{display:flex;align-items:center;justify-content:center;gap:12px;white-space:nowrap}.model-slot{display:inline-block;width:150px;height:90px;flex-shrink:0}.assembly .text-link{pointer-events:auto}.fallback-models{position:absolute;bottom:18%;left:6%;right:6%;z-index:4;grid-template-columns:repeat(4,1fr);gap:20px}.fallback-models:not([hidden]){display:grid}.fallback-models img{height:130px;width:100%;object-fit:cover}.no-webgl .model-slot{background:var(--slot-img) center/cover}.explore{padding-top:65px}.archive-controls{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px;border-bottom:1px solid var(--line);padding-bottom:18px;gap:20px}.search{display:flex;align-items:center;gap:12px;flex:1}.search svg{width:20px;height:20px;fill:none;stroke:var(--ink);stroke-width:1.4}.search input{background:none;border:0;outline:none;width:100%;font-size:13px;padding:12px 0}.filters{display:flex;gap:7px;flex-wrap:wrap}.filters button{padding:9px 15px;border:1px solid transparent;font-size:11px;transition:.2s}.filters button[aria-pressed=true]{background:var(--ink);color:var(--paper)}.filters button:hover{border-color:var(--ink)}.building-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:54px 28px}.building-card:nth-child(even){margin-top:80px}.building-card{min-width:0}.building-card[hidden]{display:none}.building-card button{display:block;width:100%;text-align:left;padding:0}.building-photo{height:clamp(260px,30vw,470px);overflow:hidden;position:relative;background:#ddd8cb}.building-photo img{width:100%;height:100%;object-fit:cover;transition:transform .8s cubic-bezier(.2,.6,.1,1),filter .8s}.building-card button:hover img{transform:scale(1.045)}.building-photo .index{position:absolute;top:15px;left:18px;background:var(--paper);padding:3px 9px;font-size:11px}.round-arrow{position:absolute;bottom:20px;right:20px;border:1px solid #fff8;width:48px;height:48px;display:grid;place-items:center;border-radius:50%;color:white;font-size:26px;background:#253b3b55;transition:transform .3s,background .3s}.building-card button:hover .round-arrow{transform:rotate(45deg);background:var(--orange);color:var(--ink)}.building-meta{display:flex;justify-content:space-between;margin:17px 0 8px;font-size:10px;color:var(--muted);text-transform:uppercase;letter-spacing:.05em}.building-card h3{font-size:clamp(23px,2.8vw,40px);padding-right:15px;line-height:1.13}.building-card .architect{font-size:12px;color:var(--muted);margin-top:9px}.archive-bottom{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);margin-top:65px;padding-top:18px;gap:20px}.archive-bottom p{font-size:12px;color:var(--muted)}.letter-interlude{padding:32px var(--p) 37px;background:var(--orange);overflow:hidden}.letter-track{display:flex;align-items:center;justify-content:space-between;font-family:Space,sans-serif;font-size:clamp(75px,16vw,245px);line-height:1;letter-spacing:-.08em}.letter-track span{display:inline-block;transition:transform .6s cubic-bezier(.2,.8,.1,1)}.letter-track span:nth-child(2){transform:rotate(-10deg) translateY(10px)}.letter-track span:nth-child(3){transform:rotate(8deg) translateY(-8px)}.letter-track:hover span{transform:rotate(0) translateY(0)}.letter-definitions{display:grid;grid-template-columns:repeat(4,1fr);font-size:10px;padding-top:20px}.letter-definitions span:nth-child(n+2){text-align:center}.mission{display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:center;padding-top:130px;padding-bottom:130px}.mission-image{position:relative;padding-bottom:28px}.mission-image>img{width:100%;height:660px;object-fit:cover;object-position:35% center}.image-caption{font-size:9px;position:absolute;bottom:0}.corner-letter{position:absolute;bottom:42px;left:-15px;background:var(--mint);font-family:Space;font-size:115px;line-height:1;padding:0 15px 10px;transform:rotate(-9deg);letter-spacing:-.09em}.mission h2{font-size:clamp(38px,4.2vw,65px);margin:25px 0}.mission-copy>p:not(.eyebrow){max-width:410px;margin:18px 0;color:var(--muted)}.mission-copy>.text-link{margin:8px 0 30px}.mission-actions details{border-top:1px solid var(--line);padding:16px 0}.mission-actions summary{display:flex;align-items:center;cursor:pointer;list-style:none;font-family:Space;font-size:22px;letter-spacing:-.03em}.mission-actions summary::-webkit-details-marker{display:none}.mission-actions summary span{font:10px Manrope;margin-right:27px;color:var(--muted)}.mission-actions summary b{margin-left:auto;font-weight:400;transition:transform .3s}.mission-actions details[open] summary b{transform:rotate(45deg)}.mission-actions details p{font-size:13px;padding:10px 20px 0 42px;color:var(--muted)}.stories{background:var(--mint)}.stories .section-heading{margin-bottom:42px}.story-layout{display:grid;grid-template-columns:1.25fr 1fr;gap:6%}.story-image{height:430px;overflow:hidden;position:relative;margin-bottom:23px}.story-image img{height:100%;width:100%;object-fit:cover;transition:transform .8s}.feature-story:hover img{transform:scale(1.04)}.feature-story h3{font-size:clamp(28px,3vw,44px);margin:12px 0 17px}.feature-story>p:last-child{font-size:13px;max-width:390px;color:var(--muted)}.story-side{display:grid;gap:30px}.story-row{padding:24px 0;border-top:1px solid #aebdb3;position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:start;gap:16px}.story-row h3{font-size:36px}.story-row p{font-size:13px;max-width:270px;color:var(--muted)}.story-row>span:last-child{font-size:11px;margin-top:auto;border-bottom:1px solid currentColor;padding-bottom:5px;transition:padding .3s}.story-row:hover>span:last-child{padding-right:20px}.orange-story{background:var(--orange);padding:25px;border:0}.orange-story h3{position:relative;z-index:1}.mini-word{position:absolute;right:-15px;bottom:0;opacity:.12;font:100px/.75 Space;transform:rotate(-20deg);letter-spacing:-.07em}.mini-word i{display:block;font-style:normal}.join{background:var(--ink);color:var(--paper);padding-bottom:0;overflow:hidden}.join-main{display:flex;justify-content:space-between;align-items:center;margin:32px 0 70px;gap:40px}.join h2{font-size:clamp(60px,8vw,120px)}.join h2>span{color:var(--orange)}.join-aside{min-width:260px}.join-aside p{font-size:15px;margin-bottom:26px;color:#c7d1c8}.join-aside>.text-link{margin-top:15px}.join-letters{display:flex;align-items:center;font:clamp(50px,11.4vw,180px)/.85 Space;letter-spacing:-.09em;padding:25px 0 0;white-space:nowrap}.join-letters>span{display:inline-block;transition:transform .35s,color .35s}.join-letters>span:nth-child(2){transform:rotate(-12deg) translateY(-10px)}.join-letters>span:nth-child(5){transform:translateY(13px)}.join-letters>span:hover{transform:translateY(-20px) rotate(12deg);color:var(--orange)}.join-letters>b{background:var(--orange);color:var(--ink);letter-spacing:-.06em;font-size:.3em;line-height:.85;padding:.35em;margin-left:.8em;transform:rotate(8deg)}footer{padding:45px var(--p) 22px}.footer-top{display:flex;justify-content:space-between;align-items:start;gap:30px;padding-bottom:40px}.footer-top p{font-size:11px;color:var(--muted)}.footer-top .official-logo{width:240px}.footer-bottom{display:flex;justify-content:space-between;font-size:9px;border-top:1px solid var(--line);padding-top:20px;gap:20px;color:var(--muted)}
#loader{position:fixed;inset:0;background:var(--paper);z-index:100;display:flex;align-items:center;justify-content:center;flex-direction:column;transition:clip-path .65s cubic-bezier(.77,0,.18,1);clip-path:inset(0 0 0 0)}#loader.done{clip-path:inset(0 0 100% 0);pointer-events:none}#loader>img{width:260px;max-width:65vw;position:absolute;top:50px}.load-art{display:flex;font:80px/1 Space;letter-spacing:-.08em;gap:7px}.load-art span:nth-child(1){animation:load-a 1.5s both}.load-art span:nth-child(2){animation:load-b 1.5s both;color:var(--orange)}.load-art span:nth-child(3){animation:load-c 1.5s both}.load-track{margin-top:25px;width:190px;height:5px;background:#d0d5cb}.load-track i{display:block;height:100%;background:var(--orange);animation:progress 1.5s both}@keyframes load-a{0%{transform:translate(-50px,-40px) rotate(-30deg);opacity:0}60%{transform:translate(0,0) rotate(0);opacity:1}}@keyframes load-b{0%{transform:translate(0,50px) rotate(25deg);opacity:0}70%{transform:translate(0,0) rotate(0);opacity:1}}@keyframes load-c{0%{transform:translate(50px,-20px) rotate(40deg);opacity:0}80%{transform:translate(0,0) rotate(0);opacity:1}}@keyframes progress{from{width:0}to{width:100%}}dialog{color:var(--ink);border:0;padding:0;background:var(--paper)}dialog::backdrop{background:#112927aa;backdrop-filter:blur(8px)}#menu{width:100vw;max-width:100vw;height:100svh;max-height:100svh;margin:0;padding:100px var(--p) 40px;background:var(--ink);color:var(--paper)}.menu-layout{display:grid;grid-template-columns:1fr 1.6fr;gap:15%;align-items:center;height:90%}.menu-mark{display:grid;grid-template-columns:1fr 1fr;font:clamp(70px,10vw,160px)/.8 Space;letter-spacing:-.09em;gap:20px}.menu-mark span:nth-child(2){color:var(--orange);transform:rotate(12deg)}.menu-mark span:nth-child(3){transform:rotate(-10deg)}#menu nav a{display:flex;align-items:center;font:clamp(25px,3.6vw,56px)/1.4 Space;letter-spacing:-.06em;border-bottom:1px solid #ffffff30;padding:16px 0;transition:color .25s}#menu nav a:hover{color:var(--orange)}#menu nav small{font:10px Manrope;margin-right:22px;letter-spacing:0;color:#b4c3b7}#menu nav b{margin-left:auto;font-weight:400}#menu nav p{font-size:12px;margin-top:35px;color:#c6d0c4}.close-menu{position:absolute;top:35px;right:var(--p);color:var(--paper);font-size:13px}.menu-contact{position:absolute;bottom:35px;right:var(--p);font-size:13px}#building-dialog{width:1000px;max-width:92vw;max-height:90svh;overflow-y:auto}#dialog-content{display:grid;grid-template-columns:1.05fr 1fr}.detail-image{width:100%;height:100%;min-height:520px;object-fit:cover}.detail-copy{padding:55px 36px 35px}.detail-copy h2{font-size:37px;margin:25px 0 20px}.detail-copy p{font-size:13px;margin-bottom:20px;color:var(--muted)}.detail-copy dl{font-size:12px;margin:20px 0}.detail-copy dt{font-size:9px;letter-spacing:.1em;text-transform:uppercase;margin-top:17px;color:var(--muted)}.detail-copy dd{margin:3px 0}.dialog-close{position:absolute;top:15px;right:20px;background:var(--paper);padding:4px 10px;z-index:1;font-size:11px}.access-toggle{position:fixed;z-index:25;bottom:20px;left:18px;width:40px;height:40px;border:1px solid #9aa89d;border-radius:50%;display:grid;place-items:center;background:var(--paper)}.access-toggle svg{width:21px;fill:none;stroke:currentColor;stroke-width:1.5}#access-panel{position:fixed;z-index:30;bottom:70px;left:18px;background:var(--paper);padding:24px;width:290px;box-shadow:0 8px 50px #142b2b33;border:1px solid var(--line)}#access-panel h3{font-size:22px;margin-bottom:16px}#access-panel button{display:block;width:100%;text-align:left;padding:10px 0;border-top:1px solid var(--line);font-size:12px}#access-panel button[aria-pressed=true]:after{content:' ✓';color:#245d39}.high-contrast{--ink:#0a2525;--muted:#334a3b;--line:#748479}.large-text{font-size:18px}.large-text p:not(.eyebrow):not(.image-caption){font-size:1.08em}.reveal{opacity:0;transform:translateY(24px);transition:transform .8s cubic-bezier(.2,.65,.2,1),opacity .8s}.reveal.visible{opacity:1;transform:none}
@media(min-width:1600px){.hero-intro{top:19%}.blueprint{inset-top:60%}}@media(max-width:1024px){.hero-stage{min-height:650px}.model-captions{font-size:8px}.hero-intro{top:18%}.model-slot{width:115px;height:80px}.assembly h2{font-size:5.6vw}.mission{gap:6%}.mission-image>img{height:580px}.story-image{height:340px}.story-row h3{font-size:30px}.footer-top p{max-width:200px}.filters button{padding:8px 10px}.hero-foot>span{max-width:200px}}
@media(max-width:700px){header{height:80px}.official-logo{width:240px;max-width:65%}#menu-toggle{gap:12px;font-size:11px}.menu-icon{width:22px}.hero-scroll{height:205svh}.hero-stage{min-height:660px}.hero-intro{top:18%}h1{font-size:clamp(48px,10.7vw,74px);margin:23px 0 22px}.hero-intro .eyebrow{font-size:9px}.intro-copy{font-size:12px}.hero-intro>.text-link{font-size:11px;gap:25px;margin-top:16px}.blueprint{inset:58% 5% 12%;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:5px 20px}.model-captions{bottom:9%;left:5%;right:5%;grid-template-columns:1fr 1fr;row-gap:136px;font-size:7px;pointer-events:none}.model-captions span:nth-child(-n+2){transform:translateY(-4px)}.hero-foot{bottom:20px;font-size:8px}.hero-foot>span{max-width:160px}.hero-foot a{gap:12px}.down-arrow{font-size:18px}.assembly{padding:15svh 18px 11svh}.assembly h2{font-size:clamp(24px,6.6vw,44px);margin:28px 0}.assembly-line{gap:7px;min-height:90px}.model-slot{width:79px;height:72px}.assembly .eyebrow{font-size:8px}.assembly .text-link{font-size:11px}.section-pad{padding:60px var(--p)}.section-top{padding-top:17px;padding-bottom:18px}.section-top>span{display:none}.section-heading{display:block;margin:18px 0 30px}.section-heading p{font-size:13px;margin-top:22px;width:310px}h2{font-size:39px}.archive-controls{display:block;margin-bottom:25px}.search{margin-bottom:14px}.filters{gap:3px}.filters button{font-size:10px;padding:8px 12px}.building-grid{gap:30px 14px}.building-card:nth-child(even){margin-top:44px}.building-photo{height:220px}.building-card h3{font-size:21px;line-height:1.1}.building-photo .index{top:10px;left:10px;font-size:9px;padding:2px 5px}.round-arrow{width:32px;height:32px;font-size:20px;right:10px;bottom:10px}.building-meta{font-size:8px;display:block;margin:12px 0 8px}.building-meta span:last-child{display:none}.building-card .architect{font-size:10px;margin-top:8px}.archive-bottom{display:block;margin-top:35px}.archive-bottom p{margin-bottom:10px}.letter-interlude{padding:23px var(--p) 25px}.letter-track{font-size:17.5vw}.letter-definitions{font-size:7px;padding-top:19px;gap:5px}.mission{display:flex;flex-direction:column;gap:45px}.mission-image{width:100%}.mission-image>img{height:440px}.corner-letter{font-size:90px;left:-8px}.mission-copy{width:100%}.mission h2{font-size:43px}.mission-copy>p:not(.eyebrow){font-size:14px}.story-layout{grid-template-columns:1fr;gap:35px}.story-image{height:330px}.feature-story h3{font-size:34px}.story-side{grid-template-columns:1fr 1fr;gap:20px}.story-row{gap:14px}.story-row h3{font-size:25px}.story-row p{font-size:11px}.story-row>span:last-child{font-size:10px}.orange-story{padding:20px 14px}.story-row>.eyebrow{font-size:8px}.stories .section-top .text-link{font-size:10px;gap:10px}.join-main{display:block;margin-bottom:40px}.join h2{font-size:60px}.join-aside{margin-top:30px}.join-aside p{font-size:13px}.join-aside .button{max-width:300px;font-size:13px}.join-letters{font-size:11vw;padding-top:0}.join{padding-bottom:0}.footer-top{flex-wrap:wrap;gap:25px}.footer-top .official-logo{width:260px;max-width:100%}.footer-top p{max-width:none;width:100%}.footer-top .text-link{font-size:11px}.footer-bottom{flex-wrap:wrap;row-gap:12px}.footer-bottom span:last-child{width:100%}.menu-layout{grid-template-columns:1fr;gap:20px;height:auto;padding-top:20px}.menu-mark{font-size:60px;display:flex;gap:12px}#menu nav a{font-size:29px;padding:15px 0}#menu nav p{font-size:10px}.menu-contact{bottom:24px}.close-menu{top:27px}#dialog-content{grid-template-columns:1fr}.detail-image{height:260px;min-height:0}.detail-copy{padding:28px}.detail-copy h2{font-size:32px}.dialog-close{top:10px;right:10px}.fallback-models{grid-template-columns:1fr 1fr;bottom:12%;gap:10px}.fallback-models img{height:100px}}
@media(max-width:390px){.assembly-line{gap:5px}.model-slot{width:64px}.hero-intro{top:16%}.hero-intro .eyebrow{letter-spacing:.08em}.building-photo{height:190px}.story-side{grid-template-columns:1fr}.story-row{min-height:220px}.join h2{font-size:54px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}.reveal{opacity:1;transform:none}.hero-scroll{height:100svh}.hero-stage{position:relative}.assembly{display:none}}
body.reduce-motion{scroll-behavior:auto}body.reduce-motion *{transition:none!important;animation:none!important}.reduce-motion .reveal{opacity:1;transform:none}.reduce-motion .hero-scroll{height:100svh}.reduce-motion .assembly{display:none}

@media(max-width:700px){.hero-foot>span{display:none}.hero-foot{justify-content:flex-end}.model-captions{row-gap:136px}}
header{position:fixed;transition:background .3s,height .3s}.scrolled header{height:76px;background:#f3f0e8f2;backdrop-filter:blur(8px)}.building-grid:has(.building-card[hidden]) .building-card{margin-top:0}
#menu[open]{animation:menu-in .55s cubic-bezier(.2,.8,.2,1) both}#menu[open] nav a{animation:nav-in .65s both}#menu[open] nav a:nth-child(2){animation-delay:.07s}#menu[open] nav a:nth-child(3){animation-delay:.14s}#menu[open] nav a:nth-child(4){animation-delay:.21s}#menu.closing{animation:menu-out .35s cubic-bezier(.5,0,.7,.3) both}#building-dialog[open]{animation:detail-in .35s cubic-bezier(.2,.8,.2,1) both}@keyframes menu-in{from{clip-path:inset(0 0 100% 0)}to{clip-path:inset(0)}}@keyframes menu-out{from{clip-path:inset(0)}to{clip-path:inset(100% 0 0 0)}}@keyframes nav-in{from{transform:translateY(35px);opacity:0}to{transform:none;opacity:1}}@keyframes detail-in{from{transform:translateY(18px);opacity:0}to{transform:none;opacity:1}}
/* Exhibition sequence: dedicated text, object and control zones. */
.hero-scroll{height:460svh}.hero-stage{height:100svh;min-height:0;background:var(--paper);isolation:isolate}.hero-intro{top:26%;left:var(--p);width:41%;text-align:left;z-index:5;pointer-events:none}.hero-intro a{pointer-events:auto}.hero-intro h1{font-size:clamp(48px,5.8vw,91px);line-height:1.035;margin:24px 0 25px;letter-spacing:-.065em}.hero-intro .intro-copy{font-size:14px;line-height:1.7}.hero-intro>.text-link{margin-top:24px}.exhibition-grid{position:absolute;left:50%;right:var(--p);top:22%;bottom:18%;display:grid;grid-template-columns:1fr 1fr;gap:20px 28px;pointer-events:none;z-index:2}.exhibition-grid>div{position:relative;border-bottom:1px solid #b4beb36b}.exhibition-grid>div:before,.exhibition-grid>div:after{content:'+';position:absolute;bottom:-11px;color:#aab4a7;font-size:13px}.exhibition-grid>div:before{left:0}.exhibition-grid>div:after{right:0}.exhibition-grid i{position:absolute;top:8px;left:0;font-size:9px;letter-spacing:.05em;font-style:normal;color:var(--muted)}.exhibition-grid>div>span{position:absolute;bottom:-23px;left:0;width:100%;text-align:center;font-size:8px;color:var(--muted)}.orbit-word{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font:24vw/.8 Space;letter-spacing:-.1em;color:#dfe3d7;opacity:0;z-index:1;pointer-events:none}.orbit-word span{display:block;will-change:transform}.chapter-copy{position:absolute;top:30%;left:var(--p);width:33%;z-index:6;opacity:0;pointer-events:none;will-change:opacity,transform}.chapter-copy .eyebrow{font-size:10px;line-height:1.6;max-width:260px}.chapter-copy h2{font-size:clamp(35px,4.3vw,66px);line-height:1.06;margin:23px 0 20px;letter-spacing:-.055em}.chapter-copy .chapter-story{font-size:14px;line-height:1.75;max-width:310px;color:var(--muted)}.chapter-copy .chapter-architect{font-size:11px;margin-top:18px;color:var(--muted)}.chapter-copy .text-link{margin-top:22px;pointer-events:auto;font-size:11px;gap:24px}.chapter-counter{position:absolute;left:0;top:-58px;font:13px Space;letter-spacing:-.02em}.chapter-counter b{color:var(--orange);font-weight:500;font-size:28px;margin-right:8px}.model-hit-area{position:absolute;left:47%;right:var(--p);top:22%;bottom:23%;z-index:5;cursor:grab;touch-action:pan-y}.model-hit-area:active{cursor:grabbing}.hero-stage.photo-mode .model-hit-area{pointer-events:none}.comparison-photo{position:absolute;left:48%;right:var(--p);top:23%;bottom:27%;z-index:7;background:var(--paper);overflow:hidden;animation:detail-in .4s both}.comparison-photo img{width:100%;height:100%;object-fit:cover}.comparison-photo>span{position:absolute;bottom:12px;left:15px;font-size:9px;color:white;background:#253b3b9c;padding:4px 8px}.exhibition-controls{position:absolute;bottom:70px;left:var(--p);right:var(--p);display:flex;justify-content:space-between;align-items:center;gap:20px;z-index:10}.model-tabs{display:flex;gap:18px}.model-tabs button{padding:10px 0;display:flex;gap:9px;align-items:center;border-bottom:1px solid transparent;transition:color .25s,border-color .25s}.model-tabs button>span{font:11px Space;color:var(--muted)}.model-tabs button>b{font-size:10px;font-weight:400;letter-spacing:.02em}.model-tabs button[aria-pressed=true]{border-color:var(--orange)}.model-tabs button[aria-pressed=true]>span{color:var(--orange)}.model-tabs button:hover{color:var(--orange)}.model-tools{display:flex;align-items:center;gap:24px;opacity:0;pointer-events:none;transition:opacity .3s}.in-focus .model-tools{opacity:1;pointer-events:auto}.rotate-control{display:flex;align-items:center;gap:12px}.rotate-control svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.3}.rotate-control input{width:100px;accent-color:var(--ink);height:3px}#compare-model{font-size:10px;border-bottom:1px solid var(--line);padding:8px 0;display:flex;gap:22px}#compare-model span{font-size:17px}.hero-foot{bottom:24px;font-size:9px}.hero-foot>span{display:block;max-width:none}.hero-foot a{font-size:9px}.scene-progress{z-index:12}.assembly{inset:0;padding:15svh var(--p) 0;display:block;text-align:center;opacity:0;background:var(--mint);z-index:2;pointer-events:none}.assembly h2{font-size:clamp(42px,5.1vw,76px);margin:23px 0 0;line-height:1.04}.foundation-grid{position:absolute;top:44%;bottom:17%;left:var(--p);right:var(--p);display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px}.foundation-grid>div{display:flex;flex-direction:column;min-height:0;position:relative}.foundation-grid>div:after{content:'';position:absolute;left:3%;right:3%;bottom:72px;height:1px;background:#b3c2b36b}.foundation-grid .model-slot{width:100%;height:auto;flex:1;min-height:0;display:block}.foundation-grid h3{font-size:30px;margin:12px 0 8px;line-height:1.2;letter-spacing:-.05em}.foundation-grid p{font-size:11px;color:var(--muted);height:34px;line-height:1.55;max-width:180px;margin:auto auto 0}.in-finale .model-tools{opacity:0;pointer-events:none}.in-finale .exhibition-controls{opacity:0;pointer-events:none}.model-tabs{transition:opacity .3s}.fieldnotes{padding-top:60px;padding-bottom:100px}.fieldnote-layout{display:grid;grid-template-columns:1.65fr 1fr;gap:6%;align-items:stretch}.annotated-photo{position:relative;min-width:0;overflow:hidden;min-height:520px}.annotated-photo>img{width:100%;height:100%;object-fit:cover}.photo-foot{position:absolute;bottom:18px;left:20px;color:white;font-size:9px;text-shadow:0 1px 5px black}.hotspot{position:absolute;left:var(--x);top:var(--y);transform:translate(-50%,-50%);width:44px;height:44px;background:var(--paper);color:var(--ink);border-radius:50%;box-shadow:0 0 0 8px #f3f0e826;display:grid;place-items:center;font:12px Space;transition:background .25s,box-shadow .25s}.hotspot:hover,.hotspot[aria-pressed=true]{background:var(--orange);box-shadow:0 0 0 10px #ff603240}.fieldnote-copy{display:flex;flex-direction:column;justify-content:center;align-items:start;position:relative;padding:25px 0}.fieldnote-copy .note-number{font:130px/.8 Space;letter-spacing:-.08em;color:#dfe1d6;margin:0 0 35px}.fieldnote-copy h3{font-size:clamp(34px,3.6vw,55px);margin:20px 0 24px;max-width:350px;line-height:1.08}.fieldnote-copy>p:not(.eyebrow){font-size:13px;max-width:310px;color:var(--muted);line-height:1.8;min-height:100px}.note-navigation{display:flex;align-items:center;justify-content:space-between;width:100%;max-width:310px;border-top:1px solid var(--line);margin-top:26px;padding-top:15px}.note-navigation button{font-size:24px;width:40px;height:40px;border:1px solid var(--line);border-radius:50%;transition:background .2s}.note-navigation button:hover{background:var(--orange)}.note-navigation>span{font-size:10px;letter-spacing:.1em}.fieldnote-copy>.text-link{font-size:11px;gap:20px;margin-top:20px}.fieldnotes.note-changing #note-title,.fieldnotes.note-changing #note-description{animation:note-in .35s both}.fieldnotes.note-changing .note-number{animation:note-in .4s both}@keyframes note-in{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}.mission-image img{transition:opacity .25s,transform .7s}.mission-image.changing img{opacity:.2;transform:scale(1.025)}.letter-track span{transform:translateY(var(--letter-y,0px)) rotate(var(--letter-r,0deg));user-select:none;cursor:default}.letter-track:hover span{transform:translateY(var(--letter-y,0px)) rotate(var(--letter-r,0deg))}.building-photo:after{content:'';position:absolute;inset:0;border:0 solid var(--paper);transition:border-width .4s;pointer-events:none}.building-card button:hover .building-photo:after{border-width:9px}.building-card button:hover h3{color:#8a3e29}.building-card h3{transition:color .25s}.story-image{clip-path:inset(0);transition:clip-path .5s}.feature-story:hover .story-image{clip-path:inset(8px 8px 0 0)}
@media(min-width:1600px){.hero-intro{top:28%}.exhibition-grid{top:23%;bottom:19%}.chapter-copy{top:32%}}
@media(max-width:1024px) and (min-width:701px){.hero-intro{width:43%;left:var(--p);top:26%}.hero-intro h1{font-size:5.9vw}.hero-intro .intro-copy{font-size:12px}.hero-intro .eyebrow{font-size:9px}.exhibition-grid{left:51%;right:var(--p);top:23%;bottom:22%;gap:30px 18px}.exhibition-grid>div>span{font-size:7px}.chapter-copy{width:35%;top:29%}.chapter-copy h2{font-size:4.8vw}.chapter-copy .chapter-story{font-size:12px}.model-tools{gap:16px}.model-tabs{gap:12px}.model-tabs button>b{font-size:9px}.rotate-control input{width:70px}.foundation-grid{gap:15px;top:43%;bottom:21%}.foundation-grid h3{font-size:25px}.foundation-grid p{font-size:10px}.assembly{padding-top:19svh}.assembly h2{font-size:5.6vw}.fieldnote-layout{gap:5%;grid-template-columns:1.4fr 1fr}.annotated-photo{min-height:490px}.fieldnote-copy .note-number{font-size:100px}.fieldnote-copy h3{font-size:36px}.fieldnote-copy>p:not(.eyebrow){font-size:12px;min-height:130px}.fieldnote-copy>.text-link{gap:12px;font-size:10px}}
@media(max-width:700px){.hero-scroll{height:430svh}.hero-stage{min-height:0}.hero-intro{left:20px;right:20px;width:auto;text-align:center;top:14%;}.hero-intro h1{font-size:clamp(43px,10.4vw,65px);line-height:1.04;margin:18px 0 16px}.hero-intro .eyebrow{font-size:8px;letter-spacing:.1em}.hero-intro .intro-copy{font-size:11px;line-height:1.6}.hero-intro>.text-link{font-size:10px;margin-top:14px;padding:6px 0}.exhibition-grid{left:7%;right:7%;top:49%;bottom:18%;gap:25px 28px}.exhibition-grid>div>span{font-size:6.5px;bottom:-17px;white-space:nowrap}.exhibition-grid i{font-size:7px;top:1px}.exhibition-grid>div:before,.exhibition-grid>div:after{font-size:10px;bottom:-8px}.exhibition-controls{left:22px;right:22px;bottom:50px;display:flex;flex-direction:column;gap:6px;align-items:center}.model-tabs{gap:19px;width:100%;justify-content:space-between}.model-tabs button{gap:6px;padding:5px 0}.model-tabs button>span{font-size:9px}.model-tabs button>b{font-size:8px}.model-tools{gap:30px;height:0;overflow:hidden}.in-focus .model-tools{height:29px;overflow:visible}.rotate-control input{width:80px}.rotate-control svg{width:13px}.rotate-control{gap:8px}#compare-model{font-size:9px;gap:15px;padding:4px 0}.hero-foot{bottom:15px;left:22px;right:22px;justify-content:space-between;font-size:7px}.hero-foot>span{font-size:7px;display:block;max-width:155px}.hero-foot a{font-size:7px;gap:7px}.hero-foot .down-arrow{font-size:17px}.chapter-copy{left:22px;right:22px;width:auto;top:17%;text-align:center}.chapter-counter{position:static;font-size:9px;line-height:1;margin-bottom:11px}.chapter-counter b{font-size:18px}.chapter-copy .eyebrow{font-size:8px;max-width:none}.chapter-copy h2{font-size:clamp(29px,7.4vw,42px);max-width:350px;margin:12px auto 13px}.chapter-copy .chapter-story{font-size:11px;line-height:1.6;max-width:300px;margin:auto}.chapter-copy .chapter-architect{font-size:9px;margin-top:11px}.chapter-copy .text-link{font-size:9px;margin-top:9px;gap:16px;padding:5px 0}.model-hit-area{left:8%;right:8%;top:43%;bottom:25%;touch-action:pan-y}.comparison-photo{left:8%;right:8%;top:45%;bottom:27%}.comparison-photo>span{font-size:7px;padding:2px 5px;bottom:8px;left:8px}.orbit-word{font-size:28vw;letter-spacing:-.1em}.assembly{padding:15svh 22px 0}.assembly h2{font-size:clamp(32px,8vw,44px);margin-top:18px}.assembly .eyebrow{font-size:8px}.foundation-grid{left:22px;right:22px;top:37%;bottom:15%;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:24px 22px}.foundation-grid h3{font-size:22px;margin:5px 0 6px}.foundation-grid p{font-size:8px;line-height:1.5;height:23px;max-width:138px}.foundation-grid>div:after{bottom:57px}.fieldnotes{padding-top:45px;padding-bottom:60px}.fieldnote-layout{grid-template-columns:1fr;gap:0}.annotated-photo{min-height:0;height:390px}.fieldnotes .section-heading p{font-size:12px}.fieldnote-copy{padding:25px 0 0;display:block}.fieldnote-copy .note-number{position:absolute;right:5px;top:30px;font-size:85px;margin:0;opacity:.75;pointer-events:none}.fieldnote-copy>.eyebrow{font-size:9px}.fieldnote-copy h3{font-size:37px;margin:16px 70px 18px 0;position:relative}.fieldnote-copy>p:not(.eyebrow){max-width:100%;font-size:12px;min-height:77px}.note-navigation{max-width:100%;margin-top:22px;padding-top:14px}.fieldnote-copy>.text-link{margin-top:20px}.hotspot{width:36px;height:36px;font-size:10px;box-shadow:0 0 0 6px #f3f0e826}.photo-foot{font-size:7px;left:12px;bottom:14px}.fieldnotes .section-top{padding-bottom:9px}.section-heading h2{font-size:39px}.letter-definitions{font-size:7px}.mission{padding-top:65px}}
@media(max-width:390px){.model-tabs{gap:12px}.model-tabs button>b{font-size:7px}.hero-intro{top:13%}.chapter-copy{top:15%}.chapter-copy h2{font-size:29px}.chapter-copy .chapter-story{font-size:10px;max-width:280px}.chapter-copy .chapter-architect{margin-top:7px}.chapter-copy .text-link{margin-top:5px}.assembly{padding-top:14svh}.foundation-grid{top:36%;gap:18px}.foundation-grid p{font-size:7.5px}.annotated-photo{height:340px}}
@media(max-height:740px) and (min-width:701px){.hero-intro{top:24%}.hero-intro h1{font-size:5vw;margin:16px 0}.hero-intro .intro-copy{font-size:12px}.hero-intro>.text-link{margin-top:12px}.exhibition-grid{top:24%;bottom:25%}.chapter-copy{top:29%}.chapter-copy h2{font-size:3.7vw;margin:15px 0}.chapter-copy .chapter-story{font-size:12px}.chapter-counter{top:-43px}.chapter-copy .text-link{margin-top:10px}.exhibition-controls{bottom:53px}.assembly{padding-top:17svh}.assembly h2{font-size:4.5vw}.foundation-grid{top:44%;bottom:18%}.foundation-grid h3{font-size:26px}.foundation-grid p{font-size:9px;height:29px}}
@media(max-width:700px) and (max-height:740px){.hero-intro{top:13%}.hero-intro h1{font-size:43px;margin:16px 0 13px}.hero-intro .intro-copy{font-size:10px}.hero-intro>.text-link{margin-top:10px}.exhibition-grid{top:51%;bottom:19%;gap:19px 25px}.chapter-copy{top:15%}.chapter-copy h2{font-size:28px;margin:9px auto 10px}.chapter-copy .chapter-story{font-size:10px;line-height:1.5;max-width:285px}.chapter-copy .chapter-architect{font-size:8px;margin-top:7px}.chapter-copy .text-link{font-size:8px;margin-top:4px}.chapter-counter{margin-bottom:8px}.chapter-counter b{font-size:16px}.assembly{padding-top:14svh}.assembly h2{font-size:32px}.foundation-grid{top:37%;bottom:15%;gap:16px}.foundation-grid h3{font-size:20px}.foundation-grid p{font-size:7px;height:20px}.foundation-grid>div:after{bottom:50px}}
@media(prefers-reduced-motion:reduce){.hero-scroll{height:100svh}.orbit-word{display:none}.hero-stage .assembly{display:none}.hero-stage .exhibition-grid{opacity:1}.reveal{opacity:1;transform:none}}
body.reduce-motion .hero-scroll{height:100svh}body.reduce-motion .assembly{display:none}
#explode-model{font-size:10px;border-bottom:1px solid var(--line);padding:8px 0;white-space:nowrap}#explode-model[aria-pressed=true]{color:#a64225;border-color:var(--orange)}.rotate-control{flex-shrink:0}
@media(max-width:700px){.model-tools{gap:16px}#explode-model{font-size:9px;padding:4px 0}.rotate-control input{width:67px}#compare-model{gap:8px;white-space:nowrap}}
@media(max-width:700px){.hero-foot>.scene-caption{display:none}.hero-foot{justify-content:flex-end}}
@media(max-width:700px){.exhibition-controls{bottom:39px}.model-tabs button{min-height:32px}.in-focus .model-tools{height:34px}.model-tools button{min-height:32px}.rotate-control input{height:24px}.hero-foot{bottom:11px}}
.foundation-grid h3,.foundation-grid p{opacity:var(--foundation-text,0)}
.hero-foot>.scene-caption{padding-left:max(0px,calc(70px - var(--p)))}
#architecture canvas{position:relative;z-index:1}.model-shadow{position:absolute;display:block;z-index:0;transform:translate(-50%,-50%);background:radial-gradient(ellipse,#263c3b25 0%,#263c3b10 38%,transparent 72%);border-radius:50%;pointer-events:none}
