@font-face{font-family:General Sans;src:url(/fonts/GeneralSans-Variable.woff2) format("woff2");font-weight:200 700;font-display:swap}@font-face{font-family:Bricolage;src:url(/fonts/Bricolage-ExtraLight.woff2) format("woff2");font-weight:200;font-display:swap}@font-face{font-family:Bricolage;src:url(/fonts/Bricolage-Light.woff2) format("woff2");font-weight:300;font-display:swap}@font-face{font-family:Bricolage;src:url(/fonts/Bricolage-Medium.woff2) format("woff2");font-weight:500;font-display:swap}:root{--brand: "General Sans", ui-sans-serif, system-ui, sans-serif;--aqua: #2ff0f7;--ink: #fff;--radius: 12px}*{box-sizing:border-box}:root{--copy: "Bricolage", "General Sans", ui-sans-serif, system-ui, sans-serif;--aqua-dim: rgba(47, 240, 247, .55);--muted: rgba(255, 255, 255, .68);--faint: rgba(255, 255, 255, .46);--line: rgba(255, 255, 255, .1);--line-soft: rgba(255, 255, 255, .06);--deep: #02070b;--gutter: clamp(1.5rem, 2.8vw, 3.5rem);--media-h: clamp(17rem, 58vh, 37rem);--card-w: calc(var(--media-h) * .32);--card-w-on: calc(var(--media-h) * .48);--grow: .07;--lift: calc(var(--media-h) * var(--grow));--panel-h: clamp(4.6rem, 9.5vh, 5.6rem);--strip-gap: clamp(.25rem, .5vw, .5rem);--cat-fs-base: clamp(1.05rem, 2vw, 1.8rem);--cat-fs: var(--cat-fs-base)}html{-webkit-text-size-adjust:100%}body{margin:0;min-height:100vh;font-family:var(--brand);color:var(--ink);background-color:var(--deep);background-image:url(/works/bg.webp);background-position:center top;background-size:cover;background-repeat:no-repeat;background-attachment:fixed;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:hidden}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(180deg,#02070b80,#02070b1f 14%,#02070b8c 62%,#02070be0),radial-gradient(80% 64% at 44% 44%,#0000,#00000057 70%,#000000b8)}.shell{position:relative;z-index:1;min-height:100vh;min-height:100svh;display:flex;flex-direction:column}.topbar{position:relative;z-index:30;flex:none;display:flex;align-items:center;justify-content:space-between;gap:1rem;border-bottom:1px solid var(--line-soft)}.main{flex:1;min-height:0;display:grid;grid-template-columns:minmax(14rem,23rem) minmax(0,1fr);grid-template-rows:minmax(0,1fr) auto;align-items:stretch}.rail{grid-column:1;grid-row:1}.briefbar{grid-column:1;grid-row:2}.stage{grid-column:2;grid-row:1 / -1}.rail{display:flex;flex-direction:column;justify-content:center;gap:clamp(1.6rem,4vh,3rem);padding:clamp(1.5rem,4vh,3rem) clamp(1.25rem,3vw,2.5rem) clamp(1.5rem,4vh,3rem) var(--gutter);border-right:1px solid var(--line-soft)}.rail__eyebrow{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:none;padding:0;margin:0;cursor:pointer;align-self:flex-start;text-align:left;font-family:var(--brand);font-size:clamp(.6rem,.9vw,.74rem);font-weight:500;letter-spacing:.24em;text-transform:uppercase;color:var(--aqua);text-shadow:0 0 1.1em rgba(47,240,247,.45);transition:color .3s ease,text-shadow .3s ease}.rail__eyebrow:hover,.rail__eyebrow:focus-visible{color:#eafeff;text-shadow:0 0 .5em rgba(47,240,247,.8),0 0 1.6em rgba(47,240,247,.5)}.rail__eyebrow:focus-visible{outline:1px solid var(--aqua-dim);outline-offset:.4rem}.cats{display:flex;flex-direction:column;gap:clamp(1.5rem,3.6vh,2.6rem);min-width:0}.cat{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:none;padding:0;cursor:pointer;display:grid;grid-template-columns:auto minmax(0,1fr);align-items:baseline;column-gap:clamp(.9rem,1.6vw,1.4rem);row-gap:.5em;text-align:left;font-family:var(--brand);color:inherit}.cat__no{font-size:clamp(.62rem,.92vw,.76rem);font-weight:500;letter-spacing:.16em;color:var(--aqua-dim);transition:color .35s ease}.cat__name{grid-column:2;font-size:var(--cat-fs);font-weight:400;line-height:1.16;letter-spacing:.05em;text-transform:uppercase;color:#ffffff85;transition:color .35s ease,font-size .4s cubic-bezier(.22,1,.36,1)}.cat__count{grid-column:2;font-size:clamp(.58rem,.86vw,.7rem);font-weight:500;letter-spacing:.2em;text-transform:uppercase;color:var(--faint);transition:color .35s ease}.cat__rule{grid-column:2;height:1px;margin-top:-.2em;background:linear-gradient(90deg,var(--aqua) 0%,rgba(47,240,247,.05) 100%);transform:scaleX(0);transform-origin:left center;transition:transform .5s cubic-bezier(.22,1,.36,1)}.cat:hover .cat__name,.cat:focus-visible .cat__name{color:#ffffffd1}.cat.is-on{--cat-fs: calc(var(--cat-fs-base) * 1.2)}.cat.is-on .cat__name{color:#fff;font-weight:500}.cat.is-on .cat__no{color:var(--aqua)}.cat.is-on .cat__count{color:var(--muted)}.cat.is-on .cat__rule{transform:scaleX(1)}.cat--all{grid-template-columns:auto;column-gap:0;row-gap:.55em;align-items:center}.cat--all .cat__name,.cat--all .cat__count,.cat--all .cat__rule{grid-column:1}.cat--all .cat__name{font-size:clamp(.64rem,.95vw,.78rem);font-weight:500;letter-spacing:.22em;color:#ffffff94}.cat--all.is-on{--cat-fs: var(--cat-fs-base)}.cat--all.is-on .cat__name{color:#fff}.cat--all .cat__count{display:none}.briefbar{display:flex;align-items:center;justify-content:center;padding:clamp(1.1rem,2.6vh,1.7rem) var(--gutter) clamp(4.5rem,17vh,11rem);border-top:1px solid var(--line-soft);border-right:1px solid var(--line-soft)}.brief{display:inline-flex;align-items:center;gap:.85rem;padding:clamp(.95rem,1.5vw,1.15rem) clamp(1.5rem,2.4vw,2.1rem);border:1.5px solid rgba(47,240,247,.78);border-radius:var(--radius);background:none;font-family:var(--brand);font-size:clamp(.66rem,.95vw,.78rem);font-weight:500;letter-spacing:.17em;text-transform:uppercase;white-space:nowrap;text-decoration:none;color:var(--aqua);text-shadow:0 0 1.1em rgba(47,240,247,.35);transition:border-color .3s ease,background .3s ease,color .3s ease,text-shadow .3s ease}.brief:hover,.brief:focus-visible{border-color:var(--aqua);background:#2ff0f71a;color:#ccfdff;text-shadow:0 0 .5em rgba(47,240,247,.55)}.brief__arrow{width:1.45rem;height:.5rem;flex:none;fill:none;stroke:currentColor;stroke-width:1.3;stroke-linecap:round;stroke-linejoin:round}.stage{position:relative;min-width:0;display:flex;align-items:center}.stage:before,.stage:after{content:"";position:absolute;top:0;bottom:0;width:clamp(2rem,6vw,6rem);pointer-events:none;opacity:0;transition:opacity .4s ease;z-index:3}.stage:before{left:0;background:linear-gradient(90deg,#02070be6,#02070b00)}.stage:after{right:0;background:linear-gradient(270deg,#02070be6,#02070b00)}.stage.has-prev:before,.stage.has-next:after{opacity:1}.strip{display:flex;align-items:flex-start;gap:var(--strip-gap);width:100%;overflow-x:auto;overflow-y:hidden;padding:calc(var(--lift) + 1.5rem) clamp(1.25rem,3vw,2.75rem) 1.6rem;scrollbar-width:none;-ms-overflow-style:none;overscroll-behavior-x:contain;scroll-padding-inline:clamp(1.25rem,3vw,2.75rem)}.strip::-webkit-scrollbar{display:none}.strip.is-drift{scroll-snap-type:none}.card{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;padding:0;margin:0;cursor:pointer;flex:0 0 auto;width:var(--card-w);display:flex;flex-direction:column;text-align:left;font-family:var(--brand);color:inherit;background:#04080c00;border-radius:3px;overflow:hidden;scroll-snap-align:center;box-shadow:0 0 0 1px #fff0;transition:width .55s cubic-bezier(.22,1,.36,1),margin-top .55s cubic-bezier(.22,1,.36,1),background .45s ease,box-shadow .45s ease,opacity .3s ease,transform .3s ease}.card__media{position:relative;display:block;flex:none;width:100%;height:var(--media-h);overflow:hidden;background:#05090d;transition:height .55s cubic-bezier(.22,1,.36,1)}.card__cover,.card__video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block}.card__video{opacity:0;transition:opacity .45s ease}.card.is-playing .card__video{opacity:1}.card.is-playing .card__cover{opacity:0;transition:opacity .45s ease .05s}.card__media:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#02070b57;transition:background .5s ease;pointer-events:none}.card__scrim{position:absolute;inset:auto 0 0;height:44%;z-index:1;pointer-events:none;background:linear-gradient(180deg,#02070b00,#02070bbd);transition:opacity .45s ease}.card__play{position:absolute;z-index:2;left:clamp(.7rem,1.1vw,1.1rem);bottom:clamp(1.4rem,3vh,2.1rem);display:block;width:clamp(1.1rem,1.7vw,1.5rem);opacity:0;transform:translateY(.3rem);transition:opacity .4s ease,transform .4s cubic-bezier(.22,1,.36,1)}.card__play svg{display:block;width:100%;height:auto;fill:none;stroke:#fff;stroke-width:1.4;stroke-linejoin:round;filter:drop-shadow(0 2px 8px rgba(0,0,0,.6))}.card__panel{position:relative;z-index:3;flex:none;height:var(--panel-h);display:flex;flex-direction:column;justify-content:center;gap:.5em;padding:0 clamp(.7rem,1.1vw,1rem);transform:translateY(calc(-1 * var(--panel-h)));transition:transform .55s cubic-bezier(.22,1,.36,1)}.card__title{font-size:clamp(.62rem,.92vw,.76rem);font-weight:500;letter-spacing:.16em;text-transform:uppercase;color:#ffffffdb;text-shadow:0 1px 12px rgba(0,0,0,.7);transition:color .4s ease}.card__meta{font-size:clamp(.54rem,.8vw,.66rem);font-weight:400;letter-spacing:.13em;text-transform:uppercase;color:var(--faint);text-shadow:0 1px 12px rgba(0,0,0,.7);transition:color .4s ease}.card__views{font-size:clamp(.54rem,.8vw,.66rem);font-weight:500;letter-spacing:.13em;text-transform:uppercase;color:#48a7e8;text-shadow:0 1px 12px rgba(0,0,0,.7)}.card__case{display:inline-flex;align-items:center;gap:.8em;margin-top:.3em;font-size:clamp(.54rem,.8vw,.66rem);font-weight:500;letter-spacing:.18em;text-transform:uppercase;white-space:nowrap;color:#fff;opacity:0;transition:opacity .4s ease}.card__arrow{width:1.7em;height:.6em;fill:none;stroke:currentColor;stroke-width:1.2;stroke-linecap:round;stroke-linejoin:round}.card.is-on{z-index:2;width:var(--card-w-on);margin-top:calc(-1 * var(--lift));background:#04080cf7;box-shadow:0 0 0 1px #ffffff24,0 1rem 2.4rem #0000008c}.card.is-on .card__media{height:calc(var(--media-h) * (1 + var(--grow)))}.card.is-on .card__media:after{background:#02070b00}.card.is-on .card__scrim{opacity:0}.card.is-on .card__panel{transform:none}.card.is-on .card__case{opacity:1}.card.is-on .card__play{opacity:.9;transform:none}.card.is-on.is-playing .card__play{opacity:0}.card.is-on .card__title{color:#fff}.card.is-on .card__meta{color:var(--muted)}.card:focus-visible{outline:1px solid var(--aqua);outline-offset:.45rem}.card.is-out{opacity:0;transform:scale(.94);pointer-events:none}.card[hidden]{display:none}.empty{margin:0 auto;font-size:.8rem;letter-spacing:.18em;text-transform:uppercase;color:var(--faint)}.arrow{z-index:4;top:50%;margin-top:calc((var(--lift) - var(--panel-h) - .1rem) / 2);transform:translateY(-50%);background:#03080c94;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:color .3s ease,background .3s ease,border-color .3s ease,opacity .35s ease}.arrow--prev{left:clamp(.2rem,.7vw,.7rem)}.arrow--next{right:clamp(.2rem,.7vw,.7rem)}.arrow[disabled]{opacity:0;pointer-events:none}.lb{position:fixed;top:0;right:0;bottom:0;left:0;z-index:90;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(.9rem,2vh,1.6rem);padding:clamp(2.75rem,7vh,4.5rem) clamp(1rem,4vw,4rem);background:#010407eb;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);opacity:0;transition:opacity .35s ease}.lb[hidden]{display:none}.lb.is-on{opacity:1}.lb__stage{position:relative;display:flex;align-items:center;justify-content:center;min-height:0;flex:1;width:100%}.lb__video{display:block;max-width:100%;max-height:100%;width:auto;height:auto;background:#000;box-shadow:0 2rem 6rem #000000b3}.lb__cap{flex:none;margin:0;display:flex;align-items:baseline;gap:1.1em;flex-wrap:wrap;justify-content:center;text-align:center}.lb__title{font-size:clamp(.66rem,.95vw,.8rem);font-weight:500;letter-spacing:.18em;text-transform:uppercase;color:#fff}.lb__meta{font-size:clamp(.56rem,.82vw,.68rem);letter-spacing:.14em;text-transform:uppercase;color:var(--faint)}.lb__btn,.arrow{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--line);background:#ffffff0a;border-radius:50%;cursor:pointer;position:absolute;display:grid;place-items:center;width:clamp(2.2rem,3.4vw,2.9rem);height:clamp(2.2rem,3.4vw,2.9rem);color:#fffc;transition:color .3s ease,background .3s ease,border-color .3s ease}.lb__btn:hover,.lb__btn:focus-visible,.arrow:hover,.arrow:focus-visible{color:#fff;background:#ffffff1a;border-color:#ffffff4d}.lb__btn svg,.arrow svg{width:45%;height:45%;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.lb__close{top:clamp(1rem,3vh,2rem);right:clamp(1rem,4vw,2.5rem)}.lb__prev{left:clamp(.5rem,2vw,1.5rem);top:50%;transform:translateY(-50%)}.lb__next{right:clamp(.5rem,2vw,1.5rem);top:50%;transform:translateY(-50%)}.lb__prev[disabled],.lb__next[disabled]{opacity:.25;pointer-events:none}@media(max-width:900px){.main{grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto auto}.rail{grid-row:1}.stage{grid-column:1;grid-row:2}.briefbar{grid-column:1;grid-row:3;border-right:0}.rail{justify-content:flex-start;gap:clamp(.85rem,2.2vh,1.2rem);padding:clamp(1.1rem,2.8vh,1.6rem) var(--gutter) clamp(1rem,2.4vh,1.4rem);border-right:0;border-bottom:1px solid var(--line-soft)}.cats{gap:clamp(.6rem,1.7vh,.9rem)}.cat{grid-template-columns:auto minmax(0,1fr) auto;align-items:baseline;column-gap:.8em;row-gap:.3em}.cat__no{grid-column:1}.cat__name{grid-column:2}.cat__rule{grid-column:1 / -1;margin-top:0}.cat__count{grid-column:3;justify-self:end;font-size:clamp(.54rem,2.2vw,.64rem)}.cat__name br{display:none}:root{--cat-fs-base: clamp(.86rem, 3.6vw, 1.05rem);--panel-h: 2.95rem;--media-h: max(11rem, min(23rem, 45vh))}@supports (height: 1svh){:root{--media-h: max(11rem, min(23rem, calc(93svh - 21.7rem) ))}}.strip{padding:calc(var(--lift) + .7rem) clamp(1rem,3vw,2rem) .3rem}.topbar{padding-block:clamp(1rem,2.2vh,1.5rem)}.briefbar{padding:clamp(.35rem,.9vh,.65rem) var(--gutter) clamp(1.8rem,4.5vh,3rem)}.card__case{display:none}.card__title{font-size:.68rem}.card__meta,.card__views{font-size:.56rem}.cat.is-on{--cat-fs: var(--cat-fs-base)}.cat--all .cat__name{grid-column:1 / -1;font-size:clamp(.62rem,2.6vw,.74rem)}.cat--all .cat__rule{grid-column:1 / -1}.strip{align-items:flex-start;scroll-snap-type:x proximity}}@media(max-width:620px){:root{--card-w: calc(var(--media-h) * .44);--card-w-on: calc(var(--media-h) * .58);--grow: .05}.arrow{width:2rem;height:2rem}.lb__prev{left:.35rem}.lb__next{right:.35rem}}@media(max-width:900px)and (max-height:520px){:root{--cat-fs-base: clamp(.8rem, 2.6vw, .95rem)}.cats{gap:clamp(.4rem,1.2vh,.7rem)}}@media(prefers-reduced-motion:reduce){*{transition-duration:.01ms!important}body{background-attachment:scroll}}