/* Scroll showcase. Pinned stage; JS sets --pos (0..n-1) from scroll. Logical properties where possible. */
.mm-sc{--s-ink:#0b0d12;--s-bg:#f4f6fa;--s-mut:#6b7280;position:relative;block-size:calc(var(--n,8) * var(--step,75svh) + 100svh - var(--hh,72px));background:var(--s-bg);color:var(--s-ink)}
.mm-sc__pin{position:sticky;inset-block-start:var(--hh,72px);block-size:calc(100svh - var(--hh,72px));overflow:hidden}
.mm-sc__track{list-style:none;margin:0;padding:0;position:absolute;inset:0}
.mm-sc__it{position:absolute;inset-block-start:7svh;inset-inline-start:58%;inline-size:min(31vw,46svh);block-size:79svh;margin-inline-start:calc(min(31vw,46svh) / -2);will-change:transform,opacity;transition:filter .3s}
.mm-sc__it a{display:block;inline-size:100%;block-size:100%}
.mm-sc__it img{inline-size:100%;block-size:100%;object-fit:contain;object-position:50% 50%;display:block}
.mm-sc__it img[data-cut="1"]{mix-blend-mode:multiply}
.mm-sc__it img.is-cut{mix-blend-mode:normal}
.mm-sc__info{position:absolute;inset-inline-start:clamp(1rem,4vw,4rem);inset-block-start:50%;translate:0 -50%;inline-size:min(32vw,420px);z-index:5;pointer-events:none}
.mm-sc__t{position:absolute;inset-block-start:50%;inset-inline:0;translate:0 -50%;opacity:0;transform:translateY(14px);transition:opacity .35s,transform .35s}
.mm-sc__t.is-on{opacity:1;transform:none;pointer-events:auto}
.mm-sc__k{margin:0 0 .8rem;font-size:.72rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--s-mut)}
.mm-sc__n{margin:0 0 .8rem;font-size:clamp(1.8rem,4.6vw,3.8rem);line-height:1;font-weight:800;text-transform:uppercase;letter-spacing:-.02em;overflow-wrap:anywhere}
.mm-sc__p{margin:0 0 .3rem;font-size:1.05rem;font-weight:700}
.mm-sc__s{margin:0 0 1.2rem;font-size:.8rem;color:var(--s-mut);letter-spacing:.08em}
.mm-sc__go{display:inline-block;padding:.85rem 1.5rem;border-radius:999px;background:var(--s-ink);color:#fff;font-size:.75rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;text-decoration:none;margin-block-start:.6rem}
.mm-sc__go:hover,.mm-sc__go:focus-visible{background:#c8ff2e;color:var(--s-ink)}
.mm-sc__bar{position:absolute;inset-block-end:max(1.4rem,env(safe-area-inset-bottom));inset-inline:0;display:flex;align-items:center;justify-content:center;gap:1rem;z-index:4}
.mm-sc__bar button{all:unset;cursor:pointer;inline-size:38px;block-size:38px;border-radius:50%;border:1px solid rgba(11,13,18,.25);display:grid;place-items:center;font-size:1rem}
.mm-sc__bar button:hover,.mm-sc__bar button:focus-visible{background:var(--s-ink);color:#fff}
.mm-sc__dots{display:flex;gap:6px;align-items:center}
.mm-sc__dots i{display:block;inline-size:8px;block-size:6px;border-radius:3px;background:#d3d8e2;transition:inline-size .3s,background .3s}
.mm-sc__dots i.is-on{inline-size:28px;background:var(--s-ink)}
.mm-sc__hint{position:absolute;inset-block-end:1.9rem;inset-inline-end:clamp(1rem,4vw,4rem);margin:0;font-size:.65rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--s-mut)}
@media(max-width:820px){
 .mm-sc{block-size:auto}
 .mm-sc__pin{position:relative;inset-block-start:auto;block-size:calc(100svh - var(--hh,72px));touch-action:pan-y;-webkit-user-select:none;user-select:none}
 .mm-sc__it{inset-inline-start:50%;inset-block-start:3svh;inline-size:min(72vw,50svh);block-size:60svh;margin-inline-start:calc(min(72vw,50svh) / -2)}
 .mm-sc__it img{-webkit-user-drag:none;pointer-events:none}
 .mm-sc__it a{-webkit-touch-callout:none}
 .mm-sc__info{inset-inline:1rem;inset-block-start:auto;inset-block-end:4.6rem;translate:none;inline-size:auto;block-size:24svh}
 .mm-sc__t{inset-block-start:auto;inset-block-end:0;translate:none}
 .mm-sc__n{font-size:clamp(1.5rem,7vw,2.2rem);margin-block-end:.5rem}
 .mm-sc__k{margin-block-end:.5rem}
 .mm-sc__go{padding:.7rem 1.3rem}
 .mm-sc__bar{inset-block-end:1rem}
 .mm-sc__hint{inset-block-end:auto;inset-block-start:.7rem;inset-inline:0;text-align:center;display:block}
 .mm-sc__hd{display:none}
}
@media(min-width:821px){.mm-sc__hm{display:none}}
@media(prefers-reduced-motion:reduce){.mm-sc__t{transition:none}}
.lab-sec--fit .mm-sc{margin-block-start:clamp(1.5rem,4vw,3rem)}
.mm-sc__hm{display:none}@media(max-width:820px){.mm-sc__hd{display:none}.mm-sc__hm{display:inline}.mm-sc__hint{inset-inline-end:auto;inset-inline-start:0;inline-size:100%;text-align:center}}
