.sx[data-sx] .wall{position:relative;background:#000}
.sx[data-sx] .wall__stage{position:relative;height:100vh;height:100svh;min-height:560px;overflow:hidden;background:#000}
.sx[data-sx] .feed{position:absolute;inset:0;z-index:0;overflow:hidden}
.sx[data-sx] .feed__zoom{position:absolute;inset:0;will-change:transform}
.sx[data-sx] .feed__zoom img{width:100%;height:100%;object-fit:cover;object-position:62% 40%;will-change:filter,transform}
html.sx-anim .sx[data-sx] .feed__zoom img{filter:grayscale(1) brightness(.32) contrast(1.25)}
.sx[data-sx] .feed__shade{position:absolute;inset:0;background:linear-gradient(90deg, rgba(5,7,11,.9) 0%, rgba(5,7,11,.55) 34%, rgba(5,7,11,0) 62%), linear-gradient(0deg, rgba(5,7,11,.8) 0%, rgba(5,7,11,0) 38%)}
.sx[data-sx] .feed__flash{position:absolute;inset:0;background:#E8F6FF;opacity:0;mix-blend-mode:screen;pointer-events:none}
.sx[data-sx] .wall__grid{position:absolute;inset:0;z-index:1;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:6px;padding:6px;pointer-events:none}
.sx[data-sx] .tile{position:relative;overflow:hidden;background:#0B0F16;color:#fff;text-decoration:none;pointer-events:auto;isolation:isolate}
.sx[data-sx] .tile > img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform 1.2s var(--ease)}
.sx[data-sx] .tile:hover > img{transform:scale(1.05)}
.sx[data-sx] .tile::after{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(0deg, rgba(5,7,11,.85) 0%, rgba(5,7,11,0) 55%), linear-gradient(180deg, rgba(5,7,11,.55) 0%, rgba(5,7,11,0) 25%);pointer-events:none}
.sx[data-sx] .tile--slot{background:transparent;pointer-events:none}
.sx[data-sx] .tile--slot::after{opacity:0;transition:opacity .5s}
.sx[data-sx] .is-wall .tile--slot::after{opacity:1}
.sx[data-sx] .is-wall .tile--slot{pointer-events:auto}
.sx[data-sx] .tile__label{position:absolute;z-index:2;left:calc(1.25*var(--u));right:calc(1.25*var(--u));bottom:calc(1.15*var(--u));display:grid;gap:calc(.35*var(--u))}
.sx[data-sx] .tile__label b{font-weight:800;font-size:clamp(calc(1.6*var(--u)), calc(.9*var(--u)) + 2.4vw, calc(3.5*var(--u)));letter-spacing:-.04em;line-height:.95}
.sx[data-sx] .tile__label b .lt{font-weight:300}
.sx[data-sx] .tile__label > span{display:inline-flex;align-items:center;gap:calc(.45*var(--u));color:#D3DBE4;font-size:calc(.9375*var(--u))}
.sx[data-sx] .tile__label .ico{width:1em;height:1em;transition:transform .35s var(--ease)}
.sx[data-sx] .tile:hover .tile__label .ico{transform:translateX(4px)}
.sx[data-sx] .tile--slot .tile__label{opacity:0}
html:not(.sx-anim) .sx[data-sx] .tile:not(.tile--slot){display:none}
html.sx-anim .sx[data-sx] .tile:not(.tile--slot){clip-path:inset(0 0 100% 0)}
.sx[data-sx] .intro{position:absolute;z-index:2;left:0;right:0;bottom:0;padding-bottom:calc(clamp(calc(2*var(--u)),7vh,calc(5*var(--u))) + var(--chrome, 0px))}
.sx[data-sx] .is-wall .intro{pointer-events:none}
.sx[data-sx] .intro .mega{max-width:11ch}
html.sx-anim .sx[data-sx] .intro h1{visibility:hidden}
.sx[data-sx] .mega .l1,.sx[data-sx] .mega .l2{display:block}
.sx[data-sx] .intro__lede{margin-top:calc(1.5*var(--u));color:#C9D2DC;max-width:calc(33*var(--u))}
.sx[data-sx] .intro__lede strong{color:#fff;font-weight:600}
.sx[data-sx] .ctas{display:flex;flex-wrap:wrap;gap:calc(.75*var(--u));margin-top:calc(2*var(--u))}
@media (max-width:900px){
  .sx[data-sx] .wall__grid{grid-template-columns:1fr;grid-template-rows:repeat(4,1fr);gap:4px;padding:4px}
  .sx[data-sx] .tile__label{left:calc(1*var(--u));right:calc(1*var(--u));bottom:calc(.85*var(--u))}
  .sx[data-sx] .tile__label b{font-size:calc(1.65*var(--u))}
  .sx[data-sx] .tile__label > span{font-size:calc(.8125*var(--u))}
  .sx[data-sx] .feed__shade{background:linear-gradient(0deg, rgba(5,7,11,.92) 0%, rgba(5,7,11,.6) 45%, rgba(5,7,11,.1) 75%)}
  .sx[data-sx] .feed__zoom img{object-position:74% 40%}
  .sx[data-sx] .intro .mega{font-size:clamp(calc(2.6*var(--u)), 11vw, calc(4*var(--u)))}
  .sx[data-sx] .intro__lede{font-size:calc(1*var(--u));margin-top:calc(1*var(--u))}
  .sx[data-sx] .ctas{margin-top:calc(1.5*var(--u));flex-wrap:nowrap;gap:calc(.5*var(--u))}
  .sx[data-sx] .intro .btn{padding:0 calc(1*var(--u));min-height:calc(3*var(--u));font-size:calc(.8125*var(--u))}
}
html.sx-anim .sx[data-sx] [data-boot-hide]{opacity:0;visibility:hidden}
