.preloader{--preloader-item:clamp(120px, 20vh, 240px);z-index:50;background:var(--bg);transition:background-color .4s;position:fixed;inset:0;overflow:hidden}.preloader__list{will-change:transform;width:100%;margin:0;padding:0;list-style:none;position:absolute;top:0;left:0}.preloader__item{height:var(--preloader-item);place-items:center;display:grid}.preloader__name{letter-spacing:-.02em;text-transform:uppercase;white-space:nowrap;color:var(--fg);will-change:transform, opacity, filter;font-size:clamp(2.6rem,5.4vw,7rem);font-weight:500;line-height:1;display:inline-block}.preloader__item--logo .preloader__logo-img{will-change:transform, opacity, filter;width:auto;height:clamp(44px,6.5vh,68px);display:block}.preloader__logo-img,.site-logo img{view-transition-name:site-logo}::view-transition-old(root),::view-transition-new(root),::view-transition-group(site-logo){animation-duration:.55s;animation-timing-function:cubic-bezier(.65,0,.35,1)}.hero{--hero-bg:var(--bg);--hero-fg:var(--fg);--slot:clamp(150px, 19vh, 300px);--title-size:clamp(3.2rem, 5.9vw, 8.5rem);--title-weight:500;--focus-range:.34;--title-blur-max:13px;--image-blur-max:6px;--title-opacity-min:.42;--image-opacity-min:.5;--flow-rows:1;--image-shift-x:9vw;--title-shift-x:12vw;--title-scale-min:.86;--image-scale-min:.78;--image-scale-peak:1.02;--image-grow-y:2.5;--active-pop-rows:.45;--drag-multiplier:.65;--drag-max-speed:1.8;--fold-max:55;--fold-range:1.05;--fold-depth:60;--fold-perspective:1400px;background:var(--hero-bg);color:var(--hero-fg);-webkit-user-select:none;user-select:none;transition:background-color .4s,color .4s;position:relative}.hero__stage{position:relative}.hero.is-ready .hero__stage{cursor:grab;height:100dvh;position:sticky;top:0;overflow:hidden}.hero.is-ready.is-dragging .hero__stage{cursor:grabbing}.hero__track{gap:8vh;margin:0;padding:10vh 0 12vh;list-style:none;display:grid}.hero.is-ready .hero__track{perspective:var(--fold-perspective);padding:0;display:block;position:absolute;inset:0}.hero__probe{height:var(--slot);visibility:hidden;pointer-events:none;position:absolute}.project{--media-left:var(--m-left);--media-w:var(--m-w);--media-h:var(--m-h);--title-x:var(--t-x);height:var(--slot);position:relative}.hero.is-ready .project{will-change:transform;width:100%;position:absolute;top:0;left:0}.project__inner{width:100%;height:100%;position:relative}.project__link{z-index:1;-webkit-user-drag:none;display:block;position:absolute;inset:0}.project__link:focus-visible{outline:1px solid var(--hero-fg);outline-offset:6px}.project__media{left:var(--media-left);width:var(--media-w);height:var(--media-h);margin-top:calc(var(--media-h) / -2);will-change:transform, opacity, filter;position:absolute;top:50%}.project__image{background-color:var(--project-color);width:100%;height:100%;overflow:hidden}.project__image img{object-fit:cover;user-select:none;-webkit-user-drag:none;width:100%;height:100%;display:block}.project__title{left:var(--title-x);font-size:var(--title-size);font-weight:var(--title-weight);letter-spacing:-.02em;text-transform:uppercase;white-space:nowrap;color:var(--hero-fg);margin:0;line-height:1;position:absolute;top:50%;transform:translateY(-50%)}.project.is-active .project__title{text-transform:none}.project__title-text{will-change:transform, opacity, filter;display:inline-block}.hero__indicator{background:var(--hero-fg);z-index:2;pointer-events:none;width:clamp(44px,4.4vw,92px);height:2px;margin-top:-1px;position:absolute;top:50%;left:clamp(14px,1vw,22px)}@media (width<=860px){.hero{--slot:clamp(120px, 16.5vh, 220px);--title-size:clamp(2rem, 10.5vw, 3.6rem);--image-shift-x:5vw;--title-shift-x:8vw}.hero__indicator{width:34px;left:12px}.project{--media-left:calc(var(--m-left) * .35);--media-w:min(calc(var(--m-w) * 1.6), 76vw);--media-h:calc(var(--m-h) * .85);--title-x:30vw}}@media (prefers-reduced-motion:reduce){.hero{--title-blur-max:6px;--image-blur-max:3px;--fold-max:0;--fold-depth:0}.project,.project__media,.project__title-text{will-change:auto}}.hero.is-loading .project__inner,.hero.is-loading .hero__indicator,.hero.is-loading .site-menu-wrap,.hero.is-armed .project__inner,.hero.is-armed .hero__indicator,.hero.is-armed .site-menu-wrap{visibility:hidden}