.works-hero{margin-bottom:clamp(var(--space-6),8vh,96px)}.works-hero__stage{position:relative;width:100%;height:clamp(200px,26vw,420px);perspective:1400px;overflow:hidden;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none}.works-hero__stage.is-dragging{cursor:grabbing}.works-hero__scaler{position:absolute;inset:0;transform-style:preserve-3d}.works-hero__ring{position:absolute;top:50%;left:50%;width:0;height:0;transform-style:preserve-3d;will-change:transform}.works-hero__card{position:absolute;top:0;left:0;padding:0;border:0;background:0 0;transform-style:preserve-3d;cursor:pointer;transform:translate(-50%,-50%) rotateY(var(--ring-a)) translateZ(var(--ring-r))}.works-hero__card-inner{display:block;width:100%;height:100%;transform-style:preserve-3d;transform:translateZ(0);transition:transform .35s ease;will-change:transform;position:relative;overflow:hidden}@media (hover:hover) and (pointer:fine){.works-hero__card:hover .works-hero__card-inner{transform:translateZ(34px)}}.works-hero__card img{width:100%;height:100%;object-fit:contain;display:block;pointer-events:none;-webkit-user-drag:none}.works-hero__play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:32px;height:32px;border:1.5px solid var(--color-white);border-radius:50%;background:rgba(0,0,0,.25)}.works-hero__play::before{content:"";position:absolute;top:50%;left:54%;transform:translate(-50%,-50%);border-left:7px solid var(--color-white);border-top:5px solid transparent;border-bottom:5px solid transparent}.works__head{display:none}.works{padding-top:var(--space-4);padding-bottom:var(--space-4)}.works-hero{flex:1 1 auto;min-height:0;margin-bottom:0;display:flex;align-items:stretch}.works-hero__stage{position:fixed;inset:0;width:100vw;height:100vh;z-index:1;overflow:visible}@supports (height:100svh){.works-hero__stage{height:100svh}}.works__all,.works__all--less,.works__body{display:none}body.works-hero-locked .site-footer{display:none}@media (max-width:900px){.works-hero__card{transform:translate(-50%,-50%) rotateX(var(--ring-a)) translateZ(var(--ring-r))}}@media (prefers-reduced-motion:reduce){.works-hero__card-inner{transition:none}}.works{padding-top:clamp(var(--space-5),6vh,72px);padding-bottom:var(--space-7);display:flex;flex-direction:column;min-height:calc(100vh - var(--header-h-real,var(--header-height)))}.works__body{flex:1 1 auto}.works__head{margin-bottom:clamp(var(--space-6),8vh,96px)}.works__tabs{position:relative;display:grid;grid-template-columns:1fr auto 1fr;align-items:baseline;gap:clamp(var(--space-4),4vw,var(--space-6))}.works__tab:first-child{justify-self:end}.works__tab:nth-child(2){justify-self:center}.works__tab:nth-child(3){justify-self:start}.works__tab{position:relative;font-size:13px;letter-spacing:var(--tracking-caps);text-transform:uppercase;color:var(--color-gray-light);padding-bottom:6px;transition:color var(--duration-fast) var(--ease-standard)}.works__tab.is-active{color:var(--color-black)}.works__tab-indicator{position:absolute;bottom:0;left:0;height:1px;background:var(--color-black);width:0;transform:translateX(0);transition:transform .5s cubic-bezier(.22, 1, .36, 1),width .5s cubic-bezier(.22, 1, .36, 1);pointer-events:none}.works__body{position:relative}.works-grid{display:grid;grid-template-columns:repeat(3,1fr);column-gap:clamp(var(--space-4),4vw,72px);row-gap:clamp(var(--space-6),7vh,90px)}.works-grid[hidden]{display:none}.works-grid.is-entering .works-tile{animation:works-cascade .6s cubic-bezier(.16,1,.3,1) backwards;animation-delay:calc(var(--tile-i, 0) * .05s)}@keyframes works-cascade{from{opacity:0;transform:translateY(26px) scale(.98)}}.works-grid .works-tile:nth-child(n+4){display:none}.works-grid.is-all .works-tile:nth-child(n+4){display:flex}.works-grid.is-deploying .works-tile:nth-child(n+4){animation:works-cascade .6s cubic-bezier(.16,1,.3,1) backwards;animation-delay:calc((var(--tile-i, 0) - 3) * .05s)}.works-tile{display:flex;flex-direction:column;gap:var(--space-3);cursor:pointer;text-align:center}.works-tile__frame{position:relative;width:100%;aspect-ratio:3/2;display:flex;align-items:center;justify-content:center;overflow:hidden}.works-tile__img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;transition:transform .5s cubic-bezier(.22, 1, .36, 1)}.works-tile:hover .works-tile__img{transform:scale(1.03)}.works-tile__play{position:absolute;width:54px;height:54px;border:1.5px solid var(--color-white);border-radius:50%;background:rgba(0,0,0,.25);backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px)}.works-tile__play::before{content:"";position:absolute;top:50%;left:54%;transform:translate(-50%,-50%);border-left:12px solid var(--color-white);border-top:8px solid transparent;border-bottom:8px solid transparent}.works-tile__name{font-size:12px;letter-spacing:var(--tracking-caps);text-transform:uppercase;opacity:0;transform:translateY(4px);transition:opacity var(--duration-fast) var(--ease-standard),transform var(--duration-fast) var(--ease-standard)}@media (hover:hover) and (pointer:fine){.works-tile:focus-visible .works-tile__name,.works-tile:hover .works-tile__name{opacity:1;transform:translateY(0)}}@media (hover:none){.works-tile__name{opacity:1;transform:none}}.works__all{position:sticky;bottom:var(--space-2);z-index:calc(var(--z-header) - 1);align-self:flex-end;margin-right:clamp(var(--space-5),6vw,120px);width:max-content;padding:var(--space-2);font-size:11px;font-weight:600;letter-spacing:var(--tracking-caps);text-transform:uppercase;color:var(--color-gray-light);transition:color .25s ease}.works__all:hover{color:var(--color-black)}.works__all.is-hidden{display:none}.works-zoom{position:fixed;inset:0;z-index:var(--z-menu-overlay);display:flex;align-items:center;justify-content:center;padding:clamp(var(--space-5),6vw,96px);opacity:0;transition:opacity .35s var(--ease-standard)}.works-zoom[hidden]{display:none}.works-zoom.is-open{opacity:1}.works-zoom__backdrop{position:absolute;inset:0;background:rgba(0,0,0,.3);backdrop-filter:blur(14px) saturate(140%);-webkit-backdrop-filter:blur(14px) saturate(140%)}@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.works-zoom__backdrop{background:rgba(0,0,0,.88)}}.works-zoom__stage{position:relative;z-index:1;margin:0;width:min(1200px,88vw);height:82vh;display:flex;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;touch-action:pan-x;scrollbar-width:none}.works-zoom__stage::-webkit-scrollbar{display:none}.works-zoom__slide{flex:0 0 100%;height:100%;scroll-snap-align:center;scroll-snap-stop:always;display:flex;align-items:center;justify-content:center}.works-zoom__slide iframe,.works-zoom__slide img,.works-zoom__slide video{display:block;max-width:min(1200px,88vw);max-height:82vh;width:auto;height:auto;object-fit:contain}.works-zoom__slide video{background:#000}.works-zoom__slide iframe{width:min(1200px,88vw);aspect-ratio:16/9;height:auto;border:0}.works-zoom__scrollbar{position:absolute;left:50%;bottom:clamp(var(--space-4),4vh,var(--space-6));transform:translateX(-50%);z-index:2;width:120px;height:2px;background:rgba(255,255,255,.25);overflow:hidden;display:none}.works-zoom__scrollbar-thumb{position:absolute;left:0;top:0;height:100%;width:100%;background:var(--color-white);will-change:transform,width}.works-zoom__close{position:absolute;top:var(--space-4);right:var(--space-4);z-index:2;width:44px;height:44px;font-size:22px;line-height:1;color:var(--color-white);display:flex;align-items:center;justify-content:center}.works-zoom__nav{position:absolute;top:50%;transform:translateY(-50%);z-index:2;width:64px;height:64px;display:flex;align-items:center;justify-content:center;color:var(--color-white)}.works-zoom__nav--prev{left:clamp(var(--space-3),3vw,var(--space-6))}.works-zoom__nav--next{right:clamp(var(--space-3),3vw,var(--space-6))}.works-zoom__chevron{width:16px;height:16px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transition:transform var(--duration-fast) var(--ease-standard)}.works-zoom__nav--prev .works-zoom__chevron{transform:rotate(135deg)}.works-zoom__nav--next .works-zoom__chevron{transform:rotate(-45deg)}.works-zoom__nav--prev:hover .works-zoom__chevron{transform:rotate(135deg) translate(-2px,2px)}.works-zoom__nav--next:hover .works-zoom__chevron{transform:rotate(-45deg) translate(2px,-2px)}body.works-zoom-lock{position:fixed;left:0;right:0;width:100%;overflow:hidden}@media (max-width:900px){.works__head{margin-bottom:var(--space-6)}.works__tabs{gap:var(--space-4)}.works__tab:first-child{justify-self:start}.works__tab:nth-child(3){justify-self:end}.works__tab{font-size:10px}.works-grid{grid-template-columns:repeat(2,1fr);column-gap:var(--space-4);row-gap:var(--space-6)}.works__all{bottom:var(--space-4);margin-right:var(--space-4)}.works-zoom__nav{display:none}.works-zoom.is-multi .works-zoom__scrollbar{display:block}}.vinyl-player{display:inline-flex;align-items:center;gap:5px;position:fixed;right:clamp(var(--space-5),6vw,120px);bottom:var(--space-5);z-index:calc(var(--z-header) - 1);padding:var(--space-2);border:none;background:0 0;font-family:inherit;font-size:11px;font-weight:600;letter-spacing:var(--tracking-caps);text-transform:uppercase;color:var(--color-gray-light);cursor:pointer;transition:color .25s ease,opacity .3s var(--ease-standard),transform .3s var(--ease-standard)}.vinyl-player::after{content:"";position:absolute;left:var(--space-2);right:var(--space-2);bottom:4px;height:1px;background:currentColor;transform:scaleX(0);transform-origin:left center;transition:transform .35s var(--ease-standard)}@media (hover:hover) and (pointer:fine){.vinyl-player:hover{color:var(--color-black)}.vinyl-player:hover::after{transform:scaleX(1)}}.vinyl-player.is-pressed{animation:vinyl-player-pop .35s cubic-bezier(.34,1.56,.64,1)}.vinyl-player.is-hidden{opacity:0;transform:translateY(6px);pointer-events:none}@keyframes vinyl-player-pop{0%{transform:scale(1)}40%{transform:scale(1.14)}100%{transform:scale(1)}}.vinyl-player__icon{display:inline-block;vertical-align:middle}.vinyl-player__icon--play{width:0;height:0;border-left:6px solid currentColor;border-top:4px solid transparent;border-bottom:4px solid transparent}.vinyl-player__icon--pause{display:inline-flex;gap:2px}.vinyl-player__icon--pause::after,.vinyl-player__icon--pause::before{content:"";width:2px;height:9px;background:currentColor}