@font-face{font-family:Plix;src:url(./assets/Plix-Regular-DnM-onc7.woff2)format("opentype");font-weight:400;font-display:swap}@font-face{font-family:Plix;src:url(./assets/Plix-Bold-CHCTZ2Ik.woff2)format("opentype");font-weight:700;font-display:swap}@font-face{font-family:Plix Text;src:url(./assets/Plix-Text-DSf5Bcot.woff2)format("opentype");font-weight:400;font-display:swap}@font-face{font-family:Gotham;src:url(./assets/Gotham-Regular-BBLiKTth.woff2)format("opentype");font-weight:400;font-display:swap}@font-face{font-family:Gotham;src:url(./assets/Gotham-Bold-BdNZMW4i.woff2)format("opentype");font-weight:700;font-display:swap}@font-face{font-family:HappyZcool;src:url(./assets/HappyZcool-Regular-CvA1PG4Z.woff2)format("truetype");font-weight:400;font-display:swap}:root{--paper:#fef1e0;--brown:#8f6942;--red:#f3462c;--blue:#0a6ba1;--yellow:#fbb500;--green:#496139;--ink:#000;--wood-image:none;--page:min(1820px, calc(100% - 100px));--ease:cubic-bezier(.22, 1, .36, 1)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}html,body,#root{background:#f0c991;min-width:100%}body{color:var(--ink);margin:0;font-family:Plix,Microsoft YaHei,sans-serif}body.menu-open,body.pdf-preview-open{overflow:hidden}button,a{color:inherit;font:inherit}button{border:0}img{max-width:100%;display:block}[data-reveal]{opacity:0;transition:opacity .8s var(--ease), transform .8s var(--ease);transform:translateY(30px)}[data-reveal].is-visible{opacity:1;transform:translateY(0)}.site-page{background-color:#f0c991;width:100%;position:relative;overflow:clip}.site-header{z-index:30;grid-template-columns:240px 1fr 42px;align-items:center;width:calc(100% - 100px);display:grid;position:absolute;top:50px;left:50%;transform:translate(-50%)}.site-brand{color:var(--paper);font-family:Gotham,sans-serif;font-size:14px;text-decoration:none}.desktop-navigation{border:1px solid var(--red);box-shadow:5px 5px 0 var(--red);background:#8f6942e6;border-radius:8px;justify-self:center;align-items:center;gap:13px;padding:13px 25px;display:flex}.desktop-navigation a{border:1px solid var(--red);background:var(--paper);white-space:nowrap;border-radius:3px;align-items:center;gap:3px;height:30px;padding:0 11px;font-family:Gotham,sans-serif;font-size:12px;text-decoration:none;transition:background .25s,color .25s;display:flex}.desktop-navigation a:first-child,.desktop-navigation a:hover,.desktop-navigation a:focus-visible{background:var(--red);color:var(--paper)}.desktop-navigation b{font-size:10px}.menu-button{color:var(--paper);cursor:pointer;background:0 0;display:none}.mobile-menu{z-index:300;visibility:hidden;background:var(--wood-image) center / cover;opacity:0;transition:opacity .45s var(--ease), transform .45s var(--ease), visibility .45s;flex-direction:column;padding:28px 24px;display:flex;position:fixed;inset:0;transform:translateY(-3%)}.mobile-menu:before{content:"";pointer-events:none;background:#fef1e01f;position:absolute;inset:0}.mobile-menu.is-open{visibility:visible;opacity:1;transform:translateY(0)}.mobile-menu__top,.mobile-menu nav,.mobile-menu>p{z-index:1;position:relative}.mobile-menu__top{justify-content:space-between;align-items:center;font-family:Gotham,sans-serif;font-size:13px;display:flex}.mobile-menu__top button{border:1px solid var(--red);background:var(--paper);cursor:pointer;border-radius:50%;place-items:center;width:42px;height:42px;display:grid}.mobile-menu nav{gap:6px;margin:auto 0;display:grid}.mobile-menu nav a{border:1px solid var(--red);background:var(--paper);border-radius:4px;grid-template-columns:40px 1fr;align-items:center;min-height:48px;padding:0 18px;font-family:Gotham,sans-serif;text-decoration:none;display:grid}.mobile-menu nav span{color:var(--red);font-size:11px}.mobile-menu nav b{font-size:16px;font-weight:400}.mobile-menu>p{color:var(--brown);margin:0;font-family:Gotham,sans-serif;font-size:11px}.hero-sequence{z-index:0;background:#0f1114;position:relative}.buffered-video-stack{z-index:0;pointer-events:none;position:fixed;inset:0;overflow:hidden}.page-background-video{-o-object-fit:cover;object-fit:cover;pointer-events:none;backface-visibility:hidden;contain:paint;width:100%;height:100%;position:fixed;inset:0;transform:translateZ(0)}.buffered-video-layer{z-index:0}.buffered-video-layer.is-active{z-index:1}.hero-scene{z-index:1;height:100svh;min-height:720px;position:relative;overflow:hidden}.hero-scene__fallback{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.hero-sequence.has-video .hero-scene__fallback{visibility:hidden}.hero-copy{z-index:2;color:var(--paper);position:absolute;bottom:45px;left:50px}.hero-copy h1{margin:0;font-size:clamp(48px,5vw,96px);line-height:1}.hero-copy p{margin:4px 0 0 10px;font-family:Plix Text,Plix,sans-serif;font-size:clamp(20px,1.875vw,36px)}.hero-copy small{margin:5px 0 0;font-family:Gotham,sans-serif;font-size:clamp(10px,.94vw,18px);display:block}.hero-wordmark{width:min(50.3vw,966px);position:absolute;bottom:45px;right:56px}.hero-scroll{z-index:2;color:var(--paper);justify-items:center;font-family:Gotham,sans-serif;font-size:13px;text-decoration:none;display:grid;position:absolute;bottom:12px;right:50%;transform:translate(50%)}.hero-scroll span{background:var(--paper);transform-origin:top;width:1px;height:22px;animation:scrollLine 1.8s var(--ease) infinite;margin-top:8px}@keyframes scrollLine{0%,to{opacity:.5;transform:scaleY(.25)}55%{opacity:1;transform:scaleY(1)}}.hero-concept-transition{z-index:3;pointer-events:none;position:absolute;inset:0}.concept-anchor{width:1px;height:1px;scroll-margin-top:40px;position:absolute;top:39.76%;left:0}.hero-concept-transition .section-flag{width:min(349px,18.18vw);position:absolute;top:39.76%;left:50%;transform:translate(-50%)}.hero-concept-transition .concept-manifesto{width:min(889px,46.3vw);position:absolute;top:53.6%;left:21.56%}.hero-concept-transition .concept-manifesto img{width:100%;height:auto;display:block}.wood-page{--wood-size:max(100vw, 2480px);z-index:2;background:0 0;position:relative}.wood-page:before{z-index:0;background-color:#f0c991;background-image:var(--wood-image);background-position:top;background-size:var(--wood-size) auto;content:"";pointer-events:none;background-repeat:no-repeat;background-attachment:fixed;position:absolute;inset:clamp(250px,19vw,365px) 0 0}.wood-page>*{z-index:1;position:relative}.wood-intro{pointer-events:none;height:clamp(520px,31vw,620px);margin-top:clamp(-150px,-7vw,-80px);overflow:hidden}.wood-intro img{-o-object-fit:cover;object-fit:cover;-o-object-position:center top;object-position:center top;width:100%;height:100%}.section-shell{width:var(--page);margin:0 auto}.section-flag{width:min(390px,20.3vw);margin:0 auto}.section-flag img{clip-path:inset(1px);width:100%}.project-idea{margin-top:clamp(-235px,-11vw,-150px);padding-bottom:250px}.concept-shell{justify-items:center;gap:100px;display:grid}.concept-card{background:var(--paper);text-align:center;border-radius:45px;width:100%;padding:110px 120px;box-shadow:inset -4px -4px 4px #ffffffb3,inset 4px 4px 4px #00000040}.concept-heading{justify-items:center;margin-bottom:100px;display:grid}.concept-heading strong{border-bottom:1px solid #00000059;width:min(1100px,90%);padding-bottom:14px;font-size:36px;line-height:1;position:relative}.concept-heading span{background:var(--paper);margin-top:-2px;padding:0 20px;font-family:Gotham,sans-serif;font-size:24px;font-style:italic;transform:skew(-8deg)}.concept-card .image-button{aspect-ratio:1.134;border-radius:20px;width:min(1110px,100%);margin:0 auto}.concept-card .click-video{aspect-ratio:1109/978;border-radius:20px;width:min(1110px,100%);margin:0 auto}.concept-card>p{margin:95px auto 0;font-size:24px;line-height:1.5}.collaboration-mark{width:min(663px,70vw)}.collaboration-mark img{filter:brightness(0);width:100%}.concept-card--wide{padding-left:52px;padding-right:52px}.concept-card--wide>p{margin-top:0}.concept-card--wide .image-button{aspect-ratio:1516/850;width:100%;margin-top:100px}.design-section{padding-top:190px;padding-bottom:320px}.design-section .section-flag{margin-bottom:90px}.design-statement{background:var(--paper);text-align:center;width:min(1130px,62.15%);margin:0 auto;padding:clamp(34px,2.9vw,56px) clamp(68px,5.73vw,110px) clamp(40px,3.44vw,66px) clamp(130px,10.94vw,210px);position:relative;transform:rotate(2.7deg)}.design-statement .eyes{z-index:2;width:186px;position:absolute;top:46px;left:60px;transform:rotate(-2.7deg)}.design-statement h2,.design-statement p{transform:rotate(-2.7deg)}.design-statement h2{margin:0 0 18px;font-size:clamp(23px,1.875vw,36px)}.design-statement p{margin:0;font-size:clamp(15px,1.25vw,24px);line-height:1.5}.design-collage{width:100%;height:75.4945cqw;margin-top:clamp(250px,21.35vw,410px);position:relative;container-type:inline-size}.design-collage__shadow{z-index:0;filter:blur(clamp(12px,1.04vw,20px));opacity:0;will-change:opacity;background:#8f694280;border-radius:50%;width:100%;height:49.5604cqw;position:absolute;top:30.8791cqw;left:0}.design-collage__mask{z-index:1;top:calc(var(--y) / 1820 * 100cqw);left:calc(var(--x) / 1820 * 100cqw);width:calc(var(--w) / 1820 * 100cqw);height:calc(var(--h) / 1820 * 100cqw);transform-origin:50%;will-change:transform;position:absolute;overflow:hidden}.design-collage__mask img{top:calc(var(--iy) / 1820 * 100cqw);left:calc(var(--ix) / 1820 * 100cqw);width:calc(var(--iw) / 1820 * 100cqw);max-width:none;height:calc(var(--ih) / 1820 * 100cqw);position:absolute}.design-story-card{background:var(--paper);text-align:center;border-radius:45px;justify-items:center;gap:100px;margin-top:260px;padding:110px 52px;display:grid;box-shadow:inset -4px -4px 4px #ffffffb3,inset 4px 4px 4px #00000040}.design-story-card p{width:min(1080px,90%);margin:0;font-size:24px;line-height:1.5}.design-story-card .image-button{aspect-ratio:1517/853;border-radius:20px;width:100%}.eyes{height:auto;display:block}.site-plan-section{padding-top:120px;padding-bottom:320px}.site-plan-section .section-flag{margin-bottom:80px}.site-plan-note,.highlight-note{background:var(--paper);text-align:center;margin:0 auto;padding:clamp(31px,2.6vw,50px) clamp(108px,9.11vw,175px) clamp(27px,2.29vw,44px) clamp(62px,5.21vw,100px);position:relative;transform:rotate(2.7deg)}.site-plan-note{width:min(1110px,61%)}.highlight-note{width:min(1120px,74.3%)}.site-plan-note p,.highlight-note p{margin:0;font-size:clamp(15px,1.25vw,24px);line-height:1.5;transform:rotate(-2.7deg)}.site-plan-note .eyes,.highlight-note .eyes{z-index:2;width:164px;position:absolute;bottom:-2px;right:-16px;transform:rotate(-2.7deg)}.site-plan-overview{width:min(1500px,100%);margin:180px auto 0;position:relative}.site-plan-overview__map{cursor:zoom-in;background:0 0;width:100%;padding:0;display:block}.site-plan-overview__map img{-o-object-fit:contain;object-fit:contain;width:100%;height:100%;transition:transform .7s var(--ease)}.site-plan-overview__map:hover img{transform:scale(1.012)}.scene-slider{touch-action:pan-y;outline:none;margin-top:260px}.scene-layout{grid-template-columns:24.01% minmax(0,67.75%);align-items:start;gap:8.24%;display:grid}.scene-copy{text-align:left;white-space:pre-line}.scene-transition{animation:sceneContentIn .65s var(--ease) both}@keyframes sceneContentIn{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translate(0,0)}}.scene-copy h3{letter-spacing:clamp(-8.96px,-.47vw,-5.8px);text-align:center;margin:0;font-family:HappyZcool,Plix,sans-serif;font-size:clamp(40px,3.33vw,64px);font-weight:400;line-height:1}.scene-copy__english{color:#aa825b;text-align:center;margin:4px 0 clamp(62px,5.21vw,100px);font-family:Gotham,sans-serif;font-size:clamp(15px,1.25vw,24px)}.scene-copy>p:last-child{width:95%;margin:0;font-size:clamp(11px,.833vw,16px);line-height:1.75}.scene-media{aspect-ratio:1233/694;border:2px solid var(--red);border-radius:20px;overflow:hidden}.scene-media .image-button{width:100%;height:100%}.scene-media .scene-video{background:0 0;width:100%;height:100%}.scene-media .scene-video video{-o-object-fit:contain;object-fit:contain}.scene-caption{width:max-content;min-width:10.16%;color:var(--brown);align-items:center;gap:10px;margin:-3.08% 0 1.21% 33.46%;display:flex}.scene-caption strong,.scene-caption span{font-size:clamp(15px,1.25vw,24px);line-height:2}.scene-track{border:1px solid var(--red);background-color:#8f6942c7;background-image:var(--wood-image);background-blend-mode:multiply;width:46.92%;min-height:68px;box-shadow:5px 5px 0 2px var(--red);color:var(--paper);background-position:50%;background-size:cover;border-radius:8px;grid-template-columns:40px 1fr 40px;align-items:center;margin-left:32.25%;padding:0 clamp(12px,1.04vw,20px);display:grid;position:relative}.scene-track__active-title{color:var(--red);white-space:nowrap;font-size:clamp(12px,.833vw,16px);line-height:1;position:absolute;bottom:calc(100% + 3px);left:22px}.scene-track>span{text-align:center;font-family:Gotham,sans-serif;font-size:12px;font-weight:700}.scene-track__line{grid-template-columns:repeat(9,1fr);display:grid}.scene-track__line button{min-width:0;height:54px;color:var(--paper);cursor:pointer;background:0 0;align-content:end;justify-items:center;padding:4px 2px 6px;display:grid;position:relative}.scene-track__line button:after{background:var(--paper);content:"";height:1px;position:absolute;top:50%;left:-50%;right:50%;transform:translateY(-1px)}.scene-track__line b{z-index:1;text-align:center;text-overflow:ellipsis;white-space:nowrap;width:max-content;max-width:clamp(48px,4.27vw,82px);font-size:clamp(7px,.52vw,10px);line-height:1;position:absolute;top:0;overflow:hidden}.scene-track__line i{z-index:2;background:var(--paper);border-radius:50%;width:7px;height:7px;margin:0 0 6px}.scene-track__line small{z-index:1;font-family:Gotham,sans-serif;font-size:12px;font-weight:700}.scene-track__line button.is-active{color:var(--red)}.scene-track__line button.is-active b{display:none}.scene-track__line button.is-active i{background:var(--red);background-clip:padding-box;border:6px solid #f3462cb3;width:23px;height:23px;margin:-8px 0 2px}.scene-utility{grid-template-columns:1fr auto;align-items:center;width:24.01%;margin:-52px 0 0;font-family:Gotham,sans-serif;display:grid}.scene-utility>span{grid-column:1;font-size:10px}.scene-utility p{margin:0;font-size:12px}.scene-utility>div{grid-area:1/2/span 2;gap:8px;display:flex}.scene-utility button,.past-work__controls button{border:1px solid var(--red);background:var(--paper);cursor:pointer;border-radius:50%;place-items:center;width:46px;height:46px;transition:background .25s,color .25s;display:grid}.scene-utility button:hover,.past-work__controls button:hover{background:var(--red);color:var(--paper)}.detailed-section{padding-bottom:520px}.detailed-section>.section-flag{display:none}.detail-list{gap:220px;display:grid}.detail-list article{justify-items:center;display:grid}.detail-list .image-button,.detailed-compare{aspect-ratio:16/9;border-radius:8px;width:100%}.detail-list .image-button{border:0}.detail-list .image-button__icon{display:none}.detailed-compare{isolation:isolate;cursor:ew-resize;touch-action:none;-webkit-user-select:none;user-select:none;background:#ddd;position:relative;overflow:hidden}.detailed-compare.is-dragging{cursor:grabbing}.detailed-compare img{-o-object-fit:cover;object-fit:cover;pointer-events:none;-webkit-user-select:none;user-select:none;width:100%;max-width:none;height:100%;position:absolute;inset:0}.detailed-compare__day{z-index:0}.detailed-compare__night{z-index:1;clip-path:inset(0 calc(100% - var(--split)) 0 0)}.detailed-compare__line{z-index:2;top:0;bottom:0;left:var(--split);pointer-events:none;background:#fff;width:1px;position:absolute;transform:translate(-.5px)}.detailed-compare__line>span{color:#fff;background:#00000059;border:1px solid #ffffffe6;border-radius:50%;justify-content:center;align-items:center;gap:2px;width:50px;height:50px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.detailed-compare__line svg{flex:none}.detail-caption{border:1px solid var(--red);min-width:330px;box-shadow:5px 5px 0 2px var(--red);text-align:center;background:#8f6942e0;border-radius:20px;padding:10px 50px}.detail-caption span{font-size:24px;display:block}.detail-caption strong{color:var(--paper);margin:-2px 0 -8px;font-size:36px;display:block}.detail-caption small{font-family:Gotham,sans-serif;font-size:16px}.highlight-section{width:min(1500px,100% - 100px);padding-bottom:320px}.highlight-section .section-flag{margin-bottom:75px}.highlight-note{width:min(1100px,73.33%);margin-bottom:77px;padding:50px 180px 30px 120px}.highlight-note.is-visible{transform:rotate(2.7deg)}.highlight-note.is-visible p{transform:rotate(-2.7deg)}.highlight-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:96px;display:grid}.highlight-card{border:1px solid var(--red);background:var(--paper);border-radius:24px;flex-direction:column;gap:47px;min-height:733px;padding:36px 36px 60px;display:flex}.highlight-media{aspect-ratio:636/357;border-radius:24px;overflow:hidden}.highlight-media img{max-width:none;height:auto;position:relative}.highlight-card:first-child .highlight-media img{width:111.7%;transform:translate(-5.2%,-36.1%)}.highlight-card:nth-child(2) .highlight-media img{width:105.7%;transform:translate(-2.7%,-27.7%)}.highlight-card:nth-child(3) .highlight-media img{width:96.9%;transform:translate(1.6%,-32.2%)}.highlight-card:nth-child(4) .highlight-media img{width:109.4%;transform:translate(-5.6%,-47.7%)}.highlight-copy{padding:0 24px}.highlight-copy h3{margin:0;font-size:29px;line-height:1}.highlight-copy h4{color:var(--brown);margin:-2px 0 31px;font-family:Gotham,sans-serif;font-size:19px;font-weight:400;line-height:1}.highlight-copy p{color:var(--brown);margin:0 0 31px;font-size:12px;font-weight:700;line-height:1.55}.highlight-copy>div{flex-wrap:wrap;gap:12px;display:flex}.highlight-copy span{border:1px solid var(--red);background:#f3462c4d;border-radius:9px;padding:5px 14px;font-family:Gotham,sans-serif;font-size:14px;line-height:1}.implementation-anchor{min-height:180px;scroll-margin-top:90px}.visual-section{padding-bottom:420px}.visual-section .section-flag{margin-bottom:195px}.visual-layout{gap:50px;display:grid}.visual-layout .image-button{aspect-ratio:1920/1080;border-radius:20px;width:100%;box-shadow:5px 5px 10px 3px #00000040}.visual-poster-reveal{width:min(450px,100%);margin:0 auto}.visual-layout .visual-poster{aspect-ratio:9/16;box-shadow:5px 5px 10px 3px #00000040}.visual-layout .visual-summary{box-shadow:none;margin-top:80px}.team-section{width:min(1740px,100% - 100px);padding-bottom:380px}.team-section .section-flag{margin-bottom:17px}.team-note{width:min(1122px,64.5%);margin:0 auto 58px}.team-note img{width:100%}.section-image-button{cursor:zoom-in;background:0 0;width:100%;padding:0;display:block}.section-image-button img{width:100%}.section-image-button--project{width:min(1500px,86.2%);margin:38px auto 0}.works-section{padding-bottom:260px}.works-section .section-flag{margin-bottom:30px}.studio-note{width:min(1169px,90%);margin:0 auto 120px}.studio-note img{width:100%}.past-work{touch-action:pan-y;width:min(1584px,100%);margin:0 auto;position:relative}.past-work__viewport{border:1px solid var(--red);border-radius:20px;overflow:hidden}.past-work__track{transition:transform .75s var(--ease);display:flex}.past-work__track .image-button{aspect-ratio:16/9;flex:0 0 100%}.past-work__controls{justify-content:flex-end;align-items:center;gap:8px;margin-top:24px;display:flex}.past-work__controls>span{color:var(--brown);margin-right:10px;font-family:Gotham,sans-serif;font-size:12px}.closing-section{aspect-ratio:16/9;background:#173b72;place-items:center;min-height:auto;padding:0;display:grid;position:relative;overflow:hidden}.closing-section__background{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.closing-section__content{z-index:1;color:#16110c;position:absolute;inset:0}.closing-section__logo{width:34%;height:auto;position:absolute;top:10.5%;left:50%;transform:translate(-50%)}.closing-section__copy{width:34.6%;margin:0;font-size:clamp(13px,1.25vw,24px);font-weight:700;line-height:1.65;position:absolute;top:54.4%;left:24.9%}.closing-section__tagline{white-space:nowrap;font-size:clamp(17px,1.56vw,30px);position:absolute;top:78.5%;left:50%;transform:translate(-50%)}.export-section{padding:0 50px 35px}.export-section footer{color:var(--brown);border-top:1px solid #8f694273;justify-content:space-between;padding-top:9px;font-family:Gotham,sans-serif;font-size:10px;display:flex}.pdf-controls{background:var(--paper);border-radius:27px;align-items:center;gap:4px;width:299px;height:54px;margin:50px auto 0;padding:5px 8px 5px 28px;display:flex}.pdf-controls button{height:36px;color:var(--brown);cursor:pointer;white-space:nowrap;background:0 0;flex:1;justify-content:center;align-items:center;gap:6px;font-family:Gotham,sans-serif;font-size:9px;font-weight:700;display:flex}.pdf-controls button:last-child{background:var(--brown);color:var(--paper);border-radius:40px}.pdf-controls svg{width:12px;height:12px}.to-top-icon{font-size:16px;font-weight:400;line-height:1}.click-video{background:#2f3033;position:relative;overflow:hidden}.click-video video{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;display:block}.click-video>button{z-index:2;color:#fff;cursor:pointer;width:78px;height:78px;transition:background .25s ease, transform .25s var(--ease);background:#00000094;border:1px solid #ffffffbf;border-radius:50%;place-items:center;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.click-video>button:hover{background:var(--red);transform:translate(-50%,-50%)scale(1.06)}.click-video>button svg{width:31px;height:31px;margin-left:4px}.click-video__spinner{border:2px solid #ffffff6b;border-top-color:#fff;border-radius:50%;width:24px;height:24px;animation:.8s linear infinite clickVideoSpin}@keyframes clickVideoSpin{to{transform:rotate(360deg)}}.click-video__error{color:#fff;text-align:center;background:#000000b8;padding:8px 12px;font-family:Gotham,sans-serif;font-size:12px;position:absolute;bottom:16px;left:16px;right:16px}.image-button{cursor:zoom-in;background:#ddd;padding:0;display:block;position:relative;overflow:hidden}.image-button img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;transition:transform .7s var(--ease)}.image-button:hover img{transform:scale(1.018)}.image-button__icon{color:#fff;opacity:0;background:#000000bf;border-radius:50%;place-items:center;width:40px;height:40px;transition:opacity .25s,transform .25s;display:grid;position:absolute;bottom:14px;right:14px;transform:translateY(6px)}.image-button:hover .image-button__icon,.image-button:focus-visible .image-button__icon{opacity:1;transform:translateY(0)}.lightbox{z-index:400;color:#fff;background:#000000f0;place-items:center;padding:56px;display:grid;position:fixed;inset:0}.lightbox img{-o-object-fit:contain;object-fit:contain;max-width:min(94vw,1900px);max-height:86vh}.lightbox button{color:#fff;cursor:pointer;background:0 0;border:1px solid #fff;border-radius:50%;place-items:center;width:48px;height:48px;display:grid;position:absolute;top:24px;right:24px}.lightbox p{margin:0;position:absolute;bottom:18px}.pdf-preview{z-index:500;background:#202020;position:fixed;inset:0;overflow:auto}.pdf-preview__bar{z-index:2;background:#000000db;justify-content:center;gap:12px;padding:12px;display:flex;position:sticky;top:0}.pdf-preview__bar button{background:var(--paper);cursor:pointer;border-radius:4px;align-items:center;gap:8px;padding:10px 18px;display:flex}.pdf-deck{justify-items:center;gap:32px;padding:32px;display:grid}.pdf-page{aspect-ratio:16/9;background:var(--wood-image) center / cover;-moz-column-break-after:page;break-after:page;grid-template-rows:52px 1fr 62px;width:min(1280px,100vw - 80px);display:grid;position:relative;overflow:hidden;box-shadow:0 15px 45px #00000059}.pdf-page__head,.pdf-page__foot{justify-content:space-between;align-items:center;padding:0 40px;font-family:Gotham,sans-serif;display:flex}.pdf-page__head{border-bottom:1px solid #8f694259}.pdf-page__head b{color:var(--red)}.pdf-page__head span,.pdf-page__foot span{font-size:10px}.pdf-page>img{-o-object-fit:contain;object-fit:contain;width:calc(100% - 80px);height:100%;min-height:0;margin:0 40px}.pdf-page--cover>img{-o-object-fit:cover;object-fit:cover;width:100%;margin:0}.pdf-page__foot strong{font-size:18px}@media (width<=1650px){.site-header{grid-template-columns:1fr auto}.desktop-navigation{display:none}.menu-button{place-items:center;width:42px;height:42px;display:grid}}@media (width>=901px) and (width<=1500px){.hero-copy{bottom:48px}.hero-wordmark{width:47vw;right:42px}.design-statement .eyes{width:121px;top:30px;left:39px}.site-plan-note .eyes,.highlight-note .eyes{width:107px;right:-10px}}@media (width<=900px){:root{--page:calc(100% - 28px)}html{scroll-padding-top:20px}.site-header{width:calc(100% - 34px);top:20px}.site-brand{font-size:11px}.hero-scene{height:100svh;min-height:620px}.hero-scene__fallback{-o-object-position:55% center;object-position:55% center}.hero-copy{width:calc(100% - 40px);bottom:34px;left:20px}.hero-copy h1{font-size:48px}.hero-copy p{margin-left:0;font-size:20px}.hero-copy small{font-size:10px}.hero-wordmark{width:78vw;bottom:155px;right:18px}.hero-scroll{display:none}.hero-concept-transition .section-flag{width:min(250px,68vw);top:40.5%}.hero-concept-transition .concept-manifesto{width:90vw;top:54%;left:5vw}.wood-page:before{top:145px}.wood-intro{height:330px;margin-top:-40px}.project-idea{margin-top:-140px;padding-bottom:150px}.concept-shell{gap:55px}.section-flag{width:250px}.concept-card{border-radius:20px;padding:45px 18px}.concept-heading{margin-bottom:40px}.concept-heading strong{font-size:27px}.concept-heading span{font-size:13px}.concept-card .image-button{border-radius:10px}.concept-card>p{margin-top:36px;font-size:13px;line-height:1.8}.concept-card>p br{display:none}.concept-card .click-video{border-radius:10px}.concept-card--wide .image-button{margin-top:38px}.collaboration-mark{width:68vw}.design-section{padding-top:120px;padding-bottom:170px}.design-section .section-flag{margin-bottom:55px}.design-statement{width:96%;padding:70px 18px 38px}.design-statement .eyes{width:92px;top:8px;left:8px;transform:rotate(-2.7deg)}.design-statement h2{font-size:24px}.design-statement p{font-size:14px;line-height:1.8}.design-statement p br{display:none}.design-collage{width:calc(100vw - 20px);height:calc(75.5vw - 15.1px);transform:translateX(calc((var(--page) - (100vw - 20px)) / 2));transform-origin:0 0;margin-top:230px}.design-collage__shadow{filter:blur(6px);height:65.6%;top:40.9%}.design-collage__mask{top:calc(var(--y) * (100vw - 20px) / 1820);left:calc(var(--x) * (100vw - 20px) / 1820);width:calc(var(--w) * (100vw - 20px) / 1820);height:calc(var(--h) * (100vw - 20px) / 1820)}.design-collage__mask img{top:calc(var(--iy) * (100vw - 20px) / 1820);left:calc(var(--ix) * (100vw - 20px) / 1820);width:calc(var(--iw) * (100vw - 20px) / 1820);height:calc(var(--ih) * (100vw - 20px) / 1820)}.design-story-card{border-radius:20px;gap:38px;margin-top:150px;padding:45px 18px}.design-story-card p{width:100%;font-size:13px;line-height:1.8}.design-story-card p br{display:none}.design-story-card .image-button{border-radius:10px}.site-plan-section{padding-top:80px;padding-bottom:170px}.site-plan-section .section-flag{margin-bottom:45px}.site-plan-note,.highlight-note{width:96%;padding:28px 62px 28px 18px}.site-plan-note p,.highlight-note p{font-size:14px;line-height:1.7}.site-plan-note p br{display:none}.site-plan-note .eyes,.highlight-note .eyes{width:82px;bottom:-10px;right:-6px;transform:rotate(-2.7deg)}.site-plan-overview{width:1180px;height:921.58px;transform:translateX(-50%) scale(calc((100vw - 16px) / 1180));transform-origin:top;margin-top:120px}.scene-slider{margin-top:150px}.scene-layout{grid-template-columns:1fr;gap:38px}.scene-copy{text-align:left;order:2}.scene-copy h3{letter-spacing:-4px;text-align:center;font-size:40px}.scene-copy__english{margin-bottom:45px;font-size:17px}.scene-copy>p:last-child{font-size:14px}.scene-media{order:1}.scene-caption{display:none}.scene-track{grid-template-columns:30px 1fr 30px;width:100%;margin:38px 0 0;padding:0 8px;overflow:hidden}.scene-track__active-title{font-size:12px;left:8px}.scene-track__line button b{display:none}.scene-track__line button:after{left:-55%;right:45%}.scene-utility{width:100%;margin:20px 0 0}.scene-utility p{font-size:9px}.scene-utility button{width:40px;height:40px}.detailed-section{padding-bottom:240px}.detailed-section .section-flag{margin-bottom:100px}.detail-list{gap:120px}.detail-caption{border-radius:12px;min-width:220px;padding:8px 28px}.detail-caption span{font-size:14px}.detail-caption strong{margin:0 0 -5px;font-size:24px}.detail-caption small{font-size:10px}.highlight-section{width:calc(100% - 28px);padding-bottom:190px}.highlight-section .section-flag{margin-bottom:50px}.highlight-grid{grid-template-columns:1fr;gap:26px}.highlight-note{width:96%;padding:28px 62px 28px 18px}.highlight-card{border-radius:12px;gap:22px;min-height:0;padding:18px 18px 28px}.highlight-media{aspect-ratio:16/9;border-radius:10px;height:auto}.highlight-card:nth-child(n) .highlight-media img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;transform:none}.highlight-card:first-child .highlight-media img{-o-object-position:center 51%;object-position:center 51%}.highlight-card:nth-child(2) .highlight-media img{-o-object-position:center 47%;object-position:center 47%}.highlight-card:nth-child(3) .highlight-media img{-o-object-position:center 48%;object-position:center 48%}.highlight-card:nth-child(4) .highlight-media img{-o-object-position:center 51%;object-position:center 51%}.highlight-copy{padding:0 5px 8px}.highlight-copy h3{font-size:23px}.highlight-copy h4{font-size:13px}.highlight-copy p{font-size:11px}.highlight-copy span{padding:4px 8px;font-size:9px}.implementation-anchor{min-height:120px}.visual-section{padding-bottom:220px}.visual-section .section-flag{margin-bottom:100px}.visual-layout{gap:18px}.visual-layout .image-button{border-radius:10px}.team-section{width:calc(100% - 20px);padding-bottom:180px}.team-section .section-flag{margin-bottom:8px}.team-note{width:96%;margin-bottom:36px}.section-image-button--project{width:86.2%;margin-top:18px}.works-section{padding-bottom:170px}.studio-note{width:100%;margin-bottom:70px}.past-work__viewport{border-radius:10px}.past-work__controls{margin-top:14px}.closing-section{aspect-ratio:auto;min-height:430px}.closing-section__logo{width:48%}.closing-section__copy{width:55%;font-size:11px;left:15%}.closing-section__tagline{font-size:15px}.export-section{padding-left:14px;padding-right:14px}.export-section footer{font-size:7px}.pdf-controls{width:min(100%,299px);height:54px;margin-top:38px;padding:5px 8px 5px 28px}.pdf-controls button{height:36px;font-size:9px}.to-top-icon{font-size:16px}.click-video>button{width:58px;height:58px}.click-video>button svg{width:24px;height:24px}.lightbox{padding:14px}.lightbox p{font-size:12px}.pdf-deck{padding:14px}.pdf-page{grid-template-rows:32px 1fr 38px;width:calc(100vw - 28px)}.pdf-page__head,.pdf-page__foot{padding:0 14px}.pdf-page>img{width:calc(100% - 28px);margin:0 14px}.pdf-page--cover>img{width:100%;margin:0}.pdf-page__head span,.pdf-page__foot span{font-size:5px}.pdf-page__head b,.pdf-page__foot strong{font-size:8px}}@media print{@page{size:13.333in 7.5in;margin:0}body{background:#fff}.site-page,.pdf-preview__bar{display:none!important}.pdf-preview{background:#fff;position:static;overflow:visible}.pdf-deck{padding:0;display:block}.pdf-page{width:13.333in;height:7.5in;box-shadow:none;-moz-column-break-after:page;break-after:page;page-break-after:always;margin:0}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}