/* SteelySystems slideshow (home + indicators heroes, Labs Helix; 2026-10-19). Behaviour and markup: slideshow.js.
   Loads after v2.css (uses its colour tokens). The page sizes .ss-stage (aspect-ratio); frames stack inside it. */
.ss-box .v2-hero-shot{padding:.8rem .8rem 0}
.ss-stage{position:relative;overflow:hidden;cursor:zoom-in;touch-action:pan-y;-webkit-user-select:none;user-select:none;outline:0}
.ss-stage:focus-visible{box-shadow:0 0 0 2px var(--v2-blue)}
.ss-stage img{-webkit-user-drag:none}
.ss-box .ss-stage .rotator-frame{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;opacity:0;border:0;border-radius:0;transition:opacity .6s ease,transform .25s ease}
.ss-box .ss-stage .rotator-frame.is-active{opacity:1}
.ss-box .ss-stage .rotator-frame[data-unavailable="1"]{display:none}
.ss-stage.is-zoomed{cursor:zoom-out;touch-action:none}
.ss-box .ss-stage.is-dragging .rotator-frame{transition:opacity .6s ease}
.ss-hint{position:absolute;left:.6rem;bottom:.6rem;z-index:2;font-family:var(--v2-mono);font-size:.7rem;line-height:1.4;letter-spacing:.04em;padding:.28rem .5rem;border-radius:4px;background:rgba(8,12,16,.82);border:1px solid var(--v2-line2);color:var(--v2-text);pointer-events:none}
.ss-hint[hidden]{display:none}
.ss-progress{height:2px;margin:0 .8rem;background:rgba(120,175,225,.1);overflow:hidden}
.ss-progress[hidden]{display:none}
.ss-progress i{display:block;height:100%;width:0;background:var(--v2-blue);transition:width .1s linear}
.ss-ctrl{display:flex;align-items:center;gap:.4rem;padding:.55rem 1rem .9rem}
.ss-ctrl[hidden]{display:none}
.ss-ctrl button{min-width:2.5rem;height:2.5rem;padding:0 .6rem;border-radius:6px;border:1px solid var(--v2-line2);background:var(--v2-panel);color:var(--v2-ink);font-family:var(--v2-mono);font-size:.8rem;letter-spacing:.04em;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:.4rem}
.ss-ctrl button[hidden]{display:none}
.ss-ctrl button:hover{border-color:var(--v2-blue);color:var(--v2-blue)}
.ss-ctrl button:focus-visible{outline:2px solid var(--v2-blue);outline-offset:2px}
.ss-ctrl button:disabled{opacity:.4;cursor:default;border-color:var(--v2-line2);color:var(--v2-ink)}
.ss-ctrl .ss-play{min-width:5.6rem}
.ss-count{font-family:var(--v2-mono);font-size:.78rem;color:var(--v2-muted);margin-left:.2rem;white-space:nowrap}
.ss-sp{flex:1}
/* Full screen (fixed overlay; also the element the Fullscreen API shows) */
.ss-box.is-full{position:fixed;inset:0;z-index:2147483000;display:flex;flex-direction:column;border:0;border-radius:0;width:100%;height:100%;max-width:none;margin:0}
.ss-box.is-full .v2-hero-shot{flex:1;min-height:0;display:flex;padding:.6rem .6rem 0}
.ss-box.is-full .ss-stage{aspect-ratio:auto;width:100%;height:100%}
.ss-box.is-full > .ss-stage{flex:1;min-height:0;height:auto}
.ss-box.is-full .ss-hide-full{display:none}
html.ss-lock,html.ss-lock body{overflow:hidden}
@media (prefers-reduced-motion:reduce){.ss-box .ss-stage .rotator-frame,.ss-progress i{transition:none}}
@media (max-width:480px){
  .ss-ctrl{gap:.3rem;padding:.5rem .8rem .8rem}
  .ss-ctrl button{min-width:2.3rem;height:2.4rem;padding:0 .5rem}
  .ss-ctrl .ss-play{min-width:2.3rem}
  .ss-ctrl .t{display:none}
  .ss-hint{font-size:.64rem;left:.45rem;bottom:.45rem}
}