/* The five supplied assets remain independent layers; no copy is baked into the CTA.
   The card carries a tiny blurred copy of the background so it never shows as an
   empty dark box while the real layers are still downloading. */
.games-promo{padding:56px max(24px,calc((100vw - var(--max,1440px))/2));background:#fbfbfa}
.games-promo-card{position:relative;isolation:isolate;aspect-ratio:4.2;overflow:clip;border:1px solid #5e3188;border-radius:24px;background:#0a041b url(data:image/webp;base64,UklGRiIBAABXRUJQVlA4IBYBAACwBgCdASpAABUAPqVCnUmmI6MhM/mdUMAUiWQAs7PBe40VW0Ppjo5NkvjruhsU9ZVc66S4priRzYTIzdb4+AD++Q2/TSwWYil961pLaz/i2ba3ixcipDdKRb2mA5E8ftKGoAin7yvdCKaUNv/RKhxbfzQynu02lOXI39yViKHI6uuuYfwxuLncTXl5tgm/05e6r4fEmfLsFoit0WGM+s+bJ42XEKyWiWtqi/E6gRnAvH/ypP/i1yXP0M+4V8cXODiGLz8Zd7N4sMekcYNmmkPYcT7FO6HzJ2QzEU5JlCnJMoU5vGko0VRyLxeS3c6aG86W5BKKvtvJyShiYGA7Aco3ytlLomt1SMffBQJJSSQFqAlECAAAAA==) center/cover no-repeat;box-shadow:none}
.games-promo-background,.games-promo-lightning{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;pointer-events:none}
.games-promo-lightning{opacity:.16;transform:scale(1.025);animation:games-lightning-strike 7.4s linear infinite}
.games-promo-monster{position:absolute;width:36%;height:auto;max-width:none;right:6%;top:-24%;pointer-events:none;transform-origin:50% 80%;animation:games-float 3.6s ease-in-out infinite}
.games-promo-content{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;width:38%;margin:.6% 0 0 6%}
.games-promo-logo{width:90%;height:auto;filter:drop-shadow(0 8px 12px #08001966)}
.games-promo-play{position:relative;display:block;width:70%;margin-top:-5%;border-radius:12px;transition:transform .2s ease,filter .2s ease}
.games-promo-play img{width:100%;height:auto}
.games-promo-play span{position:absolute;left:9%;right:25%;top:18%;bottom:28%;display:flex;align-items:center;justify-content:center;color:#080604;font-family:Inter,'Arial Black',sans-serif;font-weight:800;font-size:clamp(16px,2.5vw,38px);line-height:1;letter-spacing:-.045em;-webkit-text-stroke:.8px currentColor;transform:scaleX(.88)}
.games-promo-play:hover{transform:translateY(-3px) scale(1.025);filter:brightness(1.08)}
.games-promo-play:focus-visible{outline:3px solid white;outline-offset:4px}
.desktop-nav .games-nav-link{color:inherit;font-weight:800;letter-spacing:.04em}
@keyframes games-float{0%,100%{transform:translateY(5px) rotate(-2deg) scale(1)}50%{transform:translateY(-14px) rotate(2deg) scale(1.025)}}
/* Three separated strikes: fast attack, brief afterglow, no drifting overlay. */
@keyframes games-lightning-strike{
 0%,9%,15%,43%,49%,78%,85%,100%{opacity:.14;filter:brightness(.9);clip-path:inset(0)}
 10%,11%{opacity:1;filter:brightness(1.55);clip-path:inset(0 38% 0 0)}
 12%{opacity:.4;filter:brightness(1.1);clip-path:inset(0 38% 0 0)}
 44%,45%{opacity:.95;filter:brightness(1.4);clip-path:inset(0 0 0 46%)}
 46%{opacity:.35;filter:brightness(1);clip-path:inset(0 0 0 46%)}
 79%,80%{opacity:1;filter:brightness(1.6);clip-path:inset(0)}
 82%{opacity:.3;filter:brightness(1);clip-path:inset(0)}
}
@media(max-width:700px){
 .games-promo{padding:40px 20px}
 .games-promo-card{aspect-ratio:1.12;border-radius:20px;background-position:58% 40%;background-size:auto 118%}
 .games-promo-background,.games-promo-lightning{object-position:58% center}
 .games-promo-background{transform:translateY(-8%) scale(1.18)}
 .games-promo-content{position:absolute;inset:0;width:auto;margin:0}
 .games-promo-logo{position:absolute;left:10%;top:7%;width:80%}
 .games-promo-play{position:absolute;left:6%;bottom:6%;width:48%;margin:0}
 .games-promo-play span{font-size:clamp(16px,4.6vw,28px)}
 .games-promo-monster{width:63%;right:-2%;top:38%;opacity:.95;z-index:1}
}
@media(prefers-reduced-motion:reduce){
 .games-promo-monster,.games-promo-lightning{animation:none}
 .games-promo-play{transition:none}
 .games-promo-play:hover{transform:none}
}

/* Keep the promotion close to the catalogue it follows. */
.machines-light:has(+ .games-promo){padding-bottom:0}
.machines-light:has(+ .games-promo) > .seo-context-links:last-child{margin-bottom:0}

/* Remove the double section gap and give the secondary B2B link room. */
.games-promo + .intro.section{padding-top:0;background:#fbfbfa}
.games-promo + .intro.section > .section-head > .kicker{margin-top:0}
.business-head > .btn + p:not(.kicker){margin:24px auto 35px;max-width:640px;font-size:16px;line-height:1.55}
.business-head > .btn + p a{display:inline-block;text-underline-offset:4px}
.business-head > .btn + p a:hover{text-decoration:underline}
@media(max-width:700px){
 .games-promo + .intro.section{padding-top:0}
 .business-head > .btn + p:not(.kicker){margin-top:22px;font-size:15px;padding:0 16px}
}