.s-stills{--cw-w:22vw;--cw-t:12vw;position:relative;isolation:isolate;background:var(--ink)}   
.s-stills .st-stage{position:relative;max-width:var(--maxw);margin:0 auto;padding:clamp(88px,12vh,150px) var(--gutter)}
.s-stills .st-copy{position:relative;z-index:3;text-align:center;margin:0 0 clamp(36px,5vw,72px);pointer-events:none}
.s-stills .st-h2{margin:0;font-size:clamp(40px,6vw,104px);line-height:1.04;color:var(--bone);letter-spacing:-.005em}
.s-stills .st-l{display:block}
.s-stills .st-l1{margin-right:1.1em}
.s-stills .st-l2{margin-left:1.5em}
.s-stills .st-w{display:inline-block}
.s-stills .st-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:clamp(22px,2.4vw,36px) clamp(12px,1.4vw,22px)}
.s-stills .st-i{position:relative;min-width:0}
.s-stills .st-card{position:relative;display:block;width:100%;aspect-ratio:16/10;border-radius:var(--r);background:var(--panel);text-align:left;cursor:pointer;
  -webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}
.s-stills .st-face{position:absolute;inset:0;border-radius:var(--r);overflow:hidden}
.s-stills .st-front{background:var(--panel)}
.s-stills .st-front img{width:100%;height:100%;object-fit:contain;-webkit-user-drag:none;user-select:none}
.s-stills .st-front::after{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 0 0 1px rgba(236,234,228,.08);pointer-events:none}
.s-stills .st-fog{position:absolute;inset:0;background:var(--ink);opacity:0;pointer-events:none}
.s-stills .st-back{--fm:10px;--fs:clamp(16px,1.3vw,21px);display:flex;flex-direction:column;justify-content:space-between;gap:.5em;padding:12px 13px;
  background:var(--panel);box-shadow:inset 0 0 0 1px var(--line);opacity:0;transition:opacity .2s}
