.s-work{padding:clamp(88px,12vh,160px) 0 clamp(64px,9vh,120px);overflow:clip;background:transparent}   
.s-work .work-head{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:20px clamp(32px,5vw,96px);align-items:end;margin-bottom:clamp(28px,4vh,48px)}
.s-work .work-head .eyebrow{grid-column:1/-1;margin:0}
.s-work .work-title{--wd:75;font-variation-settings:'wdth' var(--wd)}
.s-work .work-title *{font-variation-settings:'wdth' var(--wd)}
.s-work .work-title .work-pp{color:var(--tally);display:block}
.s-work .work-title .work-tl{white-space:nowrap}
.s-work .work-sub{color:var(--dim);max-width:44ch;justify-self:end;font-size:clamp(16px,1.2vw,19px)}
@media (max-width:1099px){
  .s-work .work-head{grid-template-columns:1fr;gap:16px}
  .s-work .work-sub{justify-self:start}
}
.s-work .work-stage{position:relative}
.s-work .work-bg{display:none}
.s-work .work-grid{list-style:none;margin:0 auto;padding:0 var(--gutter);max-width:var(--maxw);display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(20px,2.2vw,32px) clamp(14px,1.6vw,24px)}
@media (max-width:899px){.s-work .work-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:767px){.s-work .work-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 12px}}
.s-work .wg{display:grid;gap:12px;text-decoration:none;color:var(--bone)}
.s-work .wg-f{position:relative;display:block;aspect-ratio:1;overflow:hidden;border-radius:var(--r);background:var(--panel)}
.s-work .wg-f img{width:100%;height:100%;object-fit:cover;transition:transform .6s var(--e-out)}
.s-work .wg-f.is-tall img{object-position:50% 22%}
.s-work .wg-play{position:absolute;left:10px;bottom:10px;display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:rgba(11,12,14,.72);border:1px solid rgba(236,234,228,.35);font-size:13px;padding-left:2px;transition:background .2s,border-color .2s,color .2s}
.s-work .wg-m{display:grid;gap:4px;min-width:0}
.s-work .wg-k{color:var(--dim);font-size:10.5px}
.s-work .wg-t{font-size:clamp(22px,1.9vw,30px);line-height:1.05}
.s-work .wg-l{color:var(--dim);font-size:14px;line-height:1.45}
@media (max-width:767px){.s-work .wg-l{display:none} .s-work .wg-t{font-size:21px} .s-work .wg-i:nth-child(n+9){display:none}}
@media (hover:hover){
  .s-work .wg:hover .wg-f img{transform:scale(1.04)}
  .s-work .wg:hover .wg-play{background:var(--tally);border-color:var(--tally);color:var(--ink)}
  .s-work .wg:hover .wg-f{box-shadow:0 0 60px rgba(255,65,39,.15)}
}
.s-work .wg:focus-visible{outline:none}
.s-work .wg:focus-visible .wg-f{outline:2px solid var(--tally);outline-offset:3px}
.s-work .work-foot{display:flex;justify-content:space-between;align-items:flex-end;gap:24px 48px;flex-wrap:wrap;margin-top:clamp(28px,4vh,44px)}
.s-work .work-label{display:none;min-width:0;flex:1 1 420px;max-width:720px;padding-top:16px;border-top:1px solid var(--line)}
.s-work .work-label-k{margin:0;color:var(--dim)}
.s-work .work-dia{color:var(--tally)}
.s-work .work-label-t{margin:8px 0 4px;font-size:clamp(28px,2.6vw,44px);line-height:1}
.s-work .work-label-l{margin:0;color:var(--dim);font-size:15px;max-width:62ch;min-height:1.55em}
.s-work .work-actions{display:grid;justify-items:end;gap:12px}
.s-work .work-play{display:none}
.s-work .work-hint{margin:0;color:var(--dim);text-align:right}
.s-work .work-hint>span{display:none}
.s-work .work-hint-r{display:inline!important}
.s-work.has-wall .work-hint-r,.s-work.has-strip .work-hint-r{display:none!important}
.s-work.has-wall .work-hint-d{display:inline}
.s-work.has-strip .work-hint-m{display:inline}
.s-work.has-wall .work-play{display:inline-flex}
.s-work.has-wall .work-label{display:block}
.s-work .work-label>*{transition:opacity .2s var(--e-out),transform .2s var(--e-out)}
.s-work .work-label.swap>*{opacity:0;transform:translateY(6px)}
@media (max-width:767px){
  .s-work{padding:72px 0 56px}
  .s-work .work-head{margin-bottom:22px}
  .s-work .work-foot{display:grid;justify-items:center;text-align:center;margin-top:14px}
  .s-work .work-actions{justify-items:center}
  .s-work .work-hint{text-align:center}
  .s-work.has-strip .work-play{display:inline-flex}
}
.s-work.has-wall .work-stage{height:var(--stage-h,84vh);min-height:520px;overflow:clip;touch-action:pan-y;user-select:none;-webkit-user-select:none;cursor:grab}
.s-work.has-wall .work-stage.is-dragging{cursor:grabbing}
.s-work.has-wall .work-bg{display:grid;place-items:center;position:absolute;inset:0;margin:0;pointer-events:none;overflow:hidden}
.s-work .work-bg span{display:block;font:900 10vw/.85 var(--display);font-variation-settings:'wdth' 72;letter-spacing:-.01em;white-space:nowrap;color:transparent;-webkit-text-stroke:1.5px var(--bone);opacity:.16}
.s-work .work-scene{position:absolute;inset:0;perspective:var(--persp,1500px);perspective-origin:50% 50%;transition:opacity .6s var(--e-out)}
.s-work .work-scene.is-dim{opacity:.15}
.s-work .work-row{position:absolute;left:50%;top:50%;width:0;height:0;transform-style:preserve-3d}
.s-work .wc{position:absolute;left:0;top:0;padding:0;border:0;background:none;transform-origin:50% 50%;
  -webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-tap-highlight-color:transparent}
