.motion-hero.hero,.motion-hero.t-hero{display:grid;grid-template-columns:minmax(0,1.13fr) minmax(0,.87fr);gap:36px;align-items:center;min-height:670px;padding:68px 5.5% 77px;background-image:none!important;background-color:#07111c;overflow:hidden;isolation:isolate}
.motion-hero:before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 79% 44%,#19364b77,transparent 49%),radial-gradient(ellipse at 96% 82%,#562b3b38,transparent 37%),linear-gradient(135deg,#0b1726,#07111c 60%);z-index:-2;pointer-events:none}
.motion-copy{position:relative;z-index:2;min-width:0;width:100%;max-width:690px}.motion-hero .hero-content{max-width:none}.motion-hero.hero h1{font-size:clamp(35px,4.3vw,68px);margin:26px 0 28px;line-height:1.07;display:block}.motion-hero.hero h1 em{display:block;font-size:1.8em;margin-top:10px}.motion-hero.t-hero h1{font-size:clamp(35px,4.3vw,68px);max-width:none;line-height:1.07;margin:24px 0 28px}.motion-hero.t-hero h1 span{font-size:1.8em;display:block;margin-top:10px}.motion-hero .hero-stats{max-width:520px;margin-top:30px}.motion-hero .hero p,.motion-hero p{max-width:440px}.motion-hero .hero-bottom{bottom:22px;font-size:8px}.motion-hero .actions{gap:10px}.motion-hero .button,.motion-hero .actions .text-link{font-size:9px;padding:15px 16px;gap:14px}.motion-hero .crumb{font-size:8px;letter-spacing:1.6px;line-height:1.7}.motion-hero:after{z-index:3}
.motion-art{position:relative;height:470px;min-width:0;display:grid;place-items:center;z-index:1;pointer-events:none;perspective:1000px;contain:layout}.motion-art-glow{position:absolute;width:88%;height:77%;background:radial-gradient(ellipse,#31759823,transparent 67%);border-radius:50%}.motion-orbit{position:absolute;width:115%;aspect-ratio:1;border:1px solid #6397ac24;clip-path:polygon(25% 0,75% 0,100% 25%,100% 75%,75% 100%,25% 100%,0 75%,0 25%);animation:orbit-turn 70s linear infinite}.motion-orbit:before{content:'';position:absolute;inset:8%;border:1px dashed #70acc033;border-radius:50%}.motion-orbit.orbit-two{width:100%;transform:rotate(20deg);border-color:#db6c7721;animation:orbit-turn-reverse 90s linear infinite}.motion-portrait{position:relative;width:min(76%,330px);height:420px;animation:portrait-float 7.5s ease-in-out infinite;z-index:2;will-change:transform}.motion-tilt{height:100%;width:100%;transform:rotate(-3deg) rotateY(-9deg);transform-style:preserve-3d;transition:transform .45s ease;position:relative}.motion-poster-frame{position:relative;height:100%;padding:1px;background:linear-gradient(135deg,#80c8df,#2c556744 40%,#ef849777);clip-path:polygon(21px 0,100% 0,100% calc(100% - 21px),calc(100% - 21px) 100%,0 100%,0 21px);box-shadow:0 25px 65px #0006}.motion-poster{display:block;width:100%;height:100%;object-fit:cover;object-position:center;opacity:.9;clip-path:polygon(21px 0,100% 0,100% calc(100% - 21px),calc(100% - 21px) 100%,0 100%,0 21px)}.poster-sweep{position:absolute;inset:0;background:linear-gradient(112deg,transparent 38%,#c9f6ff12 49%,#b2eeff24 50%,transparent 61%);transform:translateX(-130%);animation:poster-sweep 10s ease-in-out infinite;pointer-events:none}.poster-corners{position:absolute;inset:12px;background:linear-gradient(#8acde0,#8acde0) left top/20px 1px no-repeat,linear-gradient(#8acde0,#8acde0) left top/1px 20px no-repeat,linear-gradient(#ed8a99,#ed8a99) right bottom/20px 1px no-repeat,linear-gradient(#ed8a99,#ed8a99) right bottom/1px 20px no-repeat}.art-caption{position:absolute;bottom:-30px;left:0;right:0;text-align:center;color:#7595ac;font-size:8px;letter-spacing:2px}.motion-card{position:absolute;width:77px;height:107px;border:1px solid #6bbed486;background:linear-gradient(145deg,#142f44,#0b1828);display:grid;place-items:center;z-index:4;box-shadow:0 12px 28px #0004;clip-path:polygon(9px 0,100% 0,100% calc(100% - 9px),calc(100% - 9px) 100%,0 100%,0 9px);animation:card-float 6s ease-in-out infinite;--card-angle:-12deg;will-change:transform}.motion-card:before{content:'';position:absolute;inset:7px;border:1px solid #6bbed429}.motion-card svg{width:35px;height:35px;stroke:#a4dded;stroke-width:1.3;fill:none}.motion-card.card-a{left:0;top:82px}.motion-card.card-b{right:-2px;top:175px;--card-angle:13deg;border-color:#d1768980;background:linear-gradient(135deg,#302038,#151724);animation-delay:-2.5s;animation-duration:7.2s}.motion-card.card-b svg{stroke:#eba2b1}.motion-card.card-c{left:23px;bottom:29px;width:62px;height:86px;--card-angle:9deg;animation-delay:-4s;animation-duration:8s}.motion-card.card-c svg{width:27px}.motion-trails{position:absolute;width:120%;height:110%;inset:-5% -10%;overflow:visible;z-index:0}.motion-trails path{fill:none;stroke:#6fcbe04f;stroke-width:.6;stroke-dasharray:14 45;animation:trail-flow 18s linear infinite}.motion-trails path:nth-child(2){stroke:#dd82904d;animation-direction:reverse;animation-duration:23s}.motion-dust{position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:0}.motion-dust i{position:absolute;width:3px;height:3px;background:#89d5e6;border-radius:50%;opacity:0;animation:dust-rise var(--duration,10s) ease-in-out infinite;animation-delay:var(--delay,0s)}.motion-dust i:nth-child(3n){background:#dd8e99;width:2px;height:2px}.motion-copy>*{animation:copy-enter .7s ease-out both}.motion-copy h1{animation-delay:.1s}.motion-copy p{animation-delay:.18s}.motion-copy .actions{animation-delay:.24s}.motion-copy .hero-stats{animation-delay:.3s}.motion-control{position:absolute;bottom:19px;right:5%;z-index:4;border:1px solid #3b5566;background:#0c1926c9;color:#92adbd;font:9px var(--ui);letter-spacing:1px;padding:7px 10px;cursor:pointer}.motion-control:hover{border-color:#8ac8dc;color:#d5f0f8}.motion-hero .hero-bottom{right:260px}.motion-hero .hero-bottom span:last-child{display:none}
.motion-reveal{opacity:1;transform:none}.motion-ready .motion-reveal.pending-reveal{opacity:0;transform:translateY(15px)}.motion-ready .motion-reveal{transition:opacity .6s ease,transform .6s ease}.motion-ready .motion-reveal.is-revealed{opacity:1;transform:translateY(0)}.competition,.team-card,.spell-card,.prize{transition:border-color .25s ease,transform .25s ease,background .25s ease}.competition:hover,.team-card[data-team]:hover,.prize:hover{border-color:#6aaac080;transform:translateY(-3px)}.reference-heading .section-mark{transition:transform .5s ease,color .5s ease}.section:hover .section-mark{transform:rotate(90deg);color:#8fd6e9}.heading-rule{position:relative;overflow:hidden}.heading-rule:after{content:'';position:absolute;width:80px;inset-block:0;left:0;background:linear-gradient(90deg,transparent,#a4dbea66,transparent);animation:heading-trace 12s linear infinite}.path-wire{overflow:hidden}.path-wire:after{content:'';position:absolute;width:120px;height:1px;left:-120px;top:0;background:linear-gradient(90deg,transparent,#b8efff,transparent);animation:path-flow 8s linear infinite}.step-diamond{transition:transform .3s ease,border-color .3s ease}.participation-step:hover .step-diamond{transform:rotate(45deg) translate(-3px,-3px);border-color:#c5f0fa}.tournament-tabs button{transition:border-color .2s,background .2s}.partners-strip img{transition:opacity .2s,filter .2s,transform .2s}.partners-strip a:hover img{transform:translateY(-3px)}
.motion-paused .motion-hero *,.motion-paused .heading-rule:after,.motion-paused .path-wire:after,.motion-offscreen .motion-art *{animation-play-state:paused!important}.motion-paused .motion-reveal{opacity:1!important;transform:none!important}.motion-paused .motion-tilt{transform:rotate(-3deg) rotateY(-9deg)!important}
@keyframes portrait-float{0%,100%{transform:translateY(-7px) rotate(.5deg)}50%{transform:translateY(9px) rotate(-.5deg)}}@keyframes card-float{0%,100%{transform:translateY(-7px) rotate(var(--card-angle))}50%{transform:translateY(10px) rotate(calc(var(--card-angle) + 4deg))}}@keyframes orbit-turn{to{transform:rotate(360deg)}}@keyframes orbit-turn-reverse{from{transform:rotate(20deg)}to{transform:rotate(-340deg)}}@keyframes trail-flow{to{stroke-dashoffset:-400}}@keyframes dust-rise{0%{opacity:0;transform:translateY(20px)}20%{opacity:.55}80%{opacity:.1}100%{opacity:0;transform:translateY(-80px)}}@keyframes poster-sweep{0%,65%{transform:translateX(-130%)}88%,100%{transform:translateX(130%)}}@keyframes copy-enter{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes heading-trace{0%{transform:translateX(-90px)}100%{transform:translateX(800px)}}@keyframes path-flow{to{left:100%}}
@media(max-width:1100px) and (min-width:801px){.motion-hero.hero,.motion-hero.t-hero{gap:23px;padding-inline:4.5%;min-height:625px}.motion-art{height:440px}.motion-portrait{width:78%;height:370px}.motion-card{width:61px;height:88px}.motion-card.card-a{left:-3px}.motion-card.card-b{right:-10px}.motion-hero .button,.motion-hero .actions .text-link{font-size:8px;padding:13px 12px;gap:9px}.motion-hero .hero-stats{max-width:430px}.motion-hero .hero-stat{padding:14px 12px}.motion-hero.hero h1,.motion-hero.t-hero h1{font-size:4.2vw}}
@media(max-width:800px){.motion-hero.hero,.motion-hero.t-hero{grid-template-columns:minmax(0,1fr);gap:25px;padding:27px 22px 62px;min-height:0}.motion-art{grid-row:1;height:260px;max-width:370px;width:100%;justify-self:center}.motion-portrait{height:246px;width:180px}.motion-tilt{transform:rotate(-3deg) rotateY(0)}.motion-orbit{width:87%;max-width:300px}.motion-orbit.orbit-two{width:75%;max-width:270px}.motion-card{width:48px;height:69px}.motion-card svg{width:24px;height:24px}.motion-card.card-a{left:2px;top:60px}.motion-card.card-b{right:5px;top:121px}.motion-card.card-c{left:18px;bottom:13px;width:41px;height:57px}.motion-card.card-c svg{width:21px}.motion-dust{display:none}.art-caption{bottom:-17px;font-size:6px;letter-spacing:1.4px}.motion-copy{grid-row:2}.motion-hero.hero h1,.motion-hero.t-hero h1{font-size:clamp(24px,7.3vw,52px);line-height:1.12;margin:18px 0 23px}.motion-hero.hero h1 em,.motion-hero.t-hero h1 span{font-size:1.9em;margin-top:8px}.motion-hero .hero-stats{margin-top:23px}.motion-hero .crumb{font-size:7px;margin-bottom:18px}.motion-hero .button,.motion-hero .actions .text-link{font-size:8px;gap:8px;padding:13px 10px}.motion-hero p{font-size:13px;margin-top:0}.motion-hero .hero p{font-size:13px}.motion-hero .hero-content .eyebrow{font-size:8px}.motion-control{bottom:19px;right:22px;font-size:8px}.motion-hero .hero-bottom{display:none}.motion-copy>*{animation-duration:.55s}.heading-rule:after{animation:none}.competition:hover,.prize:hover{transform:none}}
@media(prefers-reduced-motion:reduce){.motion-hero *,.heading-rule:after,.path-wire:after{animation:none!important}.motion-ready .motion-reveal,.motion-ready .motion-reveal.pending-reveal{opacity:1!important;transform:none!important;transition:none!important}.motion-tilt{transform:rotate(-3deg)!important;transition:none!important}.motion-control{display:none}.motion-dust{display:none}.competition,.team-card,.spell-card,.prize,.step-diamond,.section-mark{transition:none!important}.section:hover .section-mark{transform:none}.competition:hover,.team-card[data-team]:hover,.prize:hover{transform:none}}
.motion-paused .motion-copy>*{animation:none!important;opacity:1!important;transform:none!important}.motion-loop-paused:after,.motion-offscreen .motion-dust *{animation-play-state:paused!important}