@property --w0{syntax:"<number>";inherits:true;initial-value:1}.hero{height:240svh;position:relative}.hero-stage{--L:47%;--R:6%;--T:15%;--B:13%;--hw:calc((100% - var(--L) - var(--R)) / 2);--q:clamp(0, calc(var(--p,0) / .72), 1);height:100svh;position:sticky;top:0;overflow:hidden}.hero-win{background:var(--well);clip-path:inset(calc((1 - var(--q)) * var(--T)) calc((1 - var(--q)) * (var(--R) + (1 - var(--w0)) * var(--hw))) calc((1 - var(--q)) * var(--B)) calc((1 - var(--q)) * (var(--L) + (1 - var(--w0)) * var(--hw))));position:absolute;inset:0}.js:not(.swapped) .hero-win,.js:not(.swapped) .ledge{animation:shutters 1.9s var(--ease-io) .2s both}@keyframes shutters{0%{--w0:0}}.hero-win img{object-fit:cover;object-position:62% 50%;width:100%;height:100%;scale:calc(1.1 - var(--q) * .1);transform-origin:78% 45%;position:absolute;inset:0}.hero-win .frost{opacity:clamp(0, calc(1 - var(--q) * 2.2), 1);display:none}@media (prefers-reduced-motion:no-preference){.js .hero-win .frost{display:block}}.mull{background:var(--bg);opacity:clamp(0, calc(1 - var(--q) * 2.4), 1);position:absolute}.mull.v{width:clamp(6px,.8vw,12px);top:0;bottom:0;left:calc(var(--L) + var(--hw));translate:-50%}.mull.h{height:clamp(6px,.8vw,12px);left:0;right:0;top:calc(var(--T) + (100% - var(--T) - var(--B)) * .36)}.ledge{left:calc(var(--L) - 1.2%);right:calc(var(--R) - 1.2%);top:calc(100% - var(--B));background:linear-gradient(var(--ink) 0 1px, color-mix(in oklab, var(--ink) 8%, transparent) 1px);height:10px;opacity:clamp(0, calc(.5 - var(--q) * 2), 1);scale:var(--w0) 1;position:absolute}.hero-copy{left:var(--gut);bottom:var(--B);width:calc(var(--L) - var(--gut) - 4vw);opacity:clamp(0, calc(1 - var(--q) * 1.7), 1);translate:0 calc(var(--q) * -14vh);justify-items:start;gap:1.1rem;display:grid;position:absolute}.hero-k{margin-bottom:.5rem}.hero-name{letter-spacing:-.035em;font-size:clamp(3.6rem,9.4vw,10.5rem);line-height:.84}.hero-name .sill{width:max-content;display:block}.hero-name .sill+.sill{margin-left:.45em}.hero-line{max-width:34ch;margin:.6rem 0 .4rem}.hero-act{flex-wrap:wrap;align-items:center;gap:1rem 1.5rem;display:flex}.hero-cap{right:var(--gut);color:oklch(100% 0 0/.92);text-shadow:0 1px 12px oklch(0% 0 0/.45);letter-spacing:.08em;opacity:clamp(0, calc((var(--q) - .75) * 4), 1);margin:0;position:absolute;bottom:1.25rem}.cue{opacity:clamp(0, calc(1 - var(--q) * 5), 1);justify-items:center;gap:.5rem;display:grid;position:absolute;bottom:1.1rem;left:50%;translate:-50%}.cue:after{content:"";background:linear-gradient(var(--ink-2), transparent);transform-origin:top;width:1px;height:2.5rem;animation:cue 2.4s var(--ease-io) infinite}@keyframes cue{0%{transform:scaleY(0)}50%{transform:scaleY(1)}to{opacity:0;transform:scaleY(1)}}@media (width<=819px){.hero{height:210svh}.hero-stage{--L:6%;--R:6%;--T:9%;--B:57%}.hero-win img{object-position:90% 50%}.hero-copy{left:var(--gut);right:var(--gut);gap:.7rem;width:auto;bottom:5.5rem}.hero-k{margin-bottom:0}.hero-name{font-size:clamp(3rem,15vw,5.5rem)}.hero-line{font-size:1rem}.cue{display:none}}@media (width<=819px) and (height<=700px){.hero-line{display:none}}.statement{gap:clamp(1.5rem,4vw,3rem);padding-block:clamp(5rem,14vw,11rem) clamp(4rem,10vw,8rem);display:grid}.st-grid{align-items:end;gap:clamp(2.5rem,6vw,5rem);display:grid}@media (width>=900px){.st-grid{grid-template-columns:minmax(0,8fr) minmax(0,4fr)}}.big{font:400 clamp(1.8rem, 3.5vw, 3.2rem)/1.14 var(--f-display);letter-spacing:-.02em;text-wrap:pretty;max-width:26ch;margin:0 0 2rem}.st-fig{margin:0}.st-fig .door{aspect-ratio:4/5}.work{padding-block:clamp(3rem,8vw,6rem)}.work-head{gap:1rem;margin-bottom:clamp(3rem,8vw,6rem);display:grid}.work-head h2{font-size:clamp(3rem,9vw,8.5rem);line-height:.9}.rooms{gap:clamp(5rem,13vw,11rem);margin-block:0;list-style:none;display:grid}.room-link{color:inherit;align-items:end;gap:clamp(1.25rem,3vw,2rem);text-decoration:none;display:grid}.room-door{aspect-ratio:var(--ar);width:100%;max-height:88svh}.room-door .par{inset:-6% 0}.room-txt{align-content:end;justify-items:start;gap:.35rem;display:grid}.room-n{font:italic 400 clamp(4rem, 9vw, 8rem)/.8 var(--f-display);color:var(--ink-2);letter-spacing:-.04em;opacity:.55;margin-bottom:.75rem}.room-t{font:400 clamp(2rem, 3.8vw, 3.6rem)/.98 var(--f-display);letter-spacing:-.02em;margin:0}.room-place{font:italic 400 clamp(1.1rem, 1.6vw, 1.4rem)/1.3 var(--f-display);color:var(--ink-2);margin:.2rem 0 .8rem}.room-txt .more{margin-top:1rem}.room-link:hover .more .ar{transform:translate(6px)}.room-link .room-t .rw{transition-property:transform,letter-spacing}@media (hover:hover){.room-link:hover .room-t .rw{letter-spacing:.01em}}@media (width>=820px){.room-link{grid-template-columns:repeat(12,minmax(0,1fr));column-gap:clamp(1rem,2.5vw,2rem)}.room-door{grid-area:1/1/auto/span 8}.room-txt{grid-area:1/9/auto/-1;padding-bottom:1rem}.room.r .room-door{grid-column:5/-1}.room.r .room-txt{text-align:right;grid-column:1/span 4;justify-items:end}.room[style*="--ar:1/1"] .room-door,.room[style*="--ar:16/15"] .room-door{grid-column:1/span 6}.room.r[style*="--ar:1/1"] .room-door,.room.r[style*="--ar:16/15"] .room-door{grid-column:7/-1}.room.r[style*="--ar:1/1"] .room-txt,.room.r[style*="--ar:16/15"] .room-txt{grid-column:3/span 4}.room[style*="--ar:2/1"] .room-door{grid-column:1/span 9}.room[style*="--ar:2/1"] .room-txt{grid-column:10/-1}.room.r[style*="--ar:2/1"] .room-door{grid-column:4/-1}.room.r[style*="--ar:2/1"] .room-txt{grid-column:1/span 3}}.clients{padding-block:clamp(4rem,10vw,8rem) clamp(2rem,5vw,4rem)}.clients h2{margin-bottom:clamp(1.5rem,4vw,2.5rem);font-size:clamp(1.8rem,3.5vw,3rem)}.marquee{overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 10% 90%,#0000);mask-image:linear-gradient(90deg,#0000,#000 10% 90%,#0000)}.track{width:max-content;margin:0;padding:0;list-style:none;animation:70s linear infinite marquee;display:flex}.marquee:hover .track,.marquee:focus-within .track{animation-play-state:paused}@keyframes marquee{to{transform:translate(-50%)}}.track li{flex:none;place-items:center;height:6.6rem;padding-inline:clamp(1.5rem,3.5vw,3rem);display:grid}.track .card{place-items:center;height:100%;display:grid}.track img{object-fit:contain;filter:grayscale()contrast(1.1);mix-blend-mode:multiply;opacity:.72;width:auto;max-width:9rem;height:6.6rem;transition:opacity .4s}.track li:hover img{opacity:1}.track .wordmark{font:italic 400 1.5rem/1 var(--f-display);white-space:nowrap;color:var(--ink-2)}@media (prefers-reduced-motion:reduce){.track{flex-wrap:wrap;justify-content:center;width:auto;animation:none}.track .dup{display:none}.marquee{-webkit-mask-image:none;mask-image:none}.hero{height:auto}.hero-stage{--q:0;height:100svh;position:relative}}