.s-work .wc.off{opacity:0;pointer-events:none}
.s-work .wc-in{position:absolute;inset:0;display:block;overflow:hidden;border-radius:var(--r);background:var(--panel);
  outline:1px solid rgba(236,234,228,.06);outline-offset:-1px;transition:box-shadow .3s var(--e-out)}
.s-work .wc-pic{position:absolute;inset:0;display:block}
.s-work .wc-pic img{width:100%;height:100%;object-fit:cover;pointer-events:none;-webkit-user-drag:none}
.s-work .wc-pic video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .35s var(--e-out);pointer-events:none}
.s-work .wc-pic video.on{opacity:1}
.s-work .wc-shade{position:absolute;inset:0;background:#000;opacity:0;pointer-events:none}
.s-work .wc-cap{position:absolute;left:0;right:0;bottom:0;display:flex;justify-content:space-between;gap:8px;padding:28px 10px 9px;
  background:linear-gradient(to top,rgba(11,12,14,.82),rgba(11,12,14,0));font:500 10px/1.2 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--bone);
  opacity:0;transform:translateY(4px);transition:opacity .25s var(--e-out),transform .25s var(--e-out);pointer-events:none;text-align:left}
.s-work .wc-cap b{font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.s-work .wc-cap i{font-style:normal;color:var(--dim);flex:none}
.s-work .wc.is-live .wc-cap,.s-work .wc:focus-visible .wc-cap{opacity:1;transform:none}
.s-work .wc-live{position:absolute;top:9px;left:10px;display:flex;align-items:center;gap:6px;font:500 9.5px/1 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--bone);
  opacity:0;transition:opacity .3s;pointer-events:none}
.s-work .wc-live::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--tally);box-shadow:0 0 8px var(--tally)}
.s-work .wc.is-playing .wc-live{opacity:1}
.s-work .wc-noplay{position:absolute;right:9px;top:9px;display:none;place-items:center;width:28px;height:28px;border-radius:50%;background:rgba(11,12,14,.7);font-size:10px;padding-left:2px}
.s-work .wc-pic.no-auto .wc-noplay{display:grid}
.s-work .wc::after{content:"";position:absolute;inset:0;border-radius:var(--r);pointer-events:none;opacity:0;transition:opacity .25s;
  box-shadow:-1.5px 0 0 rgba(255,65,39,.85),1.5px 0 0 rgba(130,208,222,.85)}
