/* The second act: an immersive sports gallery, in the same Trophy identity. */
.stage-cut{background:#071214}
.arena-track{position:relative;height:320svh;background:#071214;scroll-margin-top:0}
.arena-stage{height:100svh;min-height:720px;max-height:1250px;position:sticky;top:0;overflow:clip;isolation:isolate;background:#071214;touch-action:pan-y;outline:none;--camera-x:0;--camera-y:0}
.arena-atmosphere{position:absolute;inset:-10%;z-index:-3;background:radial-gradient(ellipse at 50% 45%,#005f6c66,transparent 54%),radial-gradient(ellipse at 90% 35%,#007b8e1c,transparent 45%),linear-gradient(#071214,#060c0e);translate:calc(var(--camera-x) * -20px) calc(var(--camera-y) * -15px);transition:translate 1s;animation:arenaMist 15s ease-in-out infinite alternate}
.arena-grain{position:absolute;inset:0;pointer-events:none;opacity:.06;z-index:10;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.75' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23fff' filter='url(%23noise)' d='M0 0h180v180H0z'/%3E%3C/svg%3E")}
.arena-particles{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:-1}
.arena-court{position:absolute;left:-10%;right:-10%;height:66%;bottom:-31%;border:1px solid #46d7e94a;transform:perspective(650px) rotateX(63deg) rotateZ(-9deg);transform-origin:center top;pointer-events:none;opacity:.45}
.arena-court:before,.arena-court:after{content:'';position:absolute;top:0;bottom:0;border-left:1px solid #46d7e94a;left:50%}.arena-court:after{left:20%;right:20%;top:15%;bottom:15%;border:1px solid #46d7e940}
.arena-court div{position:absolute;left:50%;top:50%;width:24%;aspect-ratio:1;translate:-50% -50%;border-radius:50%;border:1px solid #46d7e970}.arena-court span,.arena-court i{position:absolute;left:7%;top:37%;width:22%;height:38%;border:1px solid #46d7e940}.arena-court i{left:auto;right:7%}
.arena-top{position:absolute;left:5%;right:5%;top:125px;display:flex;justify-content:space-between;gap:30px;z-index:5;pointer-events:none}
.arena-top h2{font-size:clamp(22px,2.5vw,40px);font-weight:600;line-height:1;letter-spacing:.005em}.arena-top h2 span{color:#43c9dc}.arena-top p{font-size:8px;line-height:1.9;font-weight:700;letter-spacing:1.2px;text-align:right;color:#d0dddd}.arena-top p span{color:#77979c;font-size:7px}
.arena-ghost{position:absolute;left:50%;top:37%;translate:calc(-50% + var(--camera-x) * -35px) -50%;font-family:'Plecnik',Arial,sans-serif;font-size:37vw;letter-spacing:-.025em;line-height:1;font-weight:800;white-space:nowrap;color:transparent;-webkit-text-stroke:1px #87deea12;pointer-events:none;z-index:-1;transition:translate 1s}
.arena-frames{position:absolute;inset:0;perspective:1250px;transform-style:preserve-3d}
.arena-frame{position:absolute;left:50%;top:20%;width:min(37vw,540px);height:62%;max-height:700px;transform-style:preserve-3d;will-change:transform;transform:translate3d(calc(-50% + var(--frame-x,0px)),var(--frame-y,0px),var(--frame-z,0px)) rotateY(var(--frame-angle,0deg)) rotateZ(var(--frame-roll,-3deg));opacity:var(--frame-alpha,1);filter:brightness(var(--frame-light,1));transition:filter .5s,opacity .5s}
.arena-frame:nth-child(2){--frame-x:61vw;--frame-angle:-24deg;--frame-alpha:.4}.arena-frame:nth-child(3){--frame-x:-61vw;--frame-angle:24deg;--frame-alpha:.4}
.frame-float{position:relative;width:100%;height:100%;overflow:hidden;clip-path:polygon(0 0,100% 0,100% calc(100% - 23px),calc(100% - 23px) 100%,0 100%);background:#123139;animation:frameLevitate 8s ease-in-out infinite;box-shadow:0 30px 80px #0008}
.arena-frame:nth-child(2) .frame-float{animation-delay:-2.6s}.arena-frame:nth-child(3) .frame-float{animation-delay:-5.2s}
.frame-photo{position:absolute;inset:-3%;background-image:url('/assets/sports-campaign-joma.png');background-size:300% auto;background-position:left 30%;background-repeat:no-repeat;filter:saturate(.65);scale:1.02;translate:calc(var(--camera-x) * -10px) calc(var(--camera-y) * -8px);transition:scale 1.2s var(--ease),filter .9s,translate 1s var(--ease)}
.photo-basketball{background-position-x:center}.photo-volleyball{background-position-x:right}.arena-frame.is-active .frame-photo{filter:saturate(.9)}.arena-frame:hover .frame-photo{scale:1.075;filter:saturate(1.1)}
.frame-shade{position:absolute;inset:0;background:linear-gradient(180deg,#001c2830,transparent 48%,#041215c9),linear-gradient(90deg,#0097b21a,transparent 50%);border:1px solid #71ddea40}
.frame-code,.frame-caption{position:absolute;font-size:7px;font-weight:700;letter-spacing:1.5px;color:#d3f8ff;z-index:2}.frame-code{left:20px;top:20px}.frame-caption{bottom:21px;left:20px}.frame-corner{position:absolute;right:20px;top:12px;font-size:28px;font-weight:400}
.arena-editorial{position:absolute;left:7%;right:7%;bottom:20%;height:230px;z-index:4;pointer-events:none}
.arena-story{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:flex-end;visibility:hidden;opacity:0;translate:0 45px;filter:blur(6px);transition:opacity .35s,translate .65s var(--ease),filter .65s,visibility .65s}
.arena-story.is-active{visibility:visible;opacity:1;translate:0 0;filter:blur(0);transition-delay:.08s}
.arena-eyebrow{display:block;font-size:8px;letter-spacing:2px;font-weight:700;margin-bottom:9px;color:#9ae9f1;text-shadow:0 1px 15px #0009}
.arena-story h3{font-size:clamp(110px,16.8vw,260px);line-height:.8;font-weight:700;letter-spacing:-.025em;white-space:nowrap;text-shadow:0 10px 80px #00101455}.arena-story h3>span{color:#0097b2}
.arena-story p{font-size:10px;line-height:1.9;color:#becdd0;margin-top:24px;text-shadow:0 2px 15px #000;max-width:300px}
.arena-enter{position:absolute;right:0;bottom:2px;display:flex;align-items:center;gap:36px;padding:17px 22px;background:#e9f4f2;color:#052b33;border-radius:50px;font-size:9px;letter-spacing:.9px;font-weight:800;pointer-events:auto;transition:background .4s,transform .5s var(--ease)}.arena-enter span{font-family:Arial;font-size:28px;line-height:1;font-weight:400}.arena-enter:hover{transform:translateY(-5px);background:#43cee0}
.arena-bottom{position:absolute;bottom:47px;left:5%;right:5%;display:flex;align-items:center;justify-content:space-between;gap:20px;z-index:6}
.arena-hint{display:flex;align-items:center;gap:14px;font-size:7px;letter-spacing:1.2px;line-height:1.8;font-weight:700;color:#d2e4e6}.arena-hint i{font-style:normal;font-size:26px;line-height:1;animation:nudgeDown 2.4s infinite;color:#43c9dc}.arena-hint small{font-size:6px;color:#6f969c;letter-spacing:.9px}
.arena-switcher{display:flex;padding:5px;border:1px solid #7ba8b530;border-radius:50px;gap:3px;background:#0a1a1ecc;backdrop-filter:blur(16px)}
.arena-switcher button{color:#94b2b7;background:transparent;border:0;border-radius:40px;padding:14px 19px;font-size:8px;letter-spacing:.8px;font-weight:800;transition:background .5s,color .5s,transform .4s}.arena-switcher button small{font-size:6px;opacity:.6;margin-right:6px;font-weight:500}.arena-switcher button[aria-pressed=true]{background:#0097b2;color:white}.arena-switcher button:hover{color:white;background:#123d47}.arena-switcher button[aria-pressed=true]:hover{background:#0097b2}
.arena-navigation{display:flex;align-items:center;gap:8px}.arena-count{font-size:8px;letter-spacing:2px;color:#65858a;margin-right:12px}.arena-count b{font-weight:600;color:#def4f6}.arena-navigation button{border:1px solid #779aa447;border-radius:50%;width:39px;height:39px;background:transparent;color:white;font-size:22px;transition:background .4s,border-color .4s}.arena-navigation button:hover{background:#0097b2;border-color:#0097b2}
.arena-timeline{position:absolute;bottom:0;left:0;right:0;height:2px;background:#ffffff0d;z-index:6}.arena-timeline span{display:block;height:100%;width:100%;background:#0097b2;transform-origin:left;scale:var(--arena-progress,.3333) 1;box-shadow:0 0 20px #0097b2;transition:scale .2s}
.arena-footer{position:relative;padding:70px 6% 0;background:#071214;border-top:1px solid #75cad71c;display:grid;grid-template-columns:1fr auto;gap:50px 80px;scroll-margin-top:80px;overflow:clip}.footer-story{scroll-margin-top:120px}.footer-story>.micro{font-size:7px;color:#5cafbb;letter-spacing:1.6px}.footer-story>p{font-family:'Plecnik',Arial,sans-serif;font-size:clamp(34px,4.2vw,65px);font-weight:600;letter-spacing:-.6px;line-height:1.1;margin:22px 0 16px}.footer-story>p span{color:#0097b2}.footer-story>div{font-size:10px;line-height:1.9;color:#88a1a5}.footer-connect{display:flex;flex-direction:column;align-self:center}.footer-connect>span{font-size:7px;font-weight:600;letter-spacing:1px;color:#7b9aa1}.footer-connect strong{font-family:'Plecnik',Arial,sans-serif;font-size:40px;font-weight:600;margin:13px 0 12px;line-height:1.1;letter-spacing:.3px}.footer-connect i{font-family:Arial;font-style:normal;font-weight:400;display:inline-block;margin-left:30px;color:#0097b2;transition:translate .4s}.footer-connect:hover i{translate:5px -5px}.footer-connect>small{font-size:10px;color:#bfd1d4}.arena-footer-bottom{grid-column:1/-1;padding:25px 0;display:flex;align-items:center;justify-content:space-between;gap:25px;border-top:1px solid #75989d2b;font-size:6px;font-weight:700;letter-spacing:1px;color:#88a4a9}.arena-footer-bottom img{width:110px;height:auto;display:block}.arena-footer-bottom>a:last-child{color:#e5eff0}.arena-footer-bottom>a:last-child:hover{color:#43c9dc}
.arena-offscreen .arena-stage *{animation-play-state:paused!important}
@keyframes frameLevitate{0%,100%{translate:0 0;rotate:0deg}50%{translate:0 -14px;rotate:1.2deg}}@keyframes arenaMist{from{scale:1;opacity:.65}to{scale:1.15;opacity:1}}
@media(hover:hover) and (pointer:fine){.motion-enabled .arena-frame:hover{cursor:none}}
@media(min-width:1700px){.arena-editorial{bottom:21%}.arena-bottom{bottom:65px}.arena-story p{font-size:12px}.arena-eyebrow{font-size:10px}.arena-enter{font-size:11px;padding:22px 28px}.arena-top{top:145px}.arena-switcher button{padding:17px 24px;font-size:10px}}
@media(max-width:1000px){.arena-top{top:110px}.arena-stage{min-height:690px}.arena-frame{width:48vw;height:60%;top:20%}.arena-editorial{bottom:23%}.arena-story h3{font-size:19vw}.arena-story p{font-size:9px;max-width:230px}.arena-enter{font-size:8px;gap:18px;padding:15px 18px}.arena-hint{display:none}.arena-bottom{gap:15px}.arena-switcher button{padding:14px 16px}.footer-connect strong{font-size:32px}.footer-connect i{margin-left:10px}}
@media(max-width:760px){.arena-track{height:280svh}.arena-stage{min-height:690px;max-height:none}.arena-top{top:104px;left:7%;right:7%}.arena-top h2{font-size:24px}.arena-top p{font-size:6px;letter-spacing:.8px}.arena-top p span{font-size:5px}.arena-ghost{font-size:66vw;top:40%}.arena-frame{width:65vw;height:46%;top:22%;max-width:370px}.frame-code{font-size:6px;left:14px;top:15px}.frame-caption{font-size:6px;left:14px;bottom:16px}.frame-corner{right:14px;font-size:22px}.frame-float{animation-duration:9s}.arena-editorial{left:7%;right:7%;height:190px;bottom:19%}.arena-eyebrow{font-size:6px;letter-spacing:1.1px;margin-bottom:12px}.arena-story h3{font-size:22vw;line-height:.86}.arena-story p{font-size:9px;line-height:1.8;margin-top:15px;max-width:100%}.arena-enter{position:static;align-self:flex-start;margin-top:17px;padding:12px 16px;font-size:7px;gap:23px}.arena-enter span{font-size:21px}.arena-bottom{left:5%;right:5%;bottom:27px;flex-direction:column;gap:15px;align-items:stretch}.arena-switcher{justify-content:space-between;gap:0;padding:4px}.arena-switcher button{flex:1;padding:13px 7px;font-size:7px;letter-spacing:.4px}.arena-switcher button small{font-size:5px;margin-right:4px}.arena-navigation{justify-content:center;gap:12px}.arena-navigation button{width:27px;height:27px;font-size:17px}.arena-count{font-size:6px;margin-right:8px}.arena-court{bottom:-26%;transform:perspective(500px) rotateX(68deg) rotateZ(-8deg)}.arena-footer{padding:47px 7% 0;grid-template-columns:1fr;gap:35px}.footer-story>.micro{font-size:6px}.footer-story>p{font-size:38px;max-width:290px;margin:18px 0 13px}.footer-story>div{font-size:9px}.footer-connect{align-self:start;border-top:1px solid #71919a30;padding-top:28px}.footer-connect>span{font-size:6px}.footer-connect strong{font-size:31px;display:flex;justify-content:space-between;max-width:350px}.footer-connect>small{font-size:9px}.arena-footer-bottom{flex-wrap:wrap;gap:23px;font-size:5px;letter-spacing:.6px}.arena-footer-bottom>a:first-child{width:40%}.arena-footer-bottom>span:first-of-type{margin-left:auto}.arena-footer-bottom>a:last-child{margin-left:auto}.arena-footer-bottom img{width:100px}}
@media(max-width:370px){.arena-stage{min-height:660px}.arena-top h2{font-size:21px}.arena-editorial{bottom:20%}.arena-story p{font-size:8px}.arena-switcher button{font-size:6px}.arena-top p{font-size:5px}.footer-story>p{font-size:34px}}
.motion-paused .arena-track{height:100svh;min-height:720px}.motion-paused .arena-stage{position:relative}.motion-paused .arena-frame{transition:none;transform:translate3d(calc(-50% + var(--frame-x,0px)),0,var(--frame-z,0px)) rotateY(var(--frame-angle,0deg))!important}.motion-paused .frame-float{translate:none;rotate:none}.motion-paused .arena-story{transition:none;filter:none;translate:none}.motion-paused .arena-atmosphere{scale:1;translate:none}.motion-paused .frame-photo{translate:none;scale:1}.motion-paused .arena-particles{display:none}
@media(max-width:760px){.motion-paused .arena-track{min-height:690px}}
/* Align the immersive viewport exactly when entered from the hero link. */
.arena-track{scroll-margin-top:-25px}.arena-grain{opacity:.035}