.song-cup-hero-scene .s3gon:nth-child(n+23),.song-cup-hero-scene .s4gon:nth-child(n+48),.song-cup-hero-scene .s5gon:nth-child(n+7){--sup:1}.song-cup-hero-scene .s3gon:nth-child(n+18):nth-child(-n+27),.song-cup-hero-scene .s4gon:nth-child(n+38):nth-last-child(n+6),.song-cup-hero-scene .s5gon:nth-child(n+2):nth-child(-n+11){--mid:1}.song-cup-hero-scene{display:grid;overflow:hidden;margin:0;min-height:85vh;perspective-origin:50% 50%;perspective:35em;background:#1a202c;isolation:isolate}.song-cup-hero-scene .song-cup-hero-animation{grid-area:1/1;place-self:center;display:grid;width:100%;min-height:min(70vh,560px);margin-top:clamp(2rem,6vh,4rem);z-index:1;pointer-events:none;contain:paint}.song-cup-hero-scene .song-cup-hero-animation>.a3d,.song-cup-hero-scene .song-cup-hero-animation>.song-cup-hero-rings{display:grid;grid-area:1/1;place-self:center}.song-cup-hero-scene .song-cup-hero-rings{--n-data:8;z-index:1}.song-cup-hero-scene .stage{display:grid;grid-area:1/1;place-self:center;color:#ffffff;text-shadow:0 0 .25ch rgba(0,0,0,.6);font:700 2.25ch/1.5 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;animation:song-cup-text-move 48s linear calc(((var(--p) - .25) / var(--n-data) - 1) * 48s) infinite}.song-cup-hero-scene .stage span{--pos:rotate(calc((var(--idx) - 0.5 * (var(--n-char) - 1)) * 2.33635deg)) translatey(-30.63759ch);display:grid;grid-area:1/1;place-self:center;transform:var(--pos) scale(1.375);animation:song-cup-text-fade 48s ease-in-out infinite;animation-delay:calc(((var(--p) + var(--idx) / var(--n-char) - .75) / var(--n-data) - 1) * 48s)}@keyframes song-cup-text-move{0%{transform:rotate(1turn)}}@keyframes song-cup-text-fade{15%,85%{transform:var(--pos) scale(.75);opacity:.35}50%{opacity:.12}}.song-cup-hero-scene .site-header{position:absolute;top:0;left:0;right:0;z-index:10;display:grid;place-items:center;padding:clamp(.75rem,2vw,1.5rem) 1rem 0;pointer-events:none}.song-cup-hero-scene .site-logo{width:min(90vw,720px);max-width:100%;display:block;margin-inline:auto;overflow:visible;filter:drop-shadow(0 .5ch 1ch rgba(0,0,0,.4));pointer-events:auto;transform:translateX(clamp(1rem,3.5vw,2.5rem))}.song-cup-hero-scene .song-cup-hero-copy{grid-area:1/1;align-self:end;justify-self:center;position:relative;z-index:3;padding:0 1rem clamp(2rem,12vh,7rem);display:flex;flex-direction:column;align-items:center;gap:.75rem;text-align:center;pointer-events:none}.song-cup-hero-scene .song-cup-hero-copy-inner{display:flex;flex-direction:column;align-items:center;gap:.75rem;padding:1.25rem 1.75rem}.song-cup-hero-scene .song-cup-hero-line{margin:0;font-size:clamp(1rem,3.5vw,1.75rem);font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#ffffff;text-shadow:0 2px 12px rgba(0,0,0,.9),0 0 2px rgba(0,0,0,.8)}.song-cup-hero-scene .song-cup-hero-line-sub{font-size:clamp(.75rem,2.5vw,1.125rem);font-weight:600;letter-spacing:.06em;max-width:36rem}.song-cup-hero-scene .song-cup-hero-copy-inner>a,.song-cup-hero-scene .song-cup-hero-copy-inner>button{pointer-events:auto;margin-top:.75rem}.song-cup-hero-scene .logo-container{display:inline-flex;flex-direction:column;align-items:stretch;padding:20px 40px 20px 20px;width:max-content;max-width:max-content;color:#fff;font-family:Times New Roman,Times,serif;font-weight:700}.song-cup-hero-scene .top-row{display:flex;align-items:baseline;position:relative;z-index:2;white-space:nowrap}.song-cup-hero-scene .top-row>*{flex-shrink:0}.song-cup-hero-scene .letter-g,.song-cup-hero-scene .letter-s{font-size:65px}.song-cup-hero-scene .letter-s{margin-right:4px}.song-cup-hero-scene .letter-n{font-size:95px}.song-cup-hero-scene .ball-container{position:relative;display:inline-flex;flex-direction:column;align-items:center;margin-left:2px;margin-right:6px;top:5px}.song-cup-hero-scene .soccer-ball{width:75px;height:75px;position:relative;z-index:2}.song-cup-hero-scene .ball-shadow{position:absolute;bottom:-6px;width:60px;height:10px;background-color:#2d3748;border-radius:50%;opacity:.9;box-shadow:inset 0 2px 4px rgba(255,255,255,.2);z-index:1}.song-cup-hero-scene .word-cup{font-size:95px;margin-left:35px}.song-cup-hero-scene .bottom-row{display:flex;justify-content:space-between;width:100%;font-size:105px;margin-top:-35px;line-height:1;position:relative;z-index:1;white-space:nowrap;letter-spacing:.02em}.song-cup-hero-scene .bottom-row span{flex:1;text-align:center;flex-shrink:0;display:inline;grid-area:unset;place-self:unset}.song-cup-hero-scene .bottom-row span:last-child{padding-right:0}.song-cup-hero-scene .text-glow{text-shadow:0 2px 4px rgba(0,0,0,.8),0 0 2px rgba(255,255,255,.3)}@media (max-width:600px){.song-cup-hero-scene .logo-container{padding:12px 18px 12px 12px}.song-cup-hero-scene .letter-g,.song-cup-hero-scene .letter-s{font-size:40px}.song-cup-hero-scene .letter-s{margin-right:2px}.song-cup-hero-scene .letter-n{font-size:60px}.song-cup-hero-scene .word-cup{font-size:60px;margin-left:15px}.song-cup-hero-scene .bottom-row{font-size:68px;margin-top:-22px}.song-cup-hero-scene .ball-container{top:3px;margin-right:4px}.song-cup-hero-scene .soccer-ball{width:50px;height:50px}.song-cup-hero-scene .ball-shadow{width:40px;height:6px;bottom:-4px}.song-cup-hero-scene .soccer-ball .ball-patch{stroke:#e2e8f0;stroke-width:.75}}@media (max-width:480px){.song-cup-hero-scene{perspective:28em}}@media (prefers-reduced-motion:reduce){.song-cup-hero-scene .a3d,.song-cup-hero-scene .s2d,.song-cup-hero-scene .stage,.song-cup-hero-scene .stage span{animation:none!important}}.song-cup-hero-scene.song-cup-hero-scene--paused .a3d,.song-cup-hero-scene.song-cup-hero-scene--paused .s2d,.song-cup-hero-scene.song-cup-hero-scene--paused .stage,.song-cup-hero-scene.song-cup-hero-scene--paused .stage span{animation-play-state:paused!important}.song-cup-hero-scene .a3d{z-index:2;display:grid;transform-style:preserve-3d;backface-visibility:hidden;will-change:transform;animation:roty 20s linear infinite,size 48s cubic-bezier(.25,1,.5,1) infinite}@keyframes roty{to{rotate:y 1turn}}@keyframes size{to{scale:.61803 .61803 .61803}}.song-cup-hero-scene .s2d{display:grid;grid-area:1/1;place-self:center;backface-visibility:hidden;will-change:transform,clip-path;--sup:0;--not-sup:calc(1 - var(--sup));--sgn-sup:calc(2*var(--sup) - 1);--mid:0;--not-mid:calc(1 - var(--mid));--dif:calc(var(--sup) - var(--mid));--xor:calc(var(--dif)*var(--dif));--not-xor:calc(1 - var(--xor));--i:0;--dir:rotatey(calc(var(--j)*1turn)) rotatex(calc(var(--i)*.5turn)) rotatez(calc(var(--k, 0)*.5turn));--lum:50%;background:HSL(var(--hs),calc(var(--lum) + var(--i)*39%));animation:var(--morph,a) 48s cubic-bezier(.25,1,.5,1) infinite;border:.15ch solid rgba(255,255,255,.18);box-shadow:0 0 .8ch rgba(255,255,255,.35)}.song-cup-hero-scene .s3gon{--i:calc(var(--sgn-sup)*(var(--not-mid)*0.29235 + var(--mid)*0.06007));--k:var(--not-xor);--hs:0deg,0%;--lum:100%;--morph:morph3;padding:10.96966ch;transform:var(--dir) translatez(16.45448ch) scale(0);clip-path:polygon(calc(calc(1 - .5)*50% + .5*93.30127%) calc(calc(1 - .5)*0% + .5*75%),calc(.5*50% + calc(1 - .5)*93.30127%) calc(.5*0% + calc(1 - .5)*75%),calc(calc(1 - .5)*93.30127% + .5*6.69873%) calc(calc(1 - .5)*75% + .5*75%),calc(.5*93.30127% + calc(1 - .5)*6.69873%) calc(.5*75% + calc(1 - .5)*75%),calc(calc(1 - .5)*6.69873% + .5*50%) calc(calc(1 - .5)*75% + .5*0%),calc(.5*6.69873% + calc(1 - .5)*50%) calc(.5*75% + calc(1 - .5)*0%));border-color:rgba(0,0,0,.35);box-shadow:inset 0 0 1.5ch rgba(0,0,0,.12),0 0 .8ch rgba(255,255,255,.35)}.song-cup-hero-scene .s3gon:nth-child(5n+13){--j:calc((0 + .5*var(--sup))/5)}.song-cup-hero-scene .s3gon:nth-child(5n+14){--j:calc((1 + .5*var(--sup))/5)}.song-cup-hero-scene .s3gon:nth-child(5n+15){--j:calc((2 + .5*var(--sup))/5)}.song-cup-hero-scene .s3gon:nth-child(5n+16){--j:calc((3 + .5*var(--sup))/5)}.song-cup-hero-scene .s3gon:nth-child(5n+17){--j:calc((4 + .5*var(--sup))/5)}@keyframes morph3{25%{transform:var(--dir) translatez(14.35946ch) scale(.9);clip-path:polygon(calc(calc(1 - .5)*50% + .5*93.30127%) calc(calc(1 - .5)*0% + .5*75%),calc(.5*50% + calc(1 - .5)*93.30127%) calc(.5*0% + calc(1 - .5)*75%),calc(calc(1 - .5)*93.30127% + .5*6.69873%) calc(calc(1 - .5)*75% + .5*75%),calc(.5*93.30127% + calc(1 - .5)*6.69873%) calc(.5*75% + calc(1 - .5)*75%),calc(calc(1 - .5)*6.69873% + .5*50%) calc(calc(1 - .5)*75% + .5*0%),calc(.5*6.69873% + calc(1 - .5)*50%) calc(.5*75% + calc(1 - .5)*0%))}50%,to{transform:var(--dir) translatez(14.35946ch) scale(.9);clip-path:polygon(calc(calc(1 - 0)*50% + 0*93.30127%) calc(calc(1 - 0)*0% + 0*75%),calc(0*50% + calc(1 - 0)*93.30127%) calc(0*0% + calc(1 - 0)*75%),calc(calc(1 - 0)*93.30127% + 0*6.69873%) calc(calc(1 - 0)*75% + 0*75%),calc(0*93.30127% + calc(1 - 0)*6.69873%) calc(0*75% + calc(1 - 0)*75%),calc(calc(1 - 0)*6.69873% + 0*50%) calc(calc(1 - 0)*75% + 0*0%),calc(0*6.69873% + calc(1 - 0)*50%) calc(0*75% + calc(1 - 0)*0%))}75%{transform:var(--dir) translatez(40.98338ch) scale(.9)}to{transform:var(--dir) translatez(26.62391ch) scale(0)}}.song-cup-hero-scene .s4gon{--ver:0;--not-ver:calc(1 - var(--ver));--i:calc(var(--not-ver)*var(--sgn-sup)*(var(--not-mid)*0.32379 + var(--mid)*0.17621));--k:calc(var(--mid)*(var(--not-ver)*.5 - var(--ver)*var(--sgn-sup)*0.17621));--hs:0deg,0%;--lum:100%;--morph:morph4;padding:13.43503ch;transform:var(--dir) translatez(12.43566ch) scale(0,.72812);clip-path:polygon(calc(calc(1 - 0)*85.35534% + 0*85.35534%) calc(calc(1 - 0)*14.64466% + 0*85.35534%),calc(0*85.35534% + calc(1 - 0)*85.35534%) calc(0*14.64466% + calc(1 - 0)*85.35534%),calc(calc(1 - 0)*85.35534% + 0*14.64466%) calc(calc(1 - 0)*85.35534% + 0*85.35534%),calc(0*85.35534% + calc(1 - 0)*14.64466%) calc(0*85.35534% + calc(1 - 0)*85.35534%),calc(calc(1 - 0)*14.64466% + 0*14.64466%) calc(calc(1 - 0)*85.35534% + 0*14.64466%),calc(0*14.64466% + calc(1 - 0)*14.64466%) calc(0*85.35534% + calc(1 - 0)*14.64466%),calc(calc(1 - 0)*14.64466% + 0*85.35534%) calc(calc(1 - 0)*14.64466% + 0*14.64466%),calc(0*14.64466% + calc(1 - 0)*85.35534%) calc(0*14.64466% + calc(1 - 0)*14.64466%));border-color:rgba(0,0,0,.35);box-shadow:inset 0 0 1.5ch rgba(0,0,0,.12),0 0 .8ch rgba(255,255,255,.35)}.song-cup-hero-scene .s4gon:nth-last-child(n+11):nth-last-child(-n+20){--ver:1}.song-cup-hero-scene .s4gon:nth-child(5n+33){--j:calc((0 + var(--not-ver)*var(--not-xor)*.5 + var(--ver)*var(--sgn-sup)*.25)/5)}.song-cup-hero-scene .s4gon:nth-child(5n+34){--j:calc((1 + var(--not-ver)*var(--not-xor)*.5 + var(--ver)*var(--sgn-sup)*.25)/5)}.song-cup-hero-scene .s4gon:nth-child(5n+35){--j:calc((2 + var(--not-ver)*var(--not-xor)*.5 + var(--ver)*var(--sgn-sup)*.25)/5)}.song-cup-hero-scene .s4gon:nth-child(5n+36){--j:calc((3 + var(--not-ver)*var(--not-xor)*.5 + var(--ver)*var(--sgn-sup)*.25)/5)}.song-cup-hero-scene .s4gon:nth-child(5n+37){--j:calc((4 + var(--not-ver)*var(--not-xor)*.5 + var(--ver)*var(--sgn-sup)*.25)/5)}@keyframes morph4{0%,50%{transform:var(--dir) translatez(15.37132ch) scale(0,.9)}75%{transform:var(--dir) translatez(40.24265ch) scale(.9)}to{transform:var(--dir) translatez(24.87132ch) scale(.9,0)}}.song-cup-hero-scene .s5gon{--hs:0deg,0%;--lum:22%;--i:calc(var(--sgn-sup)*(var(--not-mid)*.5 + var(--mid)*0.14758));--j:0;--k:calc(var(--sup)*var(--mid));--morph:morph5;padding:16.16237ch;transform:var(--dir) translatez(13.07563ch) scale(.55623);clip-path:polygon(calc(calc(1 - 0)*50% + 0*97.55283%) calc(calc(1 - 0)*0% + 0*34.54915%),calc(0*50% + calc(1 - 0)*97.55283%) calc(0*0% + calc(1 - 0)*34.54915%),calc(calc(1 - 0)*97.55283% + 0*79.38926%) calc(calc(1 - 0)*34.54915% + 0*90.45085%),calc(0*97.55283% + calc(1 - 0)*79.38926%) calc(0*34.54915% + calc(1 - 0)*90.45085%),calc(calc(1 - 0)*79.38926% + 0*20.61074%) calc(calc(1 - 0)*90.45085% + 0*90.45085%),calc(0*79.38926% + calc(1 - 0)*20.61074%) calc(0*90.45085% + calc(1 - 0)*90.45085%),calc(calc(1 - 0)*20.61074% + 0*2.44717%) calc(calc(1 - 0)*90.45085% + 0*34.54915%),calc(0*20.61074% + calc(1 - 0)*2.44717%) calc(0*90.45085% + calc(1 - 0)*34.54915%),calc(calc(1 - 0)*2.44717% + 0*50%) calc(calc(1 - 0)*34.54915% + 0*0%),calc(0*2.44717% + calc(1 - 0)*50%) calc(0*34.54915% + calc(1 - 0)*0%));border-color:rgba(255,255,255,.25);box-shadow:inset 0 0 1ch rgba(255,255,255,.08),0 0 .8ch rgba(255,255,255,.25)}@keyframes nos{to{filter:brightness(1)}}.song-cup-hero-scene .s5gon:first-child,.song-cup-hero-scene .s5gon:nth-child(12){animation-name:var(--morph)}.song-cup-hero-scene .s5gon:nth-child(5n+2){--j:calc((0 + .5*var(--not-sup))/5)}.song-cup-hero-scene .s5gon:nth-child(5n+3){--j:calc((1 + .5*var(--not-sup))/5)}.song-cup-hero-scene .s5gon:nth-child(5n+4){--j:calc((2 + .5*var(--not-sup))/5)}.song-cup-hero-scene .s5gon:nth-child(5n+5){--j:calc((3 + .5*var(--not-sup))/5)}.song-cup-hero-scene .s5gon:nth-child(5n+6){--j:calc((4 + .5*var(--not-sup))/5)}@keyframes morph5{25%,to{transform:var(--dir) translatez(13.07563ch) scale(.55623);clip-path:polygon(calc(calc(1 - .5)*50% + .5*97.55283%) calc(calc(1 - .5)*0% + .5*34.54915%),calc(.5*50% + calc(1 - .5)*97.55283%) calc(.5*0% + calc(1 - .5)*34.54915%),calc(calc(1 - .5)*97.55283% + .5*79.38926%) calc(calc(1 - .5)*34.54915% + .5*90.45085%),calc(.5*97.55283% + calc(1 - .5)*79.38926%) calc(.5*34.54915% + calc(1 - .5)*90.45085%),calc(calc(1 - .5)*79.38926% + .5*20.61074%) calc(calc(1 - .5)*90.45085% + .5*90.45085%),calc(.5*79.38926% + calc(1 - .5)*20.61074%) calc(.5*90.45085% + calc(1 - .5)*90.45085%),calc(calc(1 - .5)*20.61074% + .5*2.44717%) calc(calc(1 - .5)*90.45085% + .5*34.54915%),calc(.5*20.61074% + calc(1 - .5)*2.44717%) calc(.5*90.45085% + calc(1 - .5)*34.54915%),calc(calc(1 - .5)*2.44717% + .5*50%) calc(calc(1 - .5)*34.54915% + .5*0%),calc(.5*2.44717% + calc(1 - .5)*50%) calc(.5*34.54915% + calc(1 - .5)*0%))}50%{transform:var(--dir) translatez(18.07007ch) scale(0)}75%{transform:var(--dir) translatez(39.22688ch) scale(-1.11246)}to{transform:var(--dir) translatez(21.15681ch) scale(-1.11246)}}