body{background:#11150f;color:#f2f3ec}.hero-scroll{height:185vh;position:relative}.hero-sticky{height:100svh;min-height:680px;position:sticky;top:0;overflow:hidden}.hero-photo{position:absolute;inset:0;overflow:hidden;clip-path:inset(var(--hero-inset,0%) round 0px)}.hero-photo img{width:100%;height:100%;object-fit:cover;object-position:center 52%;animation:hero-breathe 16s ease-in-out infinite alternate;transform:scale(1.07)}@keyframes hero-breathe{to{transform:scale(1.16) translateX(-1.5%)}}.hero-shade{position:absolute;inset:0;background:linear-gradient(180deg,#070b086b 0%,#070b0840 45%,#070b0870 73%,#070b08d9 100%)}.hero-line{position:absolute;inset:126px 4.3% 95px;border:1px solid #ffffff35;pointer-events:none;opacity:var(--hero-fade,1)}.hero-line:before,.hero-line:after{position:absolute;content:'+';font-size:20px;line-height:20px;top:-10px;background:transparent}.hero-line:before{left:-6px}.hero-line:after{right:-6px}.hero-copy{position:absolute;left:8.2%;right:8.2%;top:26%;opacity:var(--hero-fade,1);transform:translateY(var(--hero-y,0px))}.hero-kicker{display:flex;align-items:center;gap:10px;font-size:10px;letter-spacing:.2em;margin-bottom:32px}.signal{width:5px;height:5px;border-radius:50%;background:#d8e8b1;box-shadow:0 0 18px #c1df74;animation:pulse 2.4s ease infinite}@keyframes pulse{50%{box-shadow:0 0 0 9px #c1df7400}}.hero h1{font-weight:400}.hero-copy h1{font-size:clamp(65px,7.8vw,138px);font-weight:400;letter-spacing:-.075em;line-height:1.2}.hero-copy h1 span{display:block;animation:type-up 1.2s both cubic-bezier(.2,.7,.2,1)}.hero-copy h1 span+span{animation-delay:.15s;margin-left:12%}@keyframes type-up{from{opacity:0;transform:translateY(65px)}to{opacity:1;transform:none}}.hero-bottom{margin-top:34px;display:flex;justify-content:space-between;align-items:center}.hero-bottom p{font-size:13px;line-height:1.85;letter-spacing:-.02em}.circle-link{display:flex;align-items:center;gap:28px;font-size:11px}.circle-link b{width:60px;height:60px;border:1px solid #ffffff70;border-radius:50%;display:grid;place-items:center;font-size:23px;font-weight:400;transition:background .4s,transform .4s}.circle-link:hover b{background:#dce8be;color:#111;transform:rotate(45deg)}.hero-meta{position:absolute;left:4.3%;right:4.3%;bottom:39px;display:flex;justify-content:space-between;align-items:center;font-size:9px;letter-spacing:.08em;opacity:var(--hero-fade,1)}.hero-meta a{display:flex;align-items:center;gap:18px}.hero-meta a span{display:block;animation:drop 2s ease infinite}@keyframes drop{50%{transform:translateY(6px)}}.hero-end{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;opacity:var(--hero-end,0);pointer-events:none;transform:translateY(var(--end-y,40px));text-shadow:0 2px 25px #0008;font-size:clamp(30px,4vw,68px);letter-spacing:-.06em;line-height:1.5}.hero-end strong{font-weight:400;color:#e0eacb}.opening{background:#eceee5;color:#23291e;padding:120px 8.2% 88px;position:relative}.opening .eyebrow{display:flex;align-items:center;gap:20px}.cross{font-size:30px;font-weight:200}.opening h2{margin:60px 0 50px;font-size:clamp(40px,5.2vw,90px);font-weight:400;line-height:1.4;letter-spacing:-.07em}.opening h2 span{color:#7c8472}.opening-footer{border-top:1px solid #25301b33;padding-top:42px;display:grid;grid-template-columns:1fr 1.2fr 1fr;align-items:end;gap:20px}.oversized-and{font:italic 115px/1 Editorial,serif;color:#939e82}.opening-footer p{font-size:13px;line-height:2}.opening-footer a{justify-self:end;font-size:12px;border-bottom:1px solid;padding-bottom:10px;display:flex;gap:50px}.works-heading{padding:110px 8.2% 80px;display:grid;grid-template-columns:1fr 1fr;gap:30px}.works-heading .eyebrow{grid-column:1/-1;color:#a1b386}.works-heading h2{font-size:clamp(40px,5vw,75px);font-weight:400;line-height:1.35;letter-spacing:-.055em}.works-heading h2 em{font-style:normal;color:#a2ad95}.works-intro{align-self:end;justify-self:end;font-size:13px;line-height:1.9;color:#bcc4b4}.project-reel{height:350vh;position:relative}.reel-sticky{position:sticky;top:0;height:100svh;min-height:620px;overflow:hidden}.reel-scene{position:absolute;inset:0;opacity:0;pointer-events:none;transition:opacity .65s}.reel-scene.active{opacity:1;pointer-events:auto}.scene-image{position:absolute;width:100%;height:100%;object-fit:cover;transform:scale(var(--scene-scale,1.04));will-change:transform}.scene-scrim{position:absolute;inset:0;background:linear-gradient(90deg,#0008,transparent 75%),linear-gradient(0deg,#11150fee 0%,#11150f10 70%)}.scene-copy{position:absolute;left:8.2%;top:22%;z-index:3}.scene-copy .eyebrow{color:#d1dcbd}.scene-copy h3{font-size:clamp(75px,11vw,172px);letter-spacing:-.075em;font-weight:400;line-height:1.2;margin:18px 0 15px}.scene-copy p{font-size:clamp(15px,1.4vw,22px);letter-spacing:-.03em}.line-button{display:flex;gap:65px;border-bottom:1px solid #ffffff65;margin-top:42px;font-size:12px;padding:0 0 12px}.line-button span{transition:transform .3s}.line-button:hover span{transform:translate(5px,-5px)}.scene-word{position:absolute;bottom:55px;left:8.2%;font-family:Arial,sans-serif;font-size:13.5vw;line-height:1;font-weight:400;letter-spacing:-.055em;color:transparent;-webkit-text-stroke:1px #ffffff28;pointer-events:none}.reel-nav{position:absolute;bottom:47px;right:6%;display:flex;gap:20px;z-index:5}.reel-nav button{display:flex;align-items:center;gap:12px;padding:10px 0;font-size:10px;opacity:.5}.reel-nav button[aria-pressed=true]{opacity:1}.reel-nav i{width:30px;height:1px;background:currentColor;transition:width .5s}.reel-nav button[aria-pressed=true] i{width:60px;background:#c6da9c}.reel-nav b{font-weight:400}.reel-scroll{position:absolute;right:5%;top:55px;font-size:9px;letter-spacing:.1em;writing-mode:vertical-rl;display:flex;gap:25px}.more-spaces{padding:110px 8.2% 150px}.more-title{display:flex;justify-content:space-between;align-items:start;gap:35px;margin-bottom:65px}.more-title .eyebrow{color:#aab79b}.more-title h2{font-size:clamp(30px,3.5vw,55px);font-weight:400;letter-spacing:-.05em;line-height:1.4}.more-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:25px;align-items:start}.space-card{text-align:left;padding:0;min-width:0}.space-card:nth-child(2){margin-top:100px}.space-card:nth-child(3){margin-top:200px}.space-image{position:relative;overflow:hidden;aspect-ratio:.8}.space-image img{width:100%;height:100%;object-fit:cover;transition:transform 1s,filter 1s;filter:saturate(.82)}.space-image span{position:absolute;right:20px;bottom:20px;display:grid;place-items:center;width:45px;height:45px;border-radius:50%;background:#eef2e7;color:#17200f;font-size:20px;transition:transform .3s}.space-card:hover img{transform:scale(1.05);filter:saturate(1)}.space-card:hover .space-image span{transform:rotate(45deg)}.space-caption{padding-top:20px;border-bottom:1px solid #ffffff25;padding-bottom:22px}.space-caption h3{font-size:23px;font-weight:400;letter-spacing:-.04em;margin-bottom:10px}.space-caption p{font-size:10px;color:#b0b7a9;line-height:1.7}.philosophy{background:#dde4ce;color:#253220;padding:110px 8.2%;display:grid;grid-template-columns:1fr 1fr;gap:9%;overflow:hidden}.philosophy-drawing{position:sticky;top:160px;align-self:start;margin-top:90px;position:relative;color:#7a8b65}.philosophy-drawing svg{width:115%;max-width:none;margin-left:-7.5%;animation:diagram-float 9s ease-in-out infinite}.philosophy-drawing svg .draw-one{stroke-dasharray:2400;animation:draw 14s linear infinite}.philosophy-drawing svg .draw-two{opacity:.65;stroke-dasharray:1700;animation:draw 14s linear infinite reverse}@keyframes draw{0%,10%{stroke-dashoffset:2400}60%,100%{stroke-dashoffset:0}}@keyframes diagram-float{50%{transform:translateY(-14px) rotate(3deg)}}.philosophy-drawing span{display:block;text-align:center;font-size:9px;letter-spacing:.15em}.philosophy-copy h2{font-size:clamp(40px,4.5vw,70px);font-weight:400;line-height:1.4;letter-spacing:-.065em;margin-top:34px;margin-bottom:70px}.attitude-list article{display:flex;gap:30px;border-top:1px solid #25322040;padding:28px 0}.attitude-list article>span{font-size:10px;padding-top:7px}.attitude-list h3{font-size:21px;font-weight:400;letter-spacing:-.04em;margin-bottom:14px}.attitude-list p{font-size:12px;line-height:1.9;color:#58634f}.contact{padding:135px 8.2% 65px}.contact>.eyebrow{color:#aab69a}.contact-main{display:flex;justify-content:space-between;align-items:center;gap:30px;margin-top:50px;margin-bottom:90px}.contact h2{font-size:clamp(38px,5.7vw,90px);font-weight:400;letter-spacing:-.065em;line-height:1.35}.contact h2 span{color:#b7c798}.contact-orbit{height:165px;width:165px;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;flex-shrink:0;gap:12px}.contact-orbit svg{position:absolute;inset:0;width:100%;height:100%;fill:none;stroke:#aabd8c;stroke-dasharray:3 4;animation:orbit 30s linear infinite}.contact-orbit span{font-size:10px}.contact-orbit b{font-size:35px;font-weight:400;transition:transform .5s}.contact-orbit:hover b{transform:translate(7px,-7px)}@keyframes orbit{to{transform:rotate(360deg)}}.contact-details{display:flex;gap:30px;justify-content:space-between;font-size:12px}.contact-details span{color:#919a87;font-size:10px}.site-footer{border-top-color:#ffffff25}.motion-control:hover{background:#293720}.paused .hero-scroll{height:100svh}.paused .hero-copy,.paused .hero-meta,.paused .hero-line{opacity:1!important;transform:none!important}.paused .hero-end{display:none}.paused .hero-photo{clip-path:none!important}.paused .project-reel{height:auto}.paused .reel-sticky{position:relative;height:auto}.paused .reel-scene{position:relative;height:85svh;min-height:580px;opacity:1!important;pointer-events:auto!important}.paused .scene-image{transform:none!important}.paused .reel-nav,.paused .reel-scroll{display:none}
@media(min-width:1700px){.hero-copy{top:29%}.hero-bottom{margin-top:45px}}@media(max-width:1000px){.hero-copy h1{font-size:9vw}.hero-meta>span:last-child{display:none}.hero-copy{top:29%}.opening-footer{grid-template-columns:.6fr 1.5fr 1fr}.reel-nav{gap:16px}.reel-nav b{display:none}.philosophy{gap:4%}.attitude-list article{gap:18px}.contact-details{flex-wrap:wrap}}
@media(max-width:760px){.hero-scroll{height:155svh}.hero-sticky{min-height:650px}.hero-line{inset:106px 6% 96px}.hero-copy{left:10%;right:10%;top:28%}.hero-kicker{font-size:8px;letter-spacing:.1em;margin-bottom:30px}.hero-copy h1{font-size:10.7vw;line-height:1.4;letter-spacing:-.08em}.hero-copy h1 span+span{margin-left:0}.hero-photo img{object-position:55% center}.hero-bottom{margin-top:30px;align-items:end}.hero-bottom p{font-size:11px;line-height:1.9}.circle-link{gap:0}.circle-link span{display:none}.circle-link b{width:46px;height:46px;font-size:19px}.hero-meta{left:10%;right:10%;bottom:70px;font-size:7px;letter-spacing:0}.hero-meta a{gap:10px}.hero-end{font-size:7vw}.opening{padding:70px 8% 58px}.opening h2{font-size:8.1vw;margin:35px 0 32px;line-height:1.5}.opening-footer{grid-template-columns:1fr;gap:24px;padding-top:30px}.oversized-and{display:none}.opening-footer p{font-size:12px}.opening-footer a{justify-self:start;gap:55px}.works-heading{padding:75px 8% 45px;gap:22px;grid-template-columns:1fr}.works-heading h2{font-size:10vw}.works-intro{justify-self:start;font-size:11px;margin-top:10px}.project-reel{height:325svh}.reel-sticky{min-height:620px}.scene-copy{left:8%;top:27%}.scene-copy h3{font-size:21vw;margin-top:20px}.scene-copy p{font-size:13px}.scene-word{left:8%;bottom:115px;font-size:14vw}.reel-nav{left:8%;right:8%;bottom:80px;justify-content:space-between;gap:12px}.reel-nav button{gap:9px;font-size:9px}.reel-nav b{display:block;font-size:9px}.reel-nav i{width:10px}.reel-nav button[aria-pressed=true] i{width:23px}.reel-scroll{top:35px;right:8%;font-size:8px}.line-button{margin-top:35px;font-size:11px;gap:70px}.scene-scrim{background:linear-gradient(90deg,#0007,#0001),linear-gradient(0deg,#11150fee,#11150f00)}.scene-image{object-position:58% center}.more-spaces{padding:75px 8% 85px}.more-title{display:block;margin-bottom:40px}.more-title h2{font-size:9vw;margin-top:25px}.more-grid{grid-template-columns:1fr;gap:45px}.space-card:nth-child(n){margin:0}.space-image{aspect-ratio:1.12}.space-caption{padding-top:18px}.space-caption h3{font-size:23px}.space-caption p{font-size:11px}.philosophy{padding:72px 8%;display:flex;flex-direction:column-reverse;gap:20px}.philosophy-copy h2{font-size:10.5vw;margin:26px 0 38px}.attitude-list article{padding:25px 0;gap:20px}.attitude-list p{font-size:11px}.attitude-list h3{font-size:21px}.philosophy-drawing{margin:0;top:auto;width:76%;align-self:center}.philosophy-drawing svg{width:100%;margin:0}.contact{padding:75px 8% 50px}.contact>.eyebrow{font-size:7px}.contact-main{margin:35px 0 48px;align-items:start;gap:10px;flex-direction:column}.contact h2{font-size:9vw;line-height:1.5}.contact-orbit{width:100px;height:100px;margin-top:20px;align-self:end}.contact-orbit b{font-size:26px}.contact-orbit span{font-size:8px}.contact-details{gap:20px;font-size:11px;flex-direction:column}.contact-details span{font-size:9px}.paused .hero-scroll{height:100svh;min-height:650px}}
/* Reading-size refinement. */
.hero-bottom p,.opening-footer p,.works-intro,.attitude-list p{font-size:14px}.space-caption p{font-size:12px}.contact-details{font-size:14px}
@media(max-width:760px){.hero-bottom p{font-size:13px}.opening-footer p,.works-intro,.attitude-list p{font-size:14px}.space-caption p{font-size:13px}.contact-details{font-size:14px}.scene-copy p{font-size:15px}.line-button{font-size:13px}.contact-orbit span{font-size:10px}}
/* Final reading scale. */
.hero-bottom p,.opening-footer p,.works-intro,.attitude-list p{font-size:16px}.hero-kicker{font-size:12px}.hero-meta{font-size:11px}.circle-link,.opening-footer a,.line-button{font-size:15px}.space-caption p{font-size:15px}.contact-details,.contact-details span{font-size:15px}.reel-nav button,.reel-nav b{font-size:12px}.reel-scroll{font-size:11px}.contact-orbit span{font-size:13px}.philosophy-drawing span{font-size:11px}.site-footer{font-size:14px}
@media(max-width:760px){.hero-kicker{font-size:11px;letter-spacing:.06em}.hero-bottom p,.opening-footer p,.works-intro,.attitude-list p{font-size:16px}.hero-bottom{gap:15px}.hero-meta{font-size:11px;left:8%;right:8%;bottom:68px;flex-wrap:wrap;gap:10px}.hero-meta a{gap:8px}.opening-footer a,.line-button{font-size:15px}.works-intro{line-height:1.9}.scene-copy p{font-size:16px}.space-caption p{font-size:15px}.attitude-list article>span{font-size:12px}.attitude-list article{gap:15px}.attitude-list p{line-height:1.85}.attitude-list h3{font-size:24px}.contact>.eyebrow{font-size:11px}.contact-details,.contact-details span{font-size:15px}.contact-orbit{width:120px;height:120px}.contact-orbit span{font-size:12px}.reel-nav button,.reel-nav b{font-size:12px}.reel-scroll{font-size:11px}.reel-nav{gap:9px}.reel-nav button{gap:6px}.reel-nav button[aria-pressed=true] i{width:16px}.site-footer{font-size:14px}}
/* Motion edition: outside → inside, moving gallery, line → built space. */
.hero-scroll{height:230svh}.hero-photo{clip-path:none;transform:scale(var(--hero-scale,1));filter:brightness(var(--hero-bright,1));will-change:transform}.hero-photo img{animation:hero-breathe 12s ease-in-out infinite alternate}.hero-copy{transform:translate(var(--hero-x,0px),var(--hero-y,0px))}.hero-copy h1 span+span{transform:translateX(var(--hero-line-x,0px));animation:type-up 1.2s both cubic-bezier(.2,.7,.2,1)}.hero-interior{position:absolute;inset:0;clip-path:circle(var(--interior-clip,0%) at 62% 48%);z-index:1;pointer-events:none;will-change:clip-path}.hero-interior>img{width:100%;height:100%;object-fit:cover;transform:scale(var(--interior-scale,1.4));will-change:transform}.hero-interior>div{position:absolute;inset:0;background:linear-gradient(0deg,#0d150fe0,#0d150f25 80%)}.hero-line,.hero-copy,.hero-meta{z-index:3}.hero-end{z-index:4;font-size:clamp(38px,5.5vw,92px);letter-spacing:-.065em;align-items:start;padding:0 8.2%;text-shadow:0 2px 25px #0003}.hero-end strong{font-weight:400;color:#e2ebce}.hero-aperture{position:absolute;z-index:2;left:50%;top:50%;width:var(--aperture-width,32vw);height:var(--aperture-height,50vh);transform:translate(-50%,-50%) rotate(var(--aperture-rotate,0deg));opacity:var(--aperture-opacity,.45);pointer-events:none;transition:opacity .1s}.hero-aperture i{position:absolute;width:70px;height:70px;border-color:#e9f4d6;border-style:solid}.hero-aperture i:nth-child(1){top:0;left:0;border-width:1px 0 0 1px}.hero-aperture i:nth-child(2){top:0;right:0;border-width:1px 1px 0 0}.hero-aperture i:nth-child(3){bottom:0;left:0;border-width:0 0 1px 1px}.hero-aperture i:nth-child(4){bottom:0;right:0;border-width:0 1px 1px 0}.hero-aperture span{position:absolute;top:-24px;font-size:10px;letter-spacing:.15em;left:0}.hero-progress{position:absolute;z-index:5;right:4.3%;top:50%;writing-mode:vertical-rl;display:flex;align-items:center;gap:16px;font-size:9px;letter-spacing:.12em;opacity:var(--hero-end,0)}.hero-progress i{height:90px;width:2px;background:linear-gradient(to bottom,#d9ebba calc(var(--hero-p,0)*100%),#ffffff3b 0)}.opening{background:rgb(var(--opening-bg,236 238 229));color:rgb(var(--opening-text,35 41 30));transition:none}.opening h2{transform:translateX(var(--opening-x,0px))}.opening h2 span{color:inherit;opacity:.6}.project-reel{height:calc(100svh + var(--reel-travel,1800px))}.reel-sticky{background:#11150f;overflow:hidden}.reel-track{position:absolute;top:9svh;bottom:10svh;left:0;display:flex;gap:4vw;width:max-content;padding:0 7vw;transform:translate3d(var(--track-x,0px),0,0);will-change:transform}.reel-scene{position:relative;inset:auto;width:84vw;height:100%;flex:0 0 84vw;opacity:1!important;pointer-events:auto;overflow:hidden;border-radius:var(--scene-radius,2px);transform:perspective(1600px) rotateY(var(--card-turn,0deg));transition:none;will-change:transform}.scene-image{transform:scale(1.09) translateX(var(--image-pan,0px));will-change:transform}.scene-copy{left:7%;top:22%}.scene-copy h3{font-size:clamp(75px,9vw,150px)}.scene-word{font-size:12vw;bottom:25px;left:7%;-webkit-text-stroke-color:#ffffff3a}.reel-scroll{top:25px;right:7%;writing-mode:horizontal-tb;display:flex;gap:15px}.reel-nav{bottom:19px;right:7%}.reel-nav i{width:50px;background:#ffffff40;position:relative;overflow:hidden}.reel-nav i:after{content:'';position:absolute;inset:0;background:#d9ebba;transform-origin:left;transform:scaleX(var(--nav-p,0));transition:none}.reel-nav button[aria-pressed=true] i{width:80px}.space-transition{height:230svh;background:#d6e1c1;color:#253620;position:relative}.transition-sticky{height:100svh;min-height:690px;position:sticky;top:0;overflow:hidden}.transition-grid{position:absolute;inset:0;background-image:linear-gradient(#405c3320 1px,transparent 1px),linear-gradient(90deg,#405c3320 1px,transparent 1px);background-size:45px 45px;transform:perspective(800px) rotateX(var(--grid-tilt,0deg)) scale(1.2);opacity:calc(1 - var(--transition-photo,0))}.transition-intro{position:absolute;left:8%;top:9%;z-index:1;opacity:var(--line-opacity,1)}.transition-intro h2{font-size:clamp(33px,4vw,64px);line-height:1.4;letter-spacing:-.065em;font-weight:400;margin-top:20px}.transition-intro h2 span{color:#6a7f53}.concept-drawing{position:absolute;left:18%;right:2%;top:11%;bottom:2%;color:#33532b;transform:translateX(var(--draw-x,0px)) scale(var(--draw-scale,.9));opacity:var(--line-opacity,1)}.concept-drawing svg{width:100%;height:90%;overflow:visible}.plan-lines path{stroke-dasharray:1;stroke-dashoffset:var(--draw-progress,1)}.plan-details{opacity:var(--detail-opacity,.15)}.concept-drawing>span{display:block;position:absolute;bottom:5%;right:7%;font-size:12px}.transition-photo{position:absolute;inset:0;clip-path:inset(var(--photo-clip,100%) 0 0);pointer-events:none;z-index:3;will-change:clip-path}.transition-photo>img{width:100%;height:100%;object-fit:cover;transform:scale(var(--built-scale,1.3));will-change:transform}.transition-photo>div:not(.transition-result){position:absolute;inset:0;background:linear-gradient(0deg,#11150fec,#11150f00 90%)}.transition-result{position:absolute;left:8%;bottom:15%;color:#f4f6ed;opacity:var(--result-opacity,0);transform:translateY(var(--result-y,40px))}.transition-result h3{font-size:clamp(38px,5vw,80px);font-weight:400;letter-spacing:-.065em;margin-top:18px}.transition-photo.shown{pointer-events:auto}.transition-bottom{position:absolute;bottom:35px;left:8%;right:8%;display:flex;align-items:center;justify-content:space-between;gap:30px;font-size:10px;letter-spacing:.08em;z-index:4;color:var(--transition-ink,#253620)}.transition-bottom i{flex:1;height:1px;background:currentColor;transform-origin:left;transform:scaleX(var(--transition-p,0))}.more-title{transform:translateX(var(--more-x,0px))}.philosophy-drawing svg{animation:none;transform:rotate(var(--diagram-rotation,0deg)) scale(var(--diagram-scale,1))}.philosophy-drawing svg .draw-one,.philosophy-drawing svg .draw-two{animation:none;stroke-dashoffset:var(--diagram-dash,0)}
.paused .hero-scroll{height:100svh}.paused .hero-interior,.paused .hero-aperture,.paused .hero-progress{display:none}.paused .hero-photo{transform:none;filter:none}.paused .reel-track{position:relative;top:auto;bottom:auto;display:flex;flex-direction:column;gap:30px;width:100%;padding:30px 7%;transform:none}.paused .reel-scene{width:100%;flex-basis:auto;transform:none}.paused .reel-sticky{height:auto}.paused .space-transition{height:auto}.paused .transition-sticky{height:auto;min-height:0;position:relative;padding:70px 8%}.paused .transition-intro{position:relative;top:auto;left:auto;opacity:1}.paused .concept-drawing{position:relative;inset:auto;transform:none;opacity:1;margin-top:30px;height:420px}.paused .plan-lines path{stroke-dashoffset:0}.paused .concept-drawing>span{right:0;bottom:0}.paused .transition-photo{position:relative;height:600px;clip-path:none;pointer-events:auto;margin-top:40px}.paused .transition-photo>img{transform:none}.paused .transition-result{opacity:1;transform:none}.paused .transition-bottom,.paused .transition-grid{display:none}.paused .opening h2,.paused .more-title,.paused .philosophy-drawing svg{transform:none!important}
@media(max-width:760px){.hero-scroll{height:205svh}.hero-sticky{min-height:690px}.hero-end{font-size:9vw;line-height:1.5;padding:0 8%}.hero-copy{top:27%}.hero-aperture{width:var(--aperture-width,50vw);height:var(--aperture-height,38vh)}.hero-aperture i{width:35px;height:35px}.hero-aperture span{font-size:8px}.hero-progress{right:4%;font-size:8px;gap:12px}.hero-progress i{height:65px}.opening h2{transform:none!important}.project-reel{height:auto!important}.reel-sticky{height:auto;min-height:0;position:relative;padding-bottom:0}.reel-track{position:relative;inset:auto;display:flex;flex-direction:column;width:100%;gap:28px;padding:0 5%;transform:none!important}.reel-scene{position:relative;width:100%;height:78svh;min-height:570px;flex:0 0 auto;transform:scale(var(--mobile-card-scale,.93));clip-path:inset(var(--mobile-card-clip,0%) 0);border-radius:2px}.scene-copy{left:8%;top:25%}.scene-copy h3{font-size:20vw}.scene-image{transform:scale(var(--mobile-image-scale,1.08));object-position:57% center}.scene-word{bottom:55px;font-size:14vw}.reel-nav{display:none}.reel-scroll{position:relative;top:auto;right:auto;padding:28px 8%;justify-content:end;font-size:11px}.space-transition{height:205svh}.transition-sticky{min-height:710px}.transition-intro{top:9%;left:8%;right:8%}.transition-intro h2{font-size:8.5vw}.concept-drawing{inset:29% -15% 9% -12%;transform:scale(var(--draw-scale,1))}.concept-drawing svg{height:85%}.concept-drawing>span{font-size:11px;bottom:7%;right:20%;left:20%;text-align:center;line-height:1.7}.transition-result{left:8%;right:8%;bottom:18%}.transition-result h3{font-size:9vw;line-height:1.5}.transition-photo>img{object-position:55% center}.transition-bottom{bottom:70px;font-size:8px;gap:15px;left:8%;right:8%}.transition-bottom i{max-width:50px}.paused .hero-scroll{min-height:690px}.paused .reel-track{padding:0 5%;gap:28px}.paused .reel-scene{height:78svh;min-height:570px;clip-path:none}.paused .transition-sticky{padding:70px 8%}.paused .concept-drawing{height:300px;margin-left:-10%;margin-right:-10%}.paused .concept-drawing>span{left:5%;right:5%}.paused .transition-photo{height:550px;margin-left:-9.5%;margin-right:-9.5%}.more-title{transform:none!important}}