.s-work{--height:400vh;--scroll-progress:0;z-index:2;height:var(--height);background:#c8b8a0;position:relative}.s-work:before{content:"";z-index:2;background:#1a1a1a;width:100%;height:1px;position:absolute;top:0;left:0}.s__outer{height:var(--height);clip-path:inset(0 -1rem);position:relative}.s__inner{color:#c8b8a0;clip-path:inset(0 1rem);will-change:clip-path,transform;background:#1a1a1a;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.s__mask-outer{pointer-events:none;width:100%;height:100vh;position:sticky;top:0;left:0;overflow:hidden}.s__mask{will-change:scale,transform;width:100%;height:100%;position:absolute;top:0;left:0}.s__ruler{--width:min(16.6667%,19.625rem);top:10vh;left:calc(50% - var(--width)/2);width:var(--width);pointer-events:none;height:80vh;position:absolute}.s__title{opacity:0;word-break:break-all;width:.7em;font:700 min(18.75rem,25vh)/1 var(--font-brier),serif;text-align:center;text-transform:uppercase}.s__title__inner{flex-direction:column;justify-content:center;align-items:center;margin:.075em 0 -.125em;line-height:.85;display:flex}.s__scene{--state:0;z-index:2;perspective:40rem;width:100%;height:100%;font:700 min(18.75rem,25vh)/1 var(--font-brier),serif;text-align:center;text-transform:uppercase;will-change:transform;position:absolute;top:0;left:0}.s__scene__letter{--head:calc((var(--progress,.5) - .5)*-2);--ahead:calc(var(--head)*var(--head));color:#c8b8a0;transform:rotateY(calc(var(--head)*-10deg*var(--state)))translate3d(calc(var(--head)*50vw*var(--state)),calc(var(--iy,0)*50%*var(--ahead)*var(--state)),0);pointer-events:none;will-change:transform;line-height:.85;display:block;position:absolute;top:0;left:0}.s__scene__letter:before{content:attr(data-letter);z-index:-1;color:#32281ecc;opacity:min(calc(var(--state)*2),1);transform:scale(1.05,1.02)translate3d(calc(var(--head)*.1rem*var(--state)*var(--state)),0,0);transform-origin:calc(50% - var(--head)*50%)-50%;will-change:opacity,transform;position:absolute;top:0;left:0}.s__scene__work{--progress:1;--size:1;--y:0;z-index:2;transform:rotateY(calc(var(--progress)*-20deg))translate3d(calc(var(--progress)*(50vw + 100%) - 50%),calc(var(--y)*50% - 50%),calc(var(--progress)*var(--progress)*-5rem))scale(var(--size));will-change:transform;transform-style:preserve-3d;position:absolute;top:50%;left:50%}.a__inner{margin:0;padding:0;display:block}.a__link{text-decoration:none;display:block}.a__video{background:0 0;width:auto;min-width:350px;max-width:50vw;height:auto;min-height:200px;max-height:50vh;display:block}@media (max-width:767px){.a__video{min-width:280px;max-width:80vw;min-height:160px;max-height:80vh}}.a__caption{color:#1a1a1a;letter-spacing:.15em;text-transform:uppercase;background:#c8b8a0;flex-direction:row;justify-content:space-between;align-items:center;padding:.5rem;font:700 11px/1 monospace;display:flex}@media (max-width:767px){.a__caption{display:none}}.s__canvas{z-index:1;width:100%;height:100%;position:absolute;top:0;left:0}