.s-work .work-stage.is-moving .wc::after{opacity:1}
@media (hover:hover){
  .s-work .wc:hover .wc-in{box-shadow:0 0 60px rgba(255,65,39,.15),0 0 0 1px rgba(255,65,39,.55)}
  .s-work .wc:hover .wc-cap{opacity:1;transform:none}
}
.s-work .wc:focus-visible{outline:none}
.s-work .wc:focus-visible .wc-in{box-shadow:0 0 0 2px var(--tally)}
.s-work .work-strip{display:none}
.s-work.has-strip .work-strip{display:flex;gap:4vw;list-style:none;margin:0;padding:8px 11vw 14px;overflow-x:auto;overflow-y:hidden;
  scroll-snap-type:x mandatory;scroll-padding:0 11vw;overscroll-behavior-x:contain;scrollbar-width:none;perspective:1100px;align-items:flex-start;touch-action:pan-x pan-y;position:relative}
.s-work.has-strip .work-strip::-webkit-scrollbar{display:none}
.s-work .ws{flex:0 0 78vw;scroll-snap-align:center;scroll-snap-stop:always}
.s-work .ws-c{display:block;width:100%;text-align:left;transform-origin:50% 50%;-webkit-backface-visibility:hidden;backface-visibility:hidden;color:var(--bone)}
.s-work .ws-f{position:relative;display:block;overflow:hidden;border-radius:var(--r);background:var(--panel);aspect-ratio:1}
.s-work .ws-f img{width:100%;height:100%;object-fit:cover}
.s-work .ws-f.is-tall img,.s-work .ws-f.is-tall video{object-position:50% 26%}
.s-work .ws-f video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .35s var(--e-out)}
.s-work .ws-f video.on{opacity:1}
.s-work .ws-m{position:absolute;left:0;right:0;bottom:0;display:grid;gap:2px;padding:30px 66px 11px 13px;background:linear-gradient(to top,rgba(11,12,14,.88),rgba(11,12,14,.5) 55%,rgba(11,12,14,0))}
.s-work .ws-k{color:rgba(236,234,228,.72);font-size:10px}
.s-work .ws-t{font-size:22px;line-height:1.05}
.s-work .ws-f .wc-live{top:10px;left:10px}
.s-work .ws.is-playing .wc-live{opacity:1}
.s-work .ws-play{position:absolute;right:10px;bottom:10px;display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:rgba(11,12,14,.72);border:1px solid rgba(236,234,228,.35);font-size:13px;padding-left:2px}
.s-work .ws.is-center .ws-play{background:var(--tally);border-color:var(--tally);color:var(--ink)}
.s-work .ws-c:focus-visible{outline:none}
.s-work .ws-c:focus-visible .ws-f{outline:2px solid var(--tally);outline-offset:3px}
.s-work .work-swipe{display:none}
.s-work.has-strip .work-swipe{display:flex;justify-content:flex-end;padding:0 var(--gutter);margin:0 0 10px;transition:opacity .4s var(--e-out)}
.s-work .work-swipe.gone{opacity:0}
.s-work.has-strip .work-grid{display:none}
.s-work .work-veil{position:fixed;inset:0;z-index:99;background:#000;opacity:0;pointer-events:auto}
.s-work .work-band{position:fixed;left:0;right:0;z-index:101;background:#000;pointer-events:none}
.s-work .work-band.t{top:0;transform-origin:50% 0}
.s-work .work-band.b{bottom:0;transform-origin:50% 100%}
.s-work .work-fly{position:fixed;z-index:100;margin:0;overflow:hidden;border-radius:var(--r);background:#000;pointer-events:none;will-change:transform}
.s-work .work-fly img{width:100%;height:100%;object-fit:cover}
.s-work.is-static .work-grid{display:grid!important}
.s-work.is-static .work-stage{height:auto!important;overflow:visible!important}
.s-work.is-static .work-scene,.s-work.is-static .work-strip,.s-work.is-static .work-bg{display:none!important}