@font-face{font-family:PortfolioSerif;src:url(/assets/serif.woff2) format("woff2");font-display:swap;font-weight:400}:root{--blue:#063aa0;--deep:#05162b;--paper:#eeeee7;--ink:#102130;--white:#f4efe5;--muted:#b7c8e3;--line:rgba(223,230,241,.23);--serif:PortfolioSerif,"Songti SC","Noto Serif SC",STSong,Georgia,serif;--sans:Arial,"PingFang SC","Microsoft YaHei",sans-serif;color:var(--white);background:var(--blue);font-family:var(--sans);font-synthesis:none;line-height:1.6;font-weight:400;font-size:15px}*{box-sizing:border-box}body{margin:0}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;background:none;border:0;cursor:pointer;touch-action:manipulation}a{color:inherit}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid #e9c686;outline-offset:7px}button svg{flex-shrink:0}::selection{background:#bcceef;color:#082b71}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:var(--serif);font-weight:400}img{display:block;max-width:100%}html{scroll-padding-top:85px}.skip-link{position:fixed;z-index:100;left:20px;top:-80px;background:var(--paper);padding:12px;color:var(--ink)}.skip-link:focus{top:15px}.site-header{position:fixed;inset:0 0 auto;height:88px;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 42px;gap:45px;z-index:20;background:#031e5414;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.brand{display:flex;align-items:center;gap:20px;text-align:left}.brand>svg{color:#e7c992}.brand span{font-family:var(--serif);font-size:19px;letter-spacing:2px}.brand small{display:block;font-family:var(--sans);font-size:8px;letter-spacing:1.6px;margin-top:2px;opacity:.7}.quick-nav{display:flex;gap:35px;margin-left:auto}.quick-nav button{font-size:13px;opacity:.8;transition:opacity .2s}.quick-nav button:hover{opacity:1}.menu-button{display:flex;gap:30px;align-items:center;border:1px solid rgba(255,255,255,.45);padding:8px 13px;font-size:12px;transition:background .25s}.menu-button:hover{background:#ffffff14}.site-header.on-dark{background:#031024ad}.chapter-rail{position:fixed;left:0;top:88px;bottom:0;width:80px;border-right:1px solid var(--line);z-index:15;display:flex;flex-direction:column;justify-content:center;gap:44px;padding:0 12px 100px 23px}.chapter-rail button{position:relative;padding:0;text-align:left;color:#c1d0e9;opacity:.48;transition:opacity .4s}.chapter-rail button.current{opacity:1}.chapter-rail button.current:before{content:"";position:absolute;left:-26px;top:8px;width:6px;height:6px;background:#efd5a4;transform:rotate(45deg)}.chapter-rail span{display:block;font-size:10px;letter-spacing:2px}.chapter-rail em{display:block;margin-top:7px;font-size:9px;font-style:normal;letter-spacing:1px;white-space:nowrap}.story{height:540vh;height:540svh;position:relative}.story-stage{height:100vh;height:100svh;position:sticky;top:0;overflow:hidden;background:var(--blue)}.stage-light{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 75% 47%,#1760c4,#0b459f 34%,#042567 85%)}.stage-grid{position:absolute;top:88px;right:42px;bottom:81px;left:80px;border-bottom:1px solid var(--line);border-right:1px solid var(--line);z-index:3;pointer-events:none}.stage-grid:before{content:"";position:absolute;width:1px;height:100%;background:#ffffff17;left:60%}.stage-grid i{position:absolute;bottom:-3px;left:-3px;width:6px;height:6px;background:#c9d9f2;transform:rotate(45deg)}.stage-grid i:nth-child(2){left:auto;right:-3px}.stage-grid i:nth-child(3){bottom:auto;top:-3px}.stage-grid i:nth-child(4){left:auto;right:-3px;bottom:auto;top:-3px}.scene-canvas{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2}.scene-canvas canvas{width:100%;height:100%;display:block}.scene-fallback{position:absolute;right:12%;top:19%;height:65%;border:2px solid #d0b185;transform:perspective(900px) rotateY(-16deg)}.scene-failed canvas{display:none}.scene-loading{position:absolute;right:25%;top:50%;z-index:4;font-size:12px;letter-spacing:2px;opacity:.7}.scene-loading span{display:block;margin-top:15px;width:100%;height:1px;background:currentColor;animation:loading 1.3s ease-in-out infinite}@keyframes loading{50%{transform:scaleX(.2)}}.hero-copy{position:absolute;top:50%;left:clamp(120px,10.5vw,180px);z-index:5;translate:0 -48%;will-change:opacity,transform}.hero-copy h1{font-size:clamp(40px,4.7vw,78px);line-height:1.52;letter-spacing:-2px;white-space:nowrap}.period{margin-left:-.25em}.hero-description{font-size:12px;color:#d0dcf0;margin-top:30px;letter-spacing:.7px}.hero-description span{margin:0 12px}.text-button{display:inline-flex;align-items:center;gap:28px;border-bottom:1px solid rgba(244,239,229,.65);padding:0 0 9px;margin-top:32px;font-size:13px;letter-spacing:.8px;transition:gap .25s,color .25s}.text-button:hover{gap:38px;color:#fff}.text-button svg{transition:transform .25s}.text-button:hover svg{transform:translate(2px,-2px)}.story-copy{position:absolute;z-index:5;pointer-events:none;will-change:opacity;left:10.5%;top:34%}.story-copy h2{font-size:clamp(38px,4.4vw,70px);line-height:1.5;letter-spacing:-1px;margin:20px 0 22px}.scene-number{font-size:10px;letter-spacing:2.5px;color:#d1b98e}.story-copy p{font-size:15px;line-height:2;color:#d7e1f0}.fine-note{display:block;margin-top:56px;font-size:11px;opacity:.6}.system-copy{top:auto;bottom:18%;left:12%}.system-copy h2{font-size:clamp(35px,4vw,60px)}.decision-copy{top:31%;left:10.5%}.story-bottom{position:absolute;bottom:0;left:80px;right:42px;height:81px;z-index:5;display:flex;align-items:center;gap:28px;padding-left:55px}.scroll-instruction{display:flex;gap:16px;align-items:center;font-size:10px;letter-spacing:1.2px;color:#d1daec}.scroll-instruction svg{color:#ddc399}.scene-steps{display:flex;gap:27px;margin-left:auto}.scene-steps button{display:flex;gap:9px;font-family:var(--serif);font-size:14px;opacity:.48;padding:10px 0;transition:opacity .2s}.scene-steps button.active{opacity:1}.scene-steps small{font:9px var(--sans);align-self:center}.motion-toggle{display:grid;place-items:center;padding:9px;opacity:.65;margin-left:10px}.story-progress{height:2px;background:#e5c993;position:absolute;bottom:0;left:80px;right:0;z-index:6;transform-origin:left center}.exit-curtain{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--deep);z-index:4;pointer-events:none}.work-section{background:var(--deep);position:relative;padding:120px 7.7% 140px max(125px,10.5%);z-index:7}.section-heading{display:flex;gap:75px;align-items:flex-start;margin-bottom:100px;position:relative}.section-index{display:block;font-size:9px;letter-spacing:2px;color:#b9b59f;padding-top:12px;white-space:nowrap}.section-heading h2{font-size:clamp(40px,4.2vw,68px);line-height:1.35}.section-heading h2 span{color:#a1b3c6}.section-heading p{font-size:12px;color:#91a3b8;margin-top:24px}.demo-note{position:absolute;right:0;bottom:0;font-size:10px;color:#93a6bb}.project{margin-bottom:110px}.project:last-child{margin-bottom:0}.project-media{position:relative;width:100%;height:auto;aspect-ratio:1.72;overflow:hidden;background:#e4dfd1;display:block;padding:0;text-align:left}.project-media>img{width:100%;height:100%;object-fit:cover;transition:transform .9s cubic-bezier(.2,.7,.2,1)}.project-media:hover>img{transform:scale(1.045)}.project-open{position:absolute;bottom:28px;right:30px;width:54px;height:54px;border-radius:50%;display:grid;place-items:center;background:#f4f0e7eb;color:#132744;transition:transform .3s}.project-media:hover .project-open{transform:rotate(45deg)}.project-image-label{position:absolute;top:28px;left:30px;font-size:9px;letter-spacing:2px;color:#334456}.project-caption{display:flex;justify-content:space-between;align-items:flex-end;margin-top:30px}.project-id{font-size:9px;letter-spacing:1.8px;color:#acbdd1}.project-caption h3{font-size:35px;line-height:1.5;margin-top:17px}.project-caption h3 span{display:inline}.project-caption h3 br{display:none}.project-caption p{font-size:12px;color:#98adbf;margin-top:10px}.project-caption .text-button{margin-bottom:4px}.journal-media{background:#083b82;display:flex;justify-content:center;align-items:center;gap:5%;perspective:1100px}.journal-media>img:first-child{width:34%;height:83%;object-fit:cover;transform:rotateY(-14deg) rotate(-5deg);box-shadow:15px 15px 40px #010f3099;border:1px solid #d1bd91}.journal-media>img.blueprint-preview{width:30%;height:76%;object-fit:cover;transform:rotateY(-14deg) rotate(5deg);border:1px solid #b7ad95;box-shadow:15px 15px 40px #010f3055}.journal-media:hover>img:first-child{transform:rotateY(0) rotate(-2deg) translateY(-9px)}.journal-media:hover>img.blueprint-preview{transform:rotateY(0) rotate(2deg) translateY(9px)}.journal-media .project-image-label{color:#bacde4}.about-section{background:var(--paper);color:var(--ink);padding:115px 7.7% 100px max(125px,10.5%);position:relative;z-index:7}.about-top{display:grid;grid-template-columns:1fr 1fr;gap:30px 70px}.about-top .section-index{grid-column:1/-1;color:#66715f;padding-top:0}.about-top h2{font-size:clamp(32px,3.7vw,60px);line-height:1.55;letter-spacing:-1px}.about-intro{font-size:13px;line-height:2.1;padding-top:14px;color:#4e5b61}.about-intro p+p{margin-top:20px}.experience-row{display:flex;gap:90px;align-items:center;margin-top:75px;padding-top:42px;border-top:1px solid #10213026}.experience-row>div{min-width:170px}.experience-value{font-family:Georgia,var(--serif);font-size:110px;line-height:1;font-weight:400;letter-spacing:-7px;display:block}.experience-value small{font:14px var(--serif);margin-left:18px;letter-spacing:0}.experience-row>div p{font-size:11px;margin-top:18px;letter-spacing:1px}.experience-message{font-family:var(--serif);font-size:22px;line-height:1.8;margin-left:auto;color:#67726f}footer{position:relative;z-index:7;background:var(--blue);padding:100px 7.7% 0 max(125px,10.5%)}.footer-content h2{font-size:clamp(35px,4.4vw,65px);line-height:1.6;margin-top:30px}.footer-content>p{font-size:11px;color:#bccae2;margin-top:25px}.footer-line{margin-top:90px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:20px;align-items:center;padding:25px 0;font-size:9px;letter-spacing:1px;color:#bccae2}.footer-line span:first-child{display:flex;align-items:center;gap:10px}.reveal{opacity:0;transform:translateY(40px);transition:opacity .9s ease,transform .9s cubic-bezier(.2,.7,.2,1)}.reveal.is-visible{opacity:1;transform:none}dialog{border:0;padding:0;color:inherit}dialog::backdrop{background:#020d2494;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.menu-dialog{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;max-width:none;max-height:none;background:#03183cd4;margin:0;padding:35px 8% 35px max(125px,10.5%);animation:menu-in .45s ease;overflow:auto}.menu-top{display:flex;justify-content:space-between;align-items:center;font-size:10px;letter-spacing:2px;color:#c1cbe0}.icon-button{padding:12px;display:grid;place-items:center}.menu-dialog nav{max-width:860px;margin:7vh auto 4vh}.menu-dialog nav button{width:100%;display:grid;grid-template-columns:75px 1fr auto;position:relative;gap:0 25px;text-align:left;padding:25px 0;border-bottom:1px solid var(--line);align-items:center}.menu-dialog nav button small{font-size:9px;letter-spacing:2px;grid-row:1/3;color:#bac8e1}.menu-dialog nav button span{font-family:var(--serif);font-size:clamp(30px,4vw,58px);transition:transform .3s}.menu-dialog nav button:hover span{transform:translate(10px)}.menu-dialog nav button em{font-family:Georgia,serif;font-size:14px;font-style:italic;opacity:.5;grid-column:2}.menu-dialog nav button svg{grid-column:3;grid-row:1/3;opacity:.6}.menu-foot{font-size:11px;color:#abbdd5;text-align:center;margin-top:40px}@keyframes menu-in{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:none}}.case-dialog{position:fixed;top:24px;right:24px;bottom:24px;left:24px;width:min(1100px,calc(100% - 48px));max-width:none;max-height:calc(100svh - 48px);margin:auto;background:var(--paper);color:var(--ink);overflow:auto;overscroll-behavior:contain;animation:menu-in .35s ease}.case-content{padding:0 70px 70px}.case-toolbar{position:sticky;top:0;z-index:3;display:flex;align-items:center;justify-content:space-between;background:var(--paper);border-bottom:1px solid #10213020;padding:12px 0;font-size:9px;letter-spacing:2px}.case-heading{padding:50px 0 35px}.sample-label{font-size:10px;color:#5e6d71}.case-heading h2{font-size:clamp(30px,4vw,52px);line-height:1.5;white-space:pre-line;margin:18px 0}.case-heading>p{font-size:13px;color:#536066}.case-cover{width:100%;max-height:520px;object-fit:cover;object-position:center 40%}.case-intro{display:grid;grid-template-columns:1fr 1.8fr;gap:25px;margin:55px 0}.case-intro>span{grid-column:1/-1;font-size:11px;letter-spacing:2px}.case-intro h3{font-size:30px;line-height:1.6}.case-intro p{font-size:13px;line-height:2;color:#677077;max-width:340px;padding-top:10px}.case-decisions{border-top:1px solid #10213033}.case-decisions details{border-bottom:1px solid #10213026}.case-decisions summary{cursor:pointer;list-style:none;display:flex;align-items:center;gap:28px;padding:22px 0;font-size:16px}.case-decisions summary::-webkit-details-marker{display:none}.case-decisions summary>span{font-size:10px;color:#7d898c}.case-decisions summary svg{margin-left:auto;transition:transform .2s}.case-decisions details[open] summary svg{transform:rotate(90deg)}.case-decisions p{font-size:13px;line-height:2;color:#596a70;padding:0 0 25px 43px;max-width:650px}.text-button.dark{border-color:#10213066;color:#102130}.story.reduced{height:100svh}.story.reduced .scene-steps{display:none}.story.reduced .hero-copy{transform:none!important}.story.reduced .exit-curtain{display:none}@media(min-width:1600px){.hero-copy{left:12%}.hero-copy h1{font-size:80px}.story-copy{left:12%}}@media(max-width:1050px){.hero-copy h1{font-size:45px}.hero-copy{left:115px}.hero-description{font-size:10px;letter-spacing:0}.hero-description span{margin:0 7px}.section-heading{gap:30px}.section-heading h2{font-size:45px}.section-heading .section-index{font-size:8px}.experience-row{gap:45px}.experience-row>div{min-width:130px}.about-top{gap:30px}.story-copy{left:115px}.scene-steps{gap:15px}.story-bottom{padding-left:35px}.scroll-instruction{font-size:9px;letter-spacing:0}.project-caption h3{font-size:28px}}@media(max-width:760px){html{scroll-padding-top:65px}.site-header{height:66px;padding:0 22px;gap:20px}.brand{gap:10px}.brand>svg{width:25px}.brand span{font-size:16px}.brand small{font-size:6px;letter-spacing:1px}.quick-nav{display:none}.menu-button{margin-left:auto;gap:15px;padding:7px 10px;font-size:11px}.chapter-rail{display:none}.story{height:420svh}.stage-grid{top:66px;right:22px;bottom:65px;left:22px}.stage-grid:before{display:none}.hero-copy{top:18%;left:30px;translate:0 0}.hero-copy h1{font-size:clamp(30px,7.7vw,53px);line-height:1.6;letter-spacing:-1px}.hero-description{font-size:10px;margin-top:15px;letter-spacing:0}.hero-description span{margin:0 7px}.hero-copy .text-button{margin-top:20px;font-size:12px}.story-copy{left:30px;right:25px;top:17%;bottom:auto}.story-copy h2{font-size:34px;margin:12px 0 13px;line-height:1.5}.story-copy p{font-size:12px;line-height:1.8}.scene-number{font-size:8px}.fine-note{display:none}.system-copy,.decision-copy{top:15%;left:30px;bottom:auto}.system-copy h2 br,.decision-copy h2 br{display:none}.system-copy h2,.decision-copy h2{font-size:29px}.story-bottom{left:22px;right:22px;height:65px;padding-left:0;gap:10px}.scroll-instruction{font-size:9px;max-width:185px;gap:9px}.scene-steps{gap:13px}.scene-steps button{font-size:11px}.scene-steps small,.motion-toggle{display:none}.story-progress{left:22px}.scene-loading{right:35%;top:61%}.work-section{padding:70px 25px 80px}.section-heading{display:block;margin-bottom:55px}.section-heading .section-index{font-size:9px;margin-bottom:25px}.section-heading h2{font-size:43px}.section-heading h2 br{display:block}.section-heading p{font-size:11px;margin-top:20px}.demo-note{position:static;display:block;margin-top:24px}.project{margin-bottom:65px}.project-media{aspect-ratio:1.15}.project-caption{margin-top:22px;align-items:flex-start;gap:18px}.project-caption h3{font-size:23px;line-height:1.5;margin-top:13px}.project-caption h3 br{display:block}.project-caption p{font-size:10px}.project-id{font-size:8px;letter-spacing:1px}.project-caption .text-button{font-size:10px;gap:10px;white-space:nowrap;margin-top:32px}.project-open{width:40px;height:40px;right:16px;bottom:17px}.project-open svg{width:20px}.project-image-label{top:18px;left:18px;font-size:8px;letter-spacing:1px}.journal-media>img:first-child{width:41%;height:80%}.journal-media>img.blueprint-preview{width:34%;height:73%}.about-section{padding:65px 25px 60px}.about-top{display:block}.about-top h2{font-size:33px;margin-top:25px;line-height:1.55}.about-intro{font-size:12px;margin-top:20px}.about-intro p+p{margin-top:15px}.experience-row{gap:40px;flex-wrap:wrap;margin-top:35px;padding-top:32px}.experience-row>div{min-width:110px}.experience-value{font-size:88px}.experience-row>div p{font-size:10px}.experience-message{margin:0;font-size:20px}footer{padding:60px 25px 0}.footer-content h2{font-size:32px;line-height:1.6;margin-top:25px}.footer-content>p{font-size:10px}.footer-line{margin-top:60px;flex-wrap:wrap;gap:12px;font-size:8px}.footer-line span:last-child{display:none}.menu-dialog{padding:20px 30px}.menu-dialog nav{margin:6vh auto}.menu-dialog nav button{grid-template-columns:40px 1fr auto;gap:0 12px;padding:22px 0}.menu-dialog nav button span{font-size:33px}.menu-dialog nav button em{font-size:12px}.menu-dialog nav button svg{width:22px}.menu-top{font-size:8px}.case-dialog{top:0;right:0;bottom:0;left:0;width:100%;height:100%;max-height:100svh;margin:0}.case-content{padding:0 24px 50px}.case-heading{padding-top:32px}.case-heading h2{font-size:33px}.case-cover{max-height:420px}.case-intro{display:block;margin:35px 0}.case-intro h3{font-size:28px;margin-top:18px}.case-intro p{font-size:12px;margin-top:15px}.case-decisions summary{font-size:14px;gap:15px}.case-decisions p{padding-left:30px;font-size:12px}.scene-fallback{right:20%;top:45%;height:42%;transform:perspective(800px) rotateY(-15deg)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;transition-duration:.001ms!important;scroll-behavior:auto!important}.reveal{opacity:1;transform:none}.scene-loading span{animation:none}.project-media:hover img{transform:none!important}}.chapter-rail.on-paper{border-color:#10213024}.chapter-rail.on-paper button{color:#14344a}.chapter-rail.on-paper button.current:before{background:#8e7243}.story{height:340svh}.story-portal{position:absolute;top:0;right:0;bottom:0;left:0;z-index:4;pointer-events:none;display:flex;align-items:center;justify-content:center;background:#05162b}.story-portal img{height:66svh;width:auto;max-width:50vw;border:1px solid #ccb47e;box-shadow:0 40px 100px #0005}.exit-curtain{z-index:3}.story-bottom{transition:opacity .3s}.story:has(.story-portal[style*="opacity: 1"]) .story-bottom{opacity:0}.work-gallery{position:relative;background:var(--deep);z-index:7}.work-exhibit{height:230svh;--p:0;--enter:0;--detail:0;--leave:0;--travel:0;background:#05162b;position:relative}.is-focus{background:#172829}.exhibit-stage{position:sticky;top:0;height:100svh;min-height:650px;overflow:hidden;padding:115px 6vw 28px max(125px,10.5vw);background:radial-gradient(ellipse at 75% 50%,#123d66,transparent 65%);display:flex;flex-direction:column;perspective:1400px}.is-focus .exhibit-stage{background:radial-gradient(ellipse at 75% 50%,#61726a66,transparent 65%)}.exhibit-meta,.exhibit-foot{display:flex;align-items:center;justify-content:space-between;gap:25px;font-size:9px;letter-spacing:2px;color:#afbdc6}.exhibit-body{flex:1;min-height:0;display:grid;grid-template-columns:38% 62%;align-items:center;transform:translateY(calc(var(--leave) * -35px)) scale(calc(1 - var(--leave) * .045));opacity:calc(1 - var(--leave) * .3)}.exhibit-copy{position:relative;z-index:3;transform:translateY(calc((1 - var(--enter)) * 24px))}.exhibit-copy h2{font-size:clamp(36px,4.3vw,66px);line-height:1.5;white-space:pre-line;margin:18px 0 22px;letter-spacing:-1px}.exhibit-copy>p{max-width:280px;font-size:12px;line-height:2;color:#b9c7d3}.exhibit-insight{margin-top:42px;padding-left:16px;border-left:1px solid #c6ad7b;opacity:calc(.3 + var(--detail) * .7);transform:translateY(calc((1 - var(--detail)) * 15px))}.exhibit-insight>span{font-size:12px}.exhibit-insight>p{font-size:10px;color:#91a8b8;margin-top:8px}.exhibit-art{position:relative;height:100%;max-height:620px;width:100%;padding:0;perspective:1100px;isolation:isolate}.exhibit-art img{position:absolute;border:1px solid #cbb680;box-shadow:15px 28px 70px #0005;object-fit:cover;will-change:transform}.is-journal .exhibit-cover{height:78%;width:auto;max-width:56%;left:calc(26% - var(--detail) * 15%);top:10%;transform:translateY(calc((1 - var(--enter)) * 28px)) rotateY(calc(-16deg + var(--enter) * 16deg - var(--detail) * 9deg)) rotate(calc(-4deg + var(--enter) * 4deg - var(--detail) * 5deg)) scale(calc(.86 + var(--enter) * .14))}.exhibit-blueprint{height:70%;width:auto;max-width:50%;top:14%;left:calc(29% + var(--detail) * 22%);opacity:calc(.35 + var(--detail) * .65);transform:rotateY(calc(var(--detail) * -14deg)) rotate(calc(var(--detail) * 7deg));z-index:-1}.is-focus .exhibit-art{height:83%;overflow:hidden;border-radius:2px}.is-focus .exhibit-cover{width:100%;height:100%;max-width:none;object-fit:cover;border:0;transform:scale(calc(1.03 + var(--detail) * .2)) translateY(calc(var(--detail) * -3%));object-position:calc(45% + var(--detail) * 10%) center}.exhibit-open{position:absolute;bottom:9%;right:5%;width:52px;height:52px;display:grid;place-items:center;border:1px solid #d6c5a6;color:#eadbc0;border-radius:50%;background:#0b244766;transition:background .25s,transform .25s;z-index:3}.exhibit-art:hover .exhibit-open{background:#b99855;transform:rotate(45deg)}.is-focus .exhibit-open{background:#eee8dccc;color:#132c31;border:0}.art-cross{position:absolute;width:12px;height:12px;border-top:1px solid #bdc7d166;border-left:1px solid #bdc7d166;pointer-events:none}.cross-one{left:6%;top:5%}.cross-two{right:3%;bottom:4%;rotate:180deg}.exhibit-track{height:1px;background:#ffffff25;width:25%;overflow:hidden}.exhibit-track i{height:100%;display:block;background:#d5bb84;transform-origin:left;transform:scaleX(var(--p))}.exhibit-foot{padding-top:15px;border-top:1px solid #ffffff20;font-size:9px}.exhibit-foot>span:first-child{letter-spacing:1px}.about-chapter{position:relative;background:var(--paper);color:var(--ink);height:240svh;z-index:8;--p:0;--split:0;--product:0;--resolve:0}.about-stage{position:sticky;top:0;height:100svh;min-height:670px;padding:120px 6vw 35px max(125px,10.5vw);overflow:hidden;display:flex;flex-direction:column}.about-stage .section-index{color:#657467}.about-layout{flex:1;display:grid;grid-template-columns:52% 48%;align-items:center;gap:0}.about-narrative h2{font-size:clamp(34px,3.6vw,58px);line-height:1.6;letter-spacing:-1px}.about-narrative>p{font-size:12px;line-height:2;color:#65716f;margin-top:24px}.perspectives{display:flex;gap:65px;margin-top:35px}.perspectives .experience-value{font-size:82px}.perspectives p{font-size:11px;margin-top:12px}.perspectives small:not(.experience-value small){font-size:10px;color:#697773;display:block;margin-top:9px}.designer-perspective{opacity:calc(1 - var(--product) * .5 + var(--resolve) * .5)}.product-perspective{opacity:calc(.35 + var(--product) * .65)}.perspective-art{position:relative;width:100%;height:100%;max-height:600px;perspective:1100px}.perspective-art img{position:absolute;height:62%;width:auto;max-width:64%;top:19%;border:1px solid #ad9872;box-shadow:15px 30px 60px #10213025;object-fit:cover}.perspective-interface{left:calc(23% - var(--split) * 22%);transform:rotateY(calc(-18deg + var(--resolve) * 18deg)) rotate(calc(-5deg - var(--split) * 8deg));opacity:calc(1 - var(--product) * .25 + var(--resolve) * .25)}.perspective-system{left:calc(24% + var(--split) * 21%);transform:translateY(calc(var(--split) * -8%)) rotateY(-18deg) rotate(calc(var(--split) * 9deg));opacity:calc(.3 + var(--product) * .7)}.perspective-orbit{position:absolute;top:8%;right:-5%;bottom:8%;left:-5%;border:1px solid #7c8e801f;border-radius:50%;transform:rotate(calc(var(--p) * 90deg)) scaleY(.75)}.perspective-label{position:absolute;font-size:8px;letter-spacing:2px;color:#69786f}.label-interface{bottom:10%;left:8%;opacity:calc(1 - var(--product) * .6)}.label-system{top:10%;right:0;opacity:var(--product)}.about-resolution{display:flex;align-items:center;gap:35px;font-family:var(--serif);font-size:20px;color:#63746c;padding-top:25px;border-top:1px solid #10213020}.about-resolution i{flex:1;height:1px;background:#a48e66;transform:scaleX(calc(.1 + var(--resolve) * .9));transform-origin:left}.contact-chapter{min-height:95svh;overflow:hidden;padding-top:120px;--p:0;background:#063aa0;isolation:isolate;display:flex;flex-direction:column;justify-content:center}.contact-chapter:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#eeeee7;z-index:-1;transform:translateY(calc(var(--p) * -105%));transform-origin:top}.contact-chapter .footer-content{transform:translateY(calc((1 - var(--p)) * 65px));opacity:calc(.2 + var(--p) * .8);position:relative;z-index:2}.closing-orbit{position:absolute;width:32vw;height:32vw;right:8%;top:15%;transform:rotate(calc(-25deg + var(--p) * 40deg));opacity:calc(.15 + var(--p) * .6);pointer-events:none}.closing-orbit i{position:absolute;top:15%;right:15%;bottom:15%;left:15%;border:1px solid #d6bd89;transform:rotate(45deg) translate(calc((1 - var(--p)) * 70px),calc((1 - var(--p)) * -80px))}.closing-orbit i:nth-child(2){top:20%;right:20%;bottom:20%;left:20%;transform:rotate(45deg) translate(calc((1 - var(--p)) * -80px),calc((1 - var(--p)) * 70px))}.closing-orbit i:nth-child(3){top:25%;right:25%;bottom:25%;left:25%;transform:rotate(45deg)}.contact-chapter .footer-line{position:relative;width:100%}.case-flight{position:fixed;z-index:10;max-width:none;object-fit:cover;pointer-events:none;will-change:transform,width,height}.case-dialog{animation:none}.case-cover{margin-top:24px}.case-reading{display:grid;grid-template-columns:42% 1fr;gap:40px;align-items:start}.case-reading-visual{position:sticky;top:85px;background:#0b2c51;padding:30px}.case-reading-visual img{max-height:420px;width:100%;object-fit:cover}.case-decisions details{padding:15px 0}.case-reading .case-decisions p{padding-left:0}.case-reading .case-decisions summary{font-size:14px;gap:12px}@media(max-width:1050px){.exhibit-stage{padding-left:115px}.exhibit-copy h2{font-size:38px}.exhibit-insight{margin-top:24px}.about-stage{padding-left:115px}.perspectives{gap:35px}.about-narrative h2{font-size:36px}.exhibit-meta{font-size:8px}.exhibit-foot>span:last-child{display:none}}@media(max-width:760px){.story{height:310svh}.story-portal img{height:48svh;max-width:65vw}.work-exhibit{height:170svh}.exhibit-stage{height:100svh;min-height:680px;padding:88px 25px 22px}.exhibit-meta{font-size:7px;letter-spacing:1px}.exhibit-body{display:flex;flex-direction:column;align-items:stretch;justify-content:center;gap:10px}.exhibit-copy{padding-top:18px}.exhibit-copy h2{font-size:29px;line-height:1.4;white-space:normal;margin:8px 0}.exhibit-copy>p{font-size:10px;max-width:290px}.exhibit-copy .text-button{font-size:11px;margin-top:13px;padding-bottom:6px}.exhibit-insight{display:none}.exhibit-art{flex:1;min-height:270px;max-height:47svh}.is-journal .exhibit-cover{height:88%;top:4%;left:calc(26% - var(--detail) * 14%);max-width:60%}.exhibit-blueprint{height:80%;top:8%;max-width:55%}.is-focus .exhibit-art{width:100%;height:auto;margin:18px 0;min-height:240px;max-height:40svh}.exhibit-open{width:40px;height:40px;bottom:7%;right:3%}.exhibit-foot{font-size:8px;padding-top:13px;gap:15px}.exhibit-track{width:25%}.about-chapter{height:190svh}.about-stage{height:100svh;min-height:720px;padding:90px 25px 25px}.about-layout{display:flex;flex-direction:column;align-items:stretch}.about-narrative h2{font-size:29px;line-height:1.5;margin-top:16px}.about-narrative>p{font-size:10px;margin-top:12px}.perspectives{position:absolute;left:25px;bottom:85px;flex-direction:column;gap:25px;margin:0;z-index:2}.perspectives .experience-value{font-size:55px;letter-spacing:-3px}.perspectives p{font-size:9px;margin-top:6px}.perspectives small:not(.experience-value small){font-size:8px;margin-top:3px}.perspectives .experience-value small{font-size:11px;margin-left:12px}.perspective-art{flex:1;min-height:270px;width:72%;align-self:flex-end}.perspective-art img{height:74%;top:10%;max-width:78%}.perspective-interface{left:calc(17% - var(--split) * 18%)}.perspective-system{left:calc(18% + var(--split) * 15%)}.perspective-label{font-size:6px;letter-spacing:1px}.label-interface{bottom:6%;left:10%}.label-system{top:4%}.about-resolution{font-size:14px;gap:15px;padding-top:18px}.contact-chapter{padding-top:90px;min-height:85svh}.closing-orbit{width:55vw;height:55vw;right:-18%;top:12%;opacity:calc(var(--p) * .35)}.contact-chapter .footer-content h2{font-size:31px}.case-reading{display:block}.case-reading-visual{position:relative;top:0;padding:20px;margin-bottom:25px}.case-reading-visual img{max-height:250px;object-position:center 25%}}@media(prefers-reduced-motion:reduce){.story-portal{display:none}.work-exhibit,.about-chapter{height:auto}.exhibit-stage,.about-stage{position:relative;height:auto;min-height:850px}.exhibit-body,.exhibit-copy,.exhibit-insight,.contact-chapter .footer-content{transform:none;opacity:1}.work-exhibit{--enter:1!important;--detail:.6!important;--leave:0!important}.exhibit-art{min-height:500px}.about-layout{min-height:580px}.about-chapter{--split:.7!important;--product:1!important;--resolve:1!important}.contact-chapter{--p:1!important}.exhibit-track{display:none}.perspective-art img{transform:none}.case-flight{display:none}}@media(max-width:760px)and (prefers-reduced-motion:reduce){.exhibit-stage{min-height:680px}.exhibit-art{min-height:320px}.about-stage{min-height:760px}.perspective-art{min-height:350px}}html{scrollbar-gutter:stable}.work-gallery{margin-top:-100svh;background:transparent}.work-exhibit:first-child{background:transparent}.work-exhibit:first-child .exhibit-stage{background:radial-gradient(ellipse at 75% 50%,#123d66,#05162b 75%);opacity:var(--arrival,0)}.case-dialog.case-journal .case-cover{object-fit:contain;background:#092548;height:460px}.case-journal .case-reading-visual img{object-fit:contain}.story-portal{justify-content:flex-end;padding-right:20vw}.story-portal img{height:55svh}.story.reduced+.work-gallery{margin-top:0}@media(max-width:760px){.story-portal{justify-content:center;padding-right:0;padding-top:20svh}.story-portal img{height:43svh}.case-dialog.case-journal .case-cover{height:340px}.work-exhibit:first-child .exhibit-stage{opacity:var(--arrival,0)}}@media(prefers-reduced-motion:reduce){.work-gallery{margin-top:0}.work-exhibit:first-child .exhibit-stage{opacity:1}}@media(max-width:760px){.perspective-art img{width:58%;height:auto;max-width:58%;max-height:74%;object-fit:contain}}@media(max-width:760px){.exhibit-copy h2{white-space:pre-line;font-size:27px}}.story{height:285svh}.work-exhibit{height:195svh}.about-chapter{height:160svh}.story-stage .scene-canvas,.story-stage .stage-grid,.story-stage .story-bottom,.story-stage .decision-copy{opacity:calc(1 - var(--handoff,0))}.work-bridge{position:fixed;z-index:9;visibility:hidden;pointer-events:none;object-fit:fill;border:1px solid #cbb680;box-shadow:15px 28px 70px #0005;will-change:left,top,width,height;transform-origin:center}.work-exhibit:first-child{--enter:1!important}.work-exhibit:first-child .exhibit-cover{transform:rotateY(calc(var(--detail) * -9deg)) rotate(calc(var(--detail) * -5deg))}.exhibit-copy h2{font-size:clamp(36px,3.8vw,58px)}.exhibit-copy>p{font-size:12px}.exhibit-discovery{margin-top:36px;max-width:350px}.discovery-tabs{display:flex;gap:17px;border-bottom:1px solid #ffffff25}.discovery-tab{font-size:10px;padding:10px 0;color:#a6b9cc;border-bottom:1px solid transparent;margin-bottom:-1px;white-space:nowrap}.discovery-tab[aria-pressed=true]{color:#ead0a2;border-color:#ead0a2}.discovery-notes{display:grid;margin-top:20px;min-height:120px}.discovery-note{grid-area:1/1;opacity:0;visibility:hidden;transform:translateY(8px);transition:opacity .25s,transform .25s}.discovery-note[aria-hidden=false]{opacity:1;visibility:visible;transform:none}.discovery-note strong{font-size:14px;font-weight:400;color:#f0e5d1;line-height:1.7;display:block}.discovery-note p{font-size:11px;line-height:1.9;color:#a9bdce;margin-top:9px}.exhibit-body{grid-template-columns:40% 60%}.exhibit-copy .text-button{margin-top:24px}.working-notes{padding-left:8%;width:100%;align-self:center}.notes-label{display:block;font-size:9px;letter-spacing:1.5px;color:#6e7871;margin-bottom:25px}.working-note{display:flex;gap:22px;border-top:1px solid #10213024;padding:25px 0;position:relative}.working-note:before{content:"";position:absolute;left:0;top:-1px;width:100%;height:1px;background:#a48e66;transform-origin:left;transform:scaleX(clamp(0,calc(var(--p) * 3),1))}.working-note.note-1:before{transform:scaleX(clamp(0,calc(var(--p) * 3 - 1),1))}.working-note.note-2:before{transform:scaleX(clamp(0,calc(var(--p) * 3 - 2),1))}.working-note>span{font-size:10px;color:#99825e;padding-top:6px}.working-note h3{font-size:25px}.working-note p{font-size:12px;color:#344b4e;margin-top:9px}.working-note small{display:block;font-size:11px;color:#6a7777;margin-top:5px}.about-layout{grid-template-columns:50% 50%;gap:10px}.about-narrative h2{font-size:clamp(34px,3.4vw,52px)}.designer-perspective,.product-perspective{opacity:1}.contact-chapter{min-height:72svh;padding-top:65px}.closing-signature{display:flex;align-items:center;gap:18px;color:#d4bb89;margin-bottom:28px;transform:translateY(calc((1 - var(--p)) * 25px));opacity:var(--p)}.closing-signature span{font-size:9px;letter-spacing:3px}.contact-chapter .footer-content h2{font-size:clamp(34px,3.8vw,56px);margin-top:18px}.contact-chapter .footer-line{margin-top:55px}@media(max-width:760px){.story{height:255svh}.work-exhibit{height:190svh}.exhibit-stage{min-height:790px;padding-top:85px}.exhibit-copy h2{font-size:27px}.exhibit-copy>p{display:none}.exhibit-discovery{margin-top:14px;max-width:none}.discovery-tabs{gap:20px}.discovery-tab{font-size:9px;padding:8px 0}.discovery-notes{margin-top:12px;min-height:96px}.discovery-note strong{font-size:12px}.discovery-note p{font-size:10px;margin-top:5px;line-height:1.8}.exhibit-copy .text-button{position:absolute;right:0;top:0;font-size:10px;margin-top:0;gap:8px}.exhibit-copy .project-id{padding-right:120px;display:block;font-size:7px}.exhibit-art{max-height:40svh;min-height:260px}.is-focus .exhibit-art{min-height:225px;max-height:35svh;margin:10px 0}.about-chapter{height:auto}.about-stage{position:relative;min-height:0;height:auto;padding:75px 25px 40px}.about-layout{display:block}.perspectives{position:static;display:flex;flex-direction:row;gap:50px;margin:28px 0 35px}.perspectives .experience-value{font-size:62px}.working-notes{padding:0}.working-note{padding:18px 0;gap:20px}.working-note h3{font-size:23px}.working-note p{font-size:11px}.working-note small{font-size:10px}.notes-label{font-size:8px;margin-bottom:20px}.about-resolution{margin-top:25px;font-size:13px}.contact-chapter{min-height:75svh;padding-top:50px}.closing-signature svg{width:40px}.closing-signature span{font-size:7px;letter-spacing:2px}.contact-chapter .footer-content h2{font-size:30px}}@media(max-height:720px)and (max-width:760px){.exhibit-stage{min-height:710px;padding-top:76px}.exhibit-art{min-height:205px}.discovery-notes{min-height:92px}.exhibit-copy h2{font-size:25px}.exhibit-copy{padding-top:10px}}@media(prefers-reduced-motion:reduce){.work-bridge{display:none}.story{height:100svh}.work-exhibit,.about-chapter{height:auto}.discovery-tabs{display:none}.discovery-notes{display:block}.discovery-note{position:static;opacity:1;visibility:visible;transform:none;margin-bottom:20px}.exhibit-stage{height:auto;min-height:950px}.working-note:before{transform:scaleX(1)!important}.about-stage{height:auto;min-height:750px}}.work-exhibit:first-child .exhibit-cover{opacity:clamp(0,calc((var(--arrival,0) - .96) * 25),1)}@media(prefers-reduced-motion:reduce){.work-exhibit:first-child .exhibit-cover{opacity:1}}.exhibit-loading{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:grid;place-items:center;background:#030c17;color:#dbe6ef;font-family:inherit;isolation:isolate}.exhibit-loading-content{display:flex;flex-direction:column;align-items:center;width:min(300px,calc(100vw - 48px));position:relative;text-align:center}.exhibit-loading-mark{overflow:visible;margin-bottom:28px;flex-shrink:0;stroke-width:1.2}.exhibit-loading-outline{stroke:#849caf;animation:exhibit-outline-in .65s ease-out both}.exhibit-loading-tracer{stroke:#e3f2fc;stroke-dasharray:15 85;stroke-linecap:round;filter:drop-shadow(0 0 3px #a8d5f955)}.exhibit-loading-tracer rect{animation:exhibit-trace 2.4s linear infinite}.exhibit-loading-tracer rect:nth-child(2){animation-delay:-1.2s}.exhibit-loading-label{margin:0 0 20px;font-size:14px;line-height:1.6;letter-spacing:.13em;font-weight:400;color:#dbe6ef}.exhibit-loading-progress{width:144px;height:1px;overflow:hidden;background:#8ba9c22b}.exhibit-loading-progress>span{display:block;height:100%;background:#adcce2;transition:width .25s ease-out}.exhibit-loading-progress>.is-indeterminate{width:35%;animation:exhibit-progress 1.8s ease-in-out infinite}.exhibit-loading-meta{height:30px;padding-top:12px;font-size:10px;font-variant-numeric:tabular-nums;letter-spacing:.1em;color:#92a7b9}.exhibit-loading-actions{position:absolute;top:calc(100% + 28px);display:flex;flex-wrap:wrap;justify-content:center;gap:4px 16px;width:100%}.exhibit-loading-actions button,.exhibit-loading-actions a{font:inherit;font-size:12px;line-height:1.5;min-height:44px;padding:10px 4px;color:#b8ccdc;background:none;border:0;text-decoration:underline;text-underline-offset:5px;cursor:pointer}.exhibit-loading-actions :focus-visible{outline:2px solid #c6deee;outline-offset:4px}.exhibit-loading-actions button:disabled{opacity:.6;cursor:wait}.exhibit-loading.is-ready{animation:exhibit-loading-out .4s ease-out both;pointer-events:none}.exhibit-loading.is-ready .exhibit-loading-tracer,.exhibit-loading[data-state=error] .exhibit-loading-tracer{animation:none;opacity:0}.exhibit-loading[data-state=error] .exhibit-loading-outline{stroke:#9eafbd}@keyframes exhibit-outline-in{0%{opacity:0;stroke-dasharray:0 168}to{opacity:1;stroke-dasharray:168 0}}@keyframes exhibit-trace{to{stroke-dashoffset:-100}}@keyframes exhibit-progress{0%{transform:translate(-100%)}to{transform:translate(390%)}}@keyframes exhibit-loading-out{0%,25%{opacity:1}to{opacity:0}}.exhibit-loading.is-reduced *{animation:none!important;transition:none!important}.exhibit-loading.is-reduced .exhibit-loading-tracer{display:none}@media(prefers-reduced-motion:reduce){.exhibit-loading,.exhibit-loading *{animation:none!important;transition:none!important}.exhibit-loading-tracer{display:none}}html:has(.exhibit-loading){background:#030c17}