/* A 4:3 stage stays in view while the document controls its timeline. */
#arena-assembly{height:calc(220svh - 49px);position:relative;margin:48px 0 64px;background:#050812;border-radius:20px;color:#e5efff}
#arena-assembly .arena-scroll-sticky{position:sticky;top:86px;height:calc(100svh - 98px);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:12px}
#arena-assembly .arena-scroll-visual{position:relative;width:min(100%,calc(133.333svh - 234.667px));aspect-ratio:4/3;flex-shrink:0;background:#050812;overflow:hidden}
#arena-assembly iframe,#arena-assembly .arena-scroll-fallback{position:absolute;inset:0;width:100%;height:100%;border:0;object-fit:cover}
#arena-assembly iframe{opacity:0;pointer-events:none;transition:opacity .3s}
#arena-assembly.is-ready iframe{opacity:1}
#arena-assembly.is-ready .arena-scroll-fallback{visibility:hidden}
#arena-assembly .arena-scroll-loading{position:absolute;bottom:12%;width:100%;text-align:center;color:white;background:#050812bd;padding:12px;font-size:14px}
#arena-assembly.is-ready .arena-scroll-loading{display:none}
#arena-assembly .arena-scroll-caption{width:min(100%,760px);padding:12px 16px 4px;display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px;font-size:13px;line-height:1.5;color:#dae8ff}
#arena-assembly .arena-scroll-hint{color:#9cacc3}
#arena-assembly .arena-scroll-track{height:2px;background:#7184a033;width:100%;margin-top:6px;overflow:hidden}
#arena-assembly .arena-scroll-track i{display:block;height:100%;background:#8fcaff;transform-origin:left;transform:scaleX(0)}
#arena-assembly.is-failed,#arena-assembly.is-reduced{height:auto}
#arena-assembly.is-failed .arena-scroll-sticky,#arena-assembly.is-reduced .arena-scroll-sticky{position:relative;top:auto;min-height:400px;height:auto}
#arena-assembly.is-failed .arena-scroll-track,#arena-assembly.is-failed .arena-scroll-hint,#arena-assembly.is-reduced .arena-scroll-hint{display:none}
@media(max-width:600px){#arena-assembly{margin:32px 0 40px;border-radius:12px;height:calc(145svh - 64.5px)}#arena-assembly .arena-scroll-sticky{top:76px;height:calc(100svh - 86px);padding:4px}#arena-assembly .arena-scroll-caption{font-size:11px;gap:6px}#arena-assembly .arena-scroll-hint{width:100%}#arena-assembly.is-reduced,#arena-assembly.is-failed{height:auto}}
@media(prefers-reduced-motion:reduce){#arena-assembly iframe{transition:none}}

/* Large editorial titles, with reserved space above and below the model. */
#arena-assembly .arena-scroll-sticky{padding-top:68px;padding-bottom:116px}
#arena-assembly .arena-scroll-visual{width:min(100%,calc(133.333svh - 400px))}
#arena-assembly .arena-story-title,#arena-assembly .arena-story-bottom{position:absolute;left:16px;right:16px;text-align:center;pointer-events:none;font-family:'Unbounded','Manrope',sans-serif;font-weight:500;letter-spacing:-.045em;line-height:1.3;color:#f2f4ff}
#arena-assembly .arena-story-title{top:15px;font-size:clamp(30px,3.1vw,50px);opacity:0;transform:translateY(15px);transition:opacity .7s,transform .7s;text-shadow:0 0 32px #80baff44}
#arena-assembly .arena-story-bottom{bottom:44px}
#arena-assembly .arena-story-benefits{display:flex;justify-content:center;gap:clamp(16px,2.4vw,38px);font-size:clamp(16px,2vw,30px)}
#arena-assembly .arena-story-benefits span{opacity:0;transform:translateY(14px);transition:opacity .65s,transform .65s}
#arena-assembly .arena-story-experience{font-size:clamp(28px,3.1vw,50px);margin-top:14px;opacity:0;transform:translateY(16px);transition:opacity .6s,transform .6s;color:#a5baff}
#arena-assembly.show-title .arena-story-title,#arena-assembly.show-benefit-1 .arena-story-benefits span:nth-child(1),#arena-assembly.show-benefit-2 .arena-story-benefits span:nth-child(2),#arena-assembly.show-benefit-3 .arena-story-benefits span:nth-child(3),#arena-assembly.show-experience .arena-story-experience{opacity:1;transform:translateY(0)}
#arena-assembly .arena-scroll-caption{position:absolute;bottom:8px;left:16px;right:16px;width:auto;padding:0;justify-content:center}
#arena-assembly .arena-scroll-caption>[data-arena-phase],#arena-assembly .arena-scroll-track{display:none}
@media(max-width:600px){#arena-assembly .arena-story-benefits{gap:8px;flex-wrap:wrap;font-size:17px}#arena-assembly .arena-story-benefits span:first-child{flex-basis:100%}#arena-assembly .arena-story-title{font-size:30px}#arena-assembly .arena-story-experience{font-size:27px}#arena-assembly .arena-scroll-hint{text-align:center}#arena-assembly .arena-scroll-sticky{padding-bottom:145px}}
@media(prefers-reduced-motion:reduce){#arena-assembly .arena-story-title,#arena-assembly .arena-story-benefits span,#arena-assembly .arena-story-experience{transition:none}}

@media(max-width:600px){#arena-assembly .arena-scroll-visual{aspect-ratio:4/5;width:min(100%,calc(80svh - 248px))}}

@media(max-width:600px){
 #arena-assembly{width:calc(100% + 24px);margin:16px -12px 24px;height:calc(100vw + 278px)}
 #arena-assembly .arena-scroll-sticky{height:auto;padding:48px 0 110px;justify-content:flex-start}
 #arena-assembly .arena-scroll-visual{width:100%;aspect-ratio:1}
 #arena-assembly .arena-story-title{top:7px;font-size:28px}
 #arena-assembly .arena-story-bottom{bottom:29px;left:8px;right:8px}
 #arena-assembly .arena-story-benefits{font-size:15px;gap:5px 12px}
 #arena-assembly .arena-story-experience{font-size:25px;margin-top:8px}
 #arena-assembly .arena-scroll-caption{bottom:5px;font-size:10px}
 #arena-assembly.is-reduced,#arena-assembly.is-failed{height:auto}
}

@media(max-width:600px){#arena-assembly .arena-story-benefits{flex-direction:column;align-items:center;gap:5px}#arena-assembly .arena-story-benefits span:first-child{flex-basis:auto}#arena-assembly .arena-story-bottom{bottom:42px}}

#arena-assembly .arena-scroll-hint{display:none}