.hero-game .hero-sky{
  position:absolute;
  inset:0;
  z-index:0;
  pointer-events:none;
  background:#087ce7 url("assets/football-victory-sequence-v2/sky-base-v3.png") center center/cover no-repeat;
  image-rendering:pixelated
}
.hero-game .campus-art{
  inset:0!important;
  z-index:2;
  background-image:url("assets/football-victory-sequence-v2/frame-03-peak-cutout.png")!important;
  background-position:center center!important;
  background-color:transparent!important;
  image-rendering:pixelated;
  transform:none!important;
  filter:none!important;
  opacity:1!important
}
.hero-game .hero-clouds{
  position:absolute;
  inset:0;
  z-index:1;
  pointer-events:none;
  overflow:hidden;
  background:none;
  image-rendering:pixelated;
  opacity:1
}
.hero-game .hero-clouds:before,
.hero-game .hero-clouds:after{
  content:"";
  position:absolute;
  inset:-2%;
  background:url("assets/football-victory-sequence-v2/clouds-back.png") center center/100% 100% no-repeat;
  image-rendering:pixelated;
  transform-origin:center top;
  will-change:transform
}
.hero-game .hero-clouds:before{
  opacity:.76;
  animation:hero-cloud-drift-far 36s steps(60,end) infinite alternate
}
.hero-game .hero-clouds:after{
  opacity:.34;
  -webkit-mask-image:radial-gradient(ellipse 24% 22% at 50% 26%,#000 42%,rgba(0,0,0,.8) 58%,transparent 76%);
  mask-image:radial-gradient(ellipse 24% 22% at 50% 26%,#000 42%,rgba(0,0,0,.8) 58%,transparent 76%);
  animation:hero-cloud-drift-near 52s steps(78,end) infinite alternate
}
.hero-game .hero-fireworks,
.hero-game .hero-confetti{
  position:absolute;
  inset:0;
  z-index:1;
  width:100%;
  height:100%;
  pointer-events:none;
  image-rendering:pixelated
}
.hero-game .hero-fireworks{opacity:.8}
.hero-game .hero-confetti{z-index:2;opacity:.88}
@keyframes hero-cloud-drift-far{
  from{transform:translate3d(-3%,-4.25%,0) scale(1.08)}
  to{transform:translate3d(3%,-4%,0) scale(1.08)}
}
@keyframes hero-cloud-drift-near{
  from{transform:translate3d(11%,-.75%,0) scale(.82)}
  to{transform:translate3d(19%,-.25%,0) scale(.82)}
}
.hero-game .hero-stadium-message{
  position:absolute;
  left:36.05%;
  top:40.6%;
  width:11.95%;
  height:9.55%;
  z-index:5;
  overflow:hidden;
  contain:paint;
  isolation:isolate;
  background:linear-gradient(180deg,#08245f 0%,#061d52 58%,#061946 100%);
  box-shadow:inset 0 0 0 2px rgba(39,83,137,.72),inset 0 0 12px rgba(1,9,33,.58);
  transform:perspective(500px) rotateX(-1.5deg);
  transform-origin:center
}
.hero-game .hero-stadium-crop{
  position:absolute;
  inset:5px 7px 6px;
  overflow:hidden
}
.hero-game .hero-stadium-canvas{
  display:block;
  width:100%;
  height:100%;
  image-rendering:pixelated;
  filter:blur(.86px) contrast(.92);
  opacity:.92
}
.hero-game:after{
  z-index:3;
  background:linear-gradient(90deg,
    rgba(3,25,62,.9) 0%,
    rgba(4,35,80,.84) 27%,
    rgba(5,43,91,.68) 42%,
    rgba(4,37,82,.38) 55%,
    rgba(3,25,58,.1) 68%,
    transparent 76%)!important
}
.hero-game .hero-waves{height:110px;z-index:2}
.hero-game .hero-inner{z-index:4}
.hero-game .hero-details{
  opacity:1!important;
  mix-blend-mode:normal!important;
  filter:none!important;
  color:#fff!important;
  text-shadow:0 2px 3px rgba(0,20,52,.72)
}
.hero-game .hero-details p{color:#fff!important;opacity:1!important;margin-left:auto;margin-right:auto}
.hero-game .hero-support-line{display:block;white-space:nowrap}
@media(max-width:680px){
  .hero-game .hero-sky{background-size:auto 82%;background-position:75% -8px;background-repeat:no-repeat;background-color:#087ce7}
  .hero-game .campus-art{background-size:auto 82%;background-position:75% 62px!important;background-repeat:no-repeat}
  .hero-game .hero-clouds:before,
  .hero-game .hero-clouds:after{background-size:auto 82%;background-repeat:no-repeat}
  .hero-game .hero-clouds:before{background-position:75% -30px;opacity:.68}
  .hero-game .hero-clouds:after{background-position:57% -38px;opacity:.27}
  .hero-game:after{background:linear-gradient(180deg,rgba(3,23,51,.5),rgba(3,23,51,.84) 68%,rgba(3,23,51,.3))!important}
  .hero-game .hero-stadium-message{display:none}
  .hero-game .hero-fireworks{opacity:.52}
  .hero-game .hero-confetti{z-index:1;opacity:.65}
  .hero-game .hero-waves{height:54px}
}
@media(prefers-reduced-motion:reduce){
  .hero-game .hero-stadium-canvas{image-rendering:pixelated}
  .hero-game .hero-clouds:before{animation:none;transform:translate3d(0,-4.1%,0) scale(1.08)}
  .hero-game .hero-clouds:after{animation:none;transform:translate3d(15%,-.5%,0) scale(.82)}
}

/* Campaign identity sits directly on the blue stadium wash. */
.hero-game .hero-copy{
  position:relative;
  width:520px;
  max-width:100%;
  gap:0;
  transform:translateX(clamp(26px,4.25vw,74px))
}
.hero-game .hero-identity{
  width:430px;
  margin:4px 0 0 70px;
  color:#fff;
  filter:drop-shadow(0 3px 4px rgba(0,18,48,.48))
}
.hero-game .hero-campaign-lockup{text-align:center;min-width:0}
.hero-game .hero-lockup-kicker{
  display:block;
  margin-bottom:9px;
  font:800 17px/1.1 var(--font-score);
  letter-spacing:.12em
}
.hero-game .hero-gt-wordmark{display:block;width:100%;height:auto}
.hero-game .hero-challenge-line{display:flex;align-items:center;gap:13px;margin-top:8px}
.hero-game .hero-challenge-line i{height:3px;background:#24c1df;flex:1}
.hero-game .hero-challenge-line strong{font:700 19px/1 var(--font-score);letter-spacing:.34em;padding-left:.34em}
.hero-game .hero-powered-row{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:20px}
.hero-game .hero-powered-row span{white-space:nowrap;font:800 10px/1 var(--font-score);letter-spacing:.14em}
.hero-game .hero-powered-row img{display:block;width:181px;height:auto}
.hero-game .hero-details{position:relative!important;z-index:4;width:520px;max-width:none!important;margin:30px 0 0!important;padding:0!important;text-align:center}
.hero-game .hero-foundation-link{width:max-content;margin-left:auto;margin-right:auto}
@media(min-width:1201px){
  .hero-game .hero-details{transform:translateX(25px)}
}

@media(max-width:1200px) and (min-width:681px){
  .hero-game .hero-copy{width:460px}
  .hero-game .hero-identity{width:345px;margin-left:auto;margin-right:auto}
  .hero-game .hero-lockup-kicker{font-size:13px}
  .hero-game .hero-challenge-line strong{font-size:15px}
  .hero-game .hero-powered-row{margin-top:15px}
  .hero-game .hero-powered-row img{width:145px}
  .hero-game .hero-details{margin-top:26px!important;width:460px}
}
@media(max-width:680px){
  .hero-game .hero-inner{min-height:430px}
  .hero-game .hero-copy{width:min(100%,465px);margin-left:auto;margin-right:auto}
  .hero-game .hero-identity{
    width:min(100%,379px);
    margin:0 auto
  }
  .hero-game .hero-lockup-kicker{font-size:10px;margin-bottom:6px;letter-spacing:.09em}
  .hero-game .hero-challenge-line{gap:8px;margin-top:6px}
  .hero-game .hero-challenge-line i{height:2px}
  .hero-game .hero-challenge-line strong{font-size:12px;letter-spacing:.25em;padding-left:.25em}
  .hero-game .hero-powered-row{gap:6px;margin-top:12px}
  .hero-game .hero-powered-row span{font-size:7px;letter-spacing:.1em}
  .hero-game .hero-powered-row img{width:112px}
  .hero-game .hero-details{width:100%;margin:28px 0 0!important;padding-left:0!important}
  .hero-game .hero-copy .hero-details p{font-size:17px;line-height:1.48}
  .hero-game .hero-support-line{display:block;white-space:nowrap}
}
@media(max-width:430px){
  .hero-game .hero-copy{transform:none}
  .hero-game .hero-copy .hero-details p{font-size:15px}
}
@media(max-width:350px){
  .hero-game .campus-art{background-position:67% 62px!important}
  .hero-game .hero-clouds{background-position:67% -8px}
  .hero-game .hero-support-line{display:inline;white-space:normal}
  .hero-game .hero-support-line + .hero-support-line:before{content:" "}
}