/* Progressive, dependency-free depth effects. Original layout is the fallback. */
.motion-toggle{position:absolute;right:3.3%;top:82px;z-index:4;color:var(--paper);background:#18231955;border:1px solid #f4f2eb65;border-radius:30px;backdrop-filter:blur(8px);padding:10px 15px;display:flex;gap:18px;align-items:center;font-size:10px;letter-spacing:.6px}
.motion-toggle[hidden]{display:none}
.inline-film{background:#20271e;scroll-margin-top:30px}
.inline-film::after{display:none}
.inline-video{display:block;width:100%;height:100%;object-fit:contain;background:#20271e}
.inline-credit{font-size:10px;line-height:1.8;color:var(--muted);margin-top:12px}
.inline-credit a{text-decoration:underline;text-underline-offset:3px}
.motion-disabled *, .motion-disabled *::before, .motion-disabled *::after{animation:none!important;transition:none!important}
.motion-disabled .project-image:hover img,.motion-disabled .button:hover{transform:none}
.motion-disabled .reveal{opacity:1;transform:none}
.motion-toggle:hover{background:#182319a0}
.depth-lines{display:none;pointer-events:none}
html.depth-ready{--depth-scroll:0;--depth-x:0;--depth-y:0;--depth-frame:0px}
.depth-ready .hero{isolation:isolate;perspective:1200px;clip-path:inset(var(--depth-frame) round 3px);transform:translateZ(0)}
.depth-ready .hero-image{animation:none;inset:-7%;width:114%;height:114%;transform:translate3d(calc(var(--depth-x) * -12px),calc(var(--depth-scroll) * 105px + var(--depth-y) * -9px),-25px) scale(calc(1.035 - var(--depth-scroll) * .025));will-change:transform}
.depth-ready .hero-shade{z-index:1}
.depth-ready .hero-content{z-index:2;transform:translate3d(calc(var(--depth-x) * 15px),calc(-50% - var(--depth-scroll) * 65px + var(--depth-y) * 10px),65px);transform-style:preserve-3d}
.depth-ready .hero-content h1{text-shadow:0 12px 55px #0c170e35}
.depth-ready .hero-top,.depth-ready .hero-bottom,.depth-ready .hero-index{z-index:3}
.depth-ready .depth-lines{display:block;position:absolute;inset:12% 9% 15% 47%;z-index:2;transform-style:preserve-3d;transform:translate3d(calc(var(--depth-x) * 23px),calc(var(--depth-scroll) * -45px + var(--depth-y) * 16px),30px) rotateY(calc(-14deg + var(--depth-x) * 5deg)) rotateX(calc(var(--depth-y) * -4deg));opacity:calc(.65 - var(--depth-scroll) * .35)}
.depth-lines span{position:absolute;inset:0;border:1px solid #f4f2eb60;box-shadow:0 0 30px #14201808}
.depth-lines span:nth-child(2){inset:9%;transform:translateZ(-70px)}
.depth-lines span:nth-child(3){inset:18%;transform:translateZ(-140px)}
.depth-ready .project{perspective:1100px}
.depth-ready .project-image{--tilt-x:0deg;--tilt-y:0deg;--card-lift:0px;transform:rotateX(var(--tilt-x)) rotateY(var(--tilt-y)) translateY(var(--card-lift));transition:transform .55s cubic-bezier(.2,.7,.2,1),box-shadow .55s;transform-style:preserve-3d;box-shadow:0 18px 35px -25px #1a281d55}
.depth-ready .project-image.is-tilting{transition:transform .12s linear,box-shadow .4s;box-shadow:0 30px 45px -22px #1a281d65}
.depth-ready .project-image:focus-visible{--card-lift:-5px}
.depth-ready .perspective>img{height:126%;position:absolute;inset:-13% 0;transform:translate3d(0,var(--image-drift,0px),0) scale(1.02)}
.depth-ready .perspective-content{transform:translate3d(0,var(--copy-drift,0px),0)}
.depth-ready .process-grid article{transition-delay:0s}
.depth-ready .process-grid article:nth-child(2){transition-delay:.12s}
.depth-ready .process-grid article:nth-child(3){transition-delay:.24s}
@media(max-width:760px){
  .motion-toggle{right:24px;top:57px;font-size:9px;padding:8px 12px;gap:12px}
  .depth-ready .depth-lines{inset:19% 9% 25% 54%;opacity:.35}
  .depth-ready .hero-content{transform:translate3d(0,calc(-50% - var(--depth-scroll) * 25px),0)}
  .depth-ready .hero-image{transform:translate3d(0,calc(var(--depth-scroll) * 45px),0) scale(1.025)}
}
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto!important}
  .depth-lines{display:none!important}
  .hero-image,.hero-content,.project-image,.perspective>img,.perspective-content{will-change:auto!important}
}