.hero-greet .hero-mascot{animation:none}
/* Dribble loop (assets/hero-dribble.js): the video frame is the sprite cell's x 40–460 / y 36–568 (the ball bounces in front
   of the feet, below the cell), so it sits inside #hero-mascot and inherits its tilt and drop shadow. */
.hero-mascot .hero-dribble{position:absolute;left:8.3333%;top:6.9498%;width:87.5%;height:auto;max-width:none;pointer-events:none;opacity:0}
.hero-mascot.is-dribbling{background-image:none}
.hero-mascot.is-dribbling .hero-dribble{opacity:1}
/* Below 1400px the name sticker would cover the dribbling hand and the ball (lower left): pin it to the upper left instead. */
@media(max-width:1399px){.name-sticker{bottom:auto;top:66px;left:0}}
@media(max-width:1100px){.name-sticker{top:58px;left:6px}}
@media(max-width:430px){.name-sticker{top:72px;left:0}}
.site-header nav{gap:25px}
.afterhours-link{color:var(--orange)}
.afterhours-portal{display:block;position:relative;overflow:hidden;isolation:isolate;min-height:520px;background:#070b13;color:#ecf1f0}
.afterhours-portal>img{position:absolute;z-index:-3;inset:0;width:100%;height:100%;object-fit:cover;object-position:70% 48%;transition:transform 1.2s var(--ease)}
.afterhours-portal::before{content:"";position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,#070b13 10%,#070b13ba 36%,#070b1300 70%)}
.portal-copy{padding:63px max(64px,calc((100vw - 1272px)/2));position:relative}
.portal-copy>span:first-child{font-size:9px;letter-spacing:.12em;color:#c7deee}
.portal-copy h2{font:800 clamp(65px,7vw,100px)/.92 var(--display);letter-spacing:-.02em;margin:25px 0 20px}
.portal-copy h2 em{font-style:normal;color:#d9f56c}
.portal-copy p{font-size:12px;line-height:2;color:#c1d2df}
.portal-copy .portal-cta{display:inline-flex;align-items:center;gap:28px;background:#d9f56c;color:#111b0b;padding:14px 20px;margin-top:25px;font-size:11px;font-weight:700;transition:gap .3s}
.portal-cta b{font-size:21px;font-weight:400;line-height:1}
.portal-coordinate{position:absolute;bottom:25px;right:30px;font-size:8px;letter-spacing:.08em;color:#b2c9d9}
.afterhours-portal:hover>img{transform:scale(1.035)}
.afterhours-portal:hover .portal-cta{gap:38px}
@media(max-width:1100px){.site-header nav{gap:20px}.portal-copy{padding-inline:38px}}
@media(max-width:800px){.site-header nav{gap:12px}.site-header nav a{font-size:9px}.afterhours-portal{min-height:600px}.afterhours-portal>img{object-position:66% 50%}.afterhours-portal::before{background:linear-gradient(90deg,#070b13d9,transparent 90%),linear-gradient(0deg,#070b13,transparent 45%)}.portal-copy{padding:44px 25px}.portal-copy h2{font-size:80px}.portal-coordinate{left:25px;right:auto;bottom:23px;font-size:7px}}
@media(max-width:540px){.site-header{height:auto;min-height:92px;display:grid;grid-template-columns:1fr auto;gap:7px;padding-top:11px;padding-bottom:12px}.site-header .brand{grid-column:1;grid-row:1}.header-tools{grid-column:2;grid-row:1}.site-header nav{grid-row:2;grid-column:1/-1;justify-content:space-between;padding-top:4px}.site-header nav a{font-size:10px}.portal-copy{padding:41px 20px 245px}.portal-copy h2{font-size:70px}.portal-copy p{font-size:11px}.afterhours-portal>img{height:68%;top:auto;bottom:0;object-position:68% 55%}.afterhours-portal::before{background:linear-gradient(180deg,#070b13 6%,#070b13b3 38%,transparent 70%,#070b13 100%)}.portal-coordinate{left:20px}.portal-copy .portal-cta{font-size:10px}}