#scene-fallback{position:absolute;inset:0;width:100%;height:100%;opacity:.95;pointer-events:none}.hero h1{font-size:clamp(62px,8.3vw,160px);letter-spacing:-.065em}.hero-shade{background:linear-gradient(90deg,#1114,transparent 55%),linear-gradient(0deg,#111,transparent 25%)}
.header{background:linear-gradient(#111d,#1110)}.hero-top{font-size:11px}.project{align-items:flex-start}.project-inner{padding-top:112px}.work-heading h2 sup{letter-spacing:0}.statement{--cut:0%;clip-path:polygon(0 var(--cut),100% 0,100% 100%,0 100%)}.statement h2{transform:translate3d(calc(var(--statement-p,0)*-22px),0,0)}.services{clip-path:polygon(0 var(--service-cut,0%),100% 0,100% 100%,0 100%)}.service-visual{position:sticky;top:110px;height:470px;align-self:start}.about .section-label{margin-bottom:55px}
@media(max-width:700px){.hero h1{font-size:11.8vw}.hero-top{top:22%;font-size:9px}.hero h1{top:35%}#scene-fallback{opacity:.6}.hero-shade{background:linear-gradient(0deg,#111,transparent 60%)}.hero-bottom{bottom:8%}.project-inner{padding-top:45px}.service-visual{position:relative;top:auto;height:330px}.statement h2{transform:none}.hero-line{padding-right:0}}
@media(prefers-reduced-motion:reduce){.statement,.services{clip-path:none!important}.statement h2{transform:none!important}}
html.motion-paused .statement,html.motion-paused .services{clip-path:none!important}
.statement h2>span:not(.red),.services h2>span{color:#77776f}
.statement h2,.services h2,.about h2,.project-title h3{letter-spacing:-.055em}
@media(min-width:701px){.project-screen img{height:clamp(260px,44vh,510px)}}