.s-stills .st-b-p{font-size:var(--fm);color:var(--bone);letter-spacing:.08em}
.s-stills .st-b-p::before{content:"◆ ";color:var(--tally)}
.s-stills .st-b-d{font-size:var(--fs);line-height:1.08;color:var(--bone)}
.s-stills .st-b-k{font-size:var(--fm);color:var(--dim);letter-spacing:.06em;line-height:1.4}
.s-stills .st-b-k i{font-style:normal}
.s-stills .st-cap{margin:10px 0 0;color:var(--dim);font-size:10.5px;letter-spacing:.06em;text-transform:none;line-height:1.45}
.s-stills .st-cap-n{display:none;color:var(--tally)}
.s-stills:not(.st-fly):not(.st-auto) .st-front{transition:opacity .2s}
.s-stills:not(.st-fly):not(.st-auto) .st-card[aria-pressed="true"] .st-front{opacity:0}
.s-stills:not(.st-fly):not(.st-auto) .st-card[aria-pressed="true"] .st-back{opacity:1}
@media (hover:hover){
  .s-stills:not(.st-fly):not(.st-auto) .st-card:hover{box-shadow:0 0 0 1px var(--tally),0 0 60px rgba(255,65,39,.15)}
}
.s-stills .st-hud{position:relative;z-index:4;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px 24px;margin-top:clamp(28px,4vw,56px);pointer-events:none}
.s-stills .st-count,.s-stills .st-hint,.s-stills .st-now{margin:0;color:var(--dim)}
.s-stills .st-count b{color:var(--bone);font-weight:500}
.s-stills .st-n-m{display:none}
.s-stills .st-hint::before{content:"◆ ";color:var(--tally)}
.s-stills .st-hint-t{display:none}
@media (hover:none),(pointer:coarse){.s-stills .st-hint-f{display:none}.s-stills .st-hint-t{display:inline}}
.s-stills .st-now{display:none}
.s-stills .st-black{display:none}
@media (max-width:1099px){.s-stills .st-list{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media (max-width:767px){
  .s-stills .st-i:not([data-m]){display:none}
  .s-stills .st-i{order:var(--m)}
  .s-stills .st-n-a{display:none}
  .s-stills .st-n-m{display:inline}
  .s-stills .st-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px 8px}
  .s-stills .st-h2{font-size:clamp(30px,8.6vw,44px)}
  .s-stills .st-l1{margin-right:.5em}
  .s-stills .st-l2{margin-left:.7em}
  .s-stills .st-cap{font-size:9.5px;letter-spacing:.03em}
  .s-stills .st-back{--fs:15px;--fm:9px;padding:8px 9px}
}
.s-stills.st-still .st-i:not([data-m]){display:none}
.s-stills.st-still .st-i{order:var(--m)}
.s-stills.st-still .st-list{grid-template-columns:repeat(4,minmax(0,1fr));max-width:1280px;margin:0 auto}
.s-stills.st-still .st-hud{max-width:1280px;margin-left:auto;margin-right:auto}
@media (max-width:767px){
  .s-stills.st-still .st-list{grid-template-columns:repeat(3,minmax(0,1fr))}
  .s-stills:not(.st-fly):not(.st-auto) .st-cap-d{display:none}   
}
.s-stills.st-fly .st-stage,.s-stills.st-auto .st-stage{max-width:none;margin:0;padding:0;height:100vh;height:100svh;min-height:520px;overflow:hidden;background:var(--ink)}
.s-stills.st-fly .st-copy,.s-stills.st-auto .st-copy{position:absolute;inset:0;margin:0;display:grid;place-items:center;padding:0 var(--gutter)}
.s-stills.st-fly .st-list,.s-stills.st-auto .st-list{position:absolute;inset:0;z-index:1;display:block;perspective:900px;perspective-origin:50% 50%}
.s-stills.st-fly .st-i,.s-stills.st-auto .st-i{--cw:var(--cw-w);position:absolute;left:50%;top:50%;width:var(--cw);height:calc(var(--cw) / var(--ar));
  margin:calc(var(--cw) / var(--ar) / -2) 0 0 calc(var(--cw) / -2);transform-style:preserve-3d;visibility:hidden;--fm:calc(var(--cw) * .034);--fs:calc(var(--cw) * .07)}
.s-stills.st-fly .st-i.is-v,.s-stills.st-auto .st-i.is-v{--cw:var(--cw-t);--fm:calc(var(--cw) * .058);--fs:calc(var(--cw) * .108)}
.s-stills.st-fly .st-card,.s-stills.st-auto .st-card{position:absolute;inset:0;aspect-ratio:auto;background:none;transform-style:preserve-3d;border-radius:var(--r)}
.s-stills.st-fly .st-face,.s-stills.st-auto .st-face{-webkit-backface-visibility:hidden;backface-visibility:hidden}
.s-stills.st-fly .st-front img,.s-stills.st-auto .st-front img{object-fit:cover}
.s-stills.st-fly .st-back,.s-stills.st-auto .st-back{transform:rotateY(180deg);transition:none;opacity:1;padding:7% 7.5%;gap:.3em}
.s-stills.st-fly .st-i.is-v .st-back,.s-stills.st-auto .st-i.is-v .st-back{padding:11% 10%}
.s-stills.st-fly .st-i.is-cs .st-b-k i,.s-stills.st-auto .st-i.is-cs .st-b-k i{display:none}
.s-stills.st-fly .st-b-p,.s-stills.st-fly .st-b-k,.s-stills.st-auto .st-b-p,.s-stills.st-auto .st-b-k{font-size:max(7px,var(--fm))}
.s-stills.st-fly .st-b-d,.s-stills.st-auto .st-b-d{font-size:max(12px,var(--fs))}
.s-stills.st-fly .st-cap,.s-stills.st-auto .st-cap{position:absolute;left:0;top:100%;width:max(100%,22em);margin:0;padding-top:.9em;opacity:0;color:var(--bone);
  font-size:max(8px,calc(var(--cw) * .035));-webkit-backface-visibility:hidden;backface-visibility:hidden;pointer-events:none}
.s-stills.st-fly .st-i.is-v .st-cap,.s-stills.st-auto .st-i.is-v .st-cap{font-size:max(8px,calc(var(--cw) * .062));width:max(100%,15em)}
.s-stills.st-fly .st-card:focus-visible,.s-stills.st-auto .st-card:focus-visible{outline-offset:4px}
@media (hover:hover){
  .s-stills.st-fly .st-front::after{transition:box-shadow .2s}
  .s-stills.st-fly .st-card:hover .st-front::after{box-shadow:inset 0 0 0 1px var(--tally)}
}
.s-stills.st-fly .st-hud,.s-stills.st-auto .st-hud{position:absolute;z-index:0;left:var(--gutter);right:var(--gutter);bottom:clamp(22px,4.4vh,40px);margin:0;flex-wrap:nowrap}   
.s-stills.st-fly .st-black,.s-stills.st-auto .st-black{display:block;position:absolute;inset:0;z-index:5;background:var(--ink);opacity:0;pointer-events:none}
.s-stills .st-hint{transition:opacity .35s}
.s-stills .st-hint.is-done{opacity:0!important}
.s-stills.st-fly{height:calc(100vh + var(--len,180vh));height:calc(100svh + var(--len,180vh));background:transparent}   
.s-stills.st-fly .st-stage{position:sticky;top:0}
.s-stills.st-fly{margin-bottom:calc(var(--len,180vh) * -.07 - clamp(88px,12vh,160px) - 24px)}
.s-stills.st-fly .st-h2{font-size:clamp(44px,6vw,112px)}
.s-stills.st-fly .st-now{display:block;text-align:right}
.s-stills.st-fly .st-now b{color:var(--bone);font-weight:500}
.s-stills.st-fly .st-now-p::before{content:" · "}
.s-stills.st-fly .st-cap-n{display:inline}
.s-stills.st-wait{pointer-events:none}
.s-stills.st-wait .st-stage{visibility:hidden}
@media (min-width:1100px){.s-stills.st-fly .st-hud{bottom:clamp(54px,8vh,76px)} .s-stills.st-fly .st-hint{position:absolute;left:50%;transform:translateX(-50%);bottom:calc(100% + 14px)}}
.s-stills.st-auto .st-list{perspective:760px}
.s-stills.st-auto .st-i{--fm:calc(var(--cw) * .047);--fs:calc(var(--cw) * .073)}
.s-stills.st-auto .st-i.is-v{--fm:calc(var(--cw) * .085);--fs:calc(var(--cw) * .13)}
.s-stills.st-auto .st-back{padding:5.5% 6.5%}
.s-stills.st-auto .st-i:not([data-m]){display:none}
.s-stills.st-auto .st-copy{padding:0 var(--gutter)}
.s-stills.st-auto .st-hud{bottom:calc(76px + env(safe-area-inset-bottom,0px));flex-wrap:wrap;justify-content:center;gap:6px 18px;text-align:center}
.s-stills.st-auto .st-count,.s-stills.st-auto .st-hint{font-size:10.5px}