/* The project-card material, fitted to the existing landscape dimensions. */
body:has(header.has-mobile-menu) #where-next, #where-next { padding-top:160px!important; background:var(--paper); }
#where-next .teaser-card { position:relative; isolation:isolate; clip-path:polygon(18px 0,calc(100% - 28px) 0,100% 28px,100% calc(100% - 18px),calc(100% - 18px) 100%,28px 100%,0 calc(100% - 28px),0 18px); border:0; border-radius:0; padding:30px; background:linear-gradient(115deg,#152941,#101b2b 40%,#0d1726); box-shadow:none; overflow:hidden; }
#where-next .teaser-card > * { position:relative; z-index:1; }
#where-next .teaser-card .card-inner-frame { display:none; }
#where-next .teaser-card .landscape-hud-frame { position:absolute; inset:0; width:100%; height:100%; z-index:2; pointer-events:none; fill:none; stroke:#91b6ed; stroke-width:1; overflow:visible; }
.landscape-hud-frame path { vector-effect:non-scaling-stroke; }
.landscape-hud-frame .inner { stroke:#8fbcff; stroke-opacity:.23; stroke-width:.7; }
.landscape-hud-frame .brackets { stroke:#8fbcff; stroke-width:2.5; }
.landscape-hud-frame .etch { stroke-opacity:.5; stroke-width:1.3; }
#where-next .teaser-card::after, #where-next .teaser-card:not(:hover)::after { content:none; }
#where-next .teaser-card::before, #where-next .teaser-card:not(:hover)::before { content:""; inset:0; width:auto; height:auto; border-radius:0; transform:none; filter:none; background:radial-gradient(ellipse at 80% 100%,#5b9bff35,transparent 65%); opacity:0!important; z-index:0; transition:opacity .3s ease!important; }
#where-next .teaser-card:hover::before, #where-next .teaser-card:focus-visible::before { opacity:1!important; }
#where-next .teaser-card:hover .landscape-hud-frame, #where-next .teaser-card:focus-visible .landscape-hud-frame { filter:drop-shadow(0 0 4px #5b9bff66); }
#where-next .teaser-card h3 { color:#edf4ff; font-weight:500; letter-spacing:-.02em; }
#where-next .teaser-card p { color:#b3c5de; }
#where-next .teaser-arrow { margin-top:auto; color:#c4d9fa; }
#where-next #uxoOpen.game-launch-card { padding:24px 30px; border:0; box-shadow:none; }
@media(max-width:600px) { body:has(header.has-mobile-menu) #where-next { padding-top:120px!important; } }
@media(prefers-reduced-motion:reduce) { #where-next .teaser-card::before { transition:none!important; } }

#where-next .section-head { margin-bottom:64px; }
@media(max-width:600px) { #where-next .section-head { margin-bottom:48px; } }