/* 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}

/* Button-controlled arena: no scroll lock, no long sticky timeline. */
#arena-assembly{height:auto!important;margin:44px 0 64px;padding:22px;background:#050812;border:1px solid #263552;border-radius:20px}
#arena-assembly .arena-scroll-sticky{position:relative!important;top:auto!important;height:auto!important;padding:0!important;display:grid;grid-template-columns:minmax(0,1.35fr) minmax(260px,.65fr);gap:24px;align-items:center}
#arena-assembly .arena-scroll-visual{grid-row:1/4;width:100%!important;aspect-ratio:16/10!important;border-radius:14px;background:#050812;overflow:hidden}
#arena-assembly iframe,#arena-assembly .arena-scroll-fallback{border-radius:14px}
#arena-assembly .arena-scroll-loading{bottom:16px;border-radius:10px;background:#050812d9}
#arena-assembly .arena-step-copy{align-self:end;padding:4px 4px 0}
#arena-assembly .arena-step-number{display:block;margin-bottom:10px;color:#7ae0ef;font-size:12px;letter-spacing:.14em}
#arena-assembly .arena-step-copy h3{margin:0 0 10px;font-size:clamp(20px,2vw,30px)}
#arena-assembly .arena-step-copy p{margin:0;color:#aebbd3;font-size:14px;line-height:1.65}
#arena-assembly .arena-step-controls{display:grid;gap:8px}
#arena-assembly .arena-step-controls button{display:flex;align-items:center;gap:12px;width:100%;padding:11px 14px;border:1px solid #354668;border-radius:10px;text-align:left;color:#bdc9df;background:#0b1324;font-size:13px}
#arena-assembly .arena-step-controls button span{font-size:11px;color:#7ae0ef}
#arena-assembly .arena-step-controls button[aria-current=step]{border-color:#8edaf1;background:#16243c;color:#fff;box-shadow:0 0 24px #7ae0ef1f}
#arena-assembly .arena-step-arrows{display:flex;gap:10px;padding:4px}
#arena-assembly .arena-step-arrows .circle{width:42px;height:42px;font-size:18px}
#arena-assembly.is-failed .arena-scroll-fallback{visibility:visible}
#arena-assembly.is-failed iframe{display:none}
@media(max-width:760px){#arena-assembly{width:calc(100% + 24px);margin:22px -12px 36px;padding:12px;border-radius:16px}#arena-assembly .arena-scroll-sticky{display:block}#arena-assembly .arena-scroll-visual{aspect-ratio:4/3!important}#arena-assembly .arena-step-copy{padding:18px 4px 12px}#arena-assembly .arena-step-controls{grid-template-columns:1fr;gap:7px}#arena-assembly .arena-step-controls button{min-height:48px}#arena-assembly .arena-step-arrows{justify-content:flex-end;margin-top:10px}}
@media(prefers-reduced-motion:reduce){#arena-assembly .arena-step-controls button{transition:none}}
