/* OPTION D: Kinetic speed (B) with Silk fades (C). Quick letter stagger, tilt, scroll-speed marquee; blur-fade reveals, smooth scroll. */
html.lenis,html.lenis body{height:auto}
.lenis.lenis-smooth{scroll-behavior:auto!important}
.js .home-hero h1,.js .work-hero h1,.js .about-hero h1,.js .proj-hero h1,.js .form-hero,.js h1.display,.js .people-hero h1{opacity:1}
.head-in{animation:none!important}
.aw{display:inline-block;white-space:nowrap}
.ac{display:inline-block;opacity:0;transform:translateY(.4em);  transition:opacity .5s cubic-bezier(.16,1,.3,1),transform .6s cubic-bezier(.16,1,.3,1);transition-delay:calc(var(--i)*14ms)}
.split-in .ac{opacity:1;transform:none}
.reveal{opacity:0;transform:translateY(28px);
  transition:opacity .6s cubic-bezier(.16,1,.3,1),transform .7s cubic-bezier(.16,1,.3,1)}
.reveal.in{transform:none}
.b-blur{opacity:0;transition:opacity .6s ease}
.b-blur.b-in{opacity:1}
.tilting{transition:transform .12s ease-out!important;will-change:transform}
.tilt-out{transition:transform .8s cubic-bezier(.16,1,.3,1)!important}
.tilt-glare{position:absolute;inset:0;pointer-events:none;z-index:2;opacity:0;transition:opacity .4s;
  background:radial-gradient(circle at var(--gx,50%) var(--gy,50%),rgba(245,190,66,.24),transparent 55%)}
.tilting>.tilt-glare{opacity:1}
.work-item img,.card img,.img-link img,.rcard-img img{transition:transform 1.2s cubic-bezier(.16,1,.3,1)}
.site-header{transition:transform .5s cubic-bezier(.16,1,.3,1),border-color .3s}
.site-header.hide-up{transform:translateY(-110%)}
.nav-links a .nl-inner{background:linear-gradient(#f5be42,#f5be42) 0 100%/0 1px no-repeat;transition:background-size .45s cubic-bezier(.16,1,.3,1)}
.nav-links a:hover .nl-inner{background-size:100% 1px}
.page-wipe{background:#0a0a0a!important}
.page-wipe.anim{transition:transform .36s cubic-bezier(.76,0,.24,1)!important}
@media (prefers-reduced-motion:reduce){.ac{opacity:1;transform:none}.b-blur{opacity:1}}