.sx[data-sx] .cord__stage{position:relative;height:100vh;height:100svh;min-height:600px;overflow:hidden;background:#02050E}
.sx[data-sx] .cord__grid{position:relative;z-index:2;height:100%;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));align-items:center}
.sx[data-sx] .cord__text{grid-column:1 / span 6}
.sx[data-sx] .heads{display:grid}
.sx[data-sx] .heads > *{grid-area:1 / 1}
.sx[data-sx] .cord__h1{visibility:hidden}
.sx[data-sx] .cord__h2a,.sx[data-sx] .since-mask,.sx[data-sx] .cord__since{display:block}
.sx[data-sx] .since-mask{overflow:hidden;padding-bottom:.12em;margin-bottom:-.12em}
.sx[data-sx] .cord__h2 [data-year]{font-variant-numeric:tabular-nums}
.sx[data-sx] .cord__nos{display:grid;gap:calc(.25*var(--u));margin-top:calc(2.25*var(--u))}
.sx[data-sx] .cord__nos li{font-weight:300;font-size:clamp(calc(1.5*var(--u)), calc(1*var(--u)) + 1.6vw, calc(2.6*var(--u)));letter-spacing:-.03em;line-height:1.15;color:#C9D2DC}
.sx[data-sx] .nos__t{position:relative;display:inline-block}
.sx[data-sx] .strike{position:absolute;left:-3%;right:-3%;top:54%;height:.11em;background:var(--rec);transform-origin:left}
.sx[data-sx] .cord__body{margin-top:calc(2*var(--u));color:var(--muted-night);max-width:calc(32*var(--u))}
.sx[data-sx] .cord__rig{position:absolute;z-index:1;top:0;bottom:0;right:max(2vw, calc((100vw - var(--page)) / 2));height:100%;aspect-ratio:1200 / 1607}
.sx[data-sx] .cord__photo{position:absolute;inset:0;-webkit-mask-image:radial-gradient(closest-side at 50% 46%, #000 60%, transparent 100%);mask-image:radial-gradient(closest-side at 50% 46%, #000 60%, transparent 100%)}
.sx[data-sx] .cord__photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.sx[data-sx] .cord__cable{opacity:0;-webkit-mask-image:var(--cable-mask,url(sx-studio-x2k-cable.png));mask-image:var(--cable-mask,url(sx-studio-x2k-cable.png));-webkit-mask-size:100% 100%;mask-size:100% 100%}
html:not(.sx-anim) .sx[data-sx] .cord__wired{display:none}
.sx[data-sx] .cord__snip{position:absolute;left:30%;top:2%;font-weight:800;font-size:clamp(calc(3*var(--u)), calc(2*var(--u)) + 5vw, calc(7.5*var(--u)));letter-spacing:-.04em;color:var(--cyan);opacity:0;pointer-events:none}
@media (max-width:900px){
  .sx[data-sx] .cord__grid{align-items:start;padding-top:calc(2*var(--u))}
  .sx[data-sx] .cord__text{grid-column:1 / -1}
  .sx[data-sx] .cord__nos{margin-top:calc(1.25*var(--u))}
  .sx[data-sx] .cord__nos li{font-size:calc(1.4*var(--u))}
  .sx[data-sx] .cord__body{display:none}
  .sx[data-sx] .cord__rig{top:auto;bottom:0;right:auto;left:50%;height:60%;transform:translateX(-50%)}
}