/* Keep the current interface; illustrations are confined to its headings. */
.hero-image-frame{position:absolute;inset:0;z-index:-2;pointer-events:none;overflow:hidden;border-radius:inherit}
.hero-image-frame img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;object-position:center 42%}
.premium-hero:has(.hero-image-frame):after{background:linear-gradient(180deg,rgba(9,15,28,.42),rgba(9,15,28,.58) 65%,#0b101b)}
/* The decorative strip above subpages has been retired. */
.aion-page-art{display:none!important}
.aion-page-heading{min-height:0!important;padding:0!important}
.aion-page-art{position:relative;height:clamp(120px,15vw,200px);margin:0 0 24px;overflow:hidden;border-radius:14px;pointer-events:none;background:var(--glass-secondary)}
.aion-page-art img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 45%}
.aion-page-art:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#0b101be0,#0b101b55),linear-gradient(0deg,#0b101b80,transparent)}
.aion-page-heading{position:relative;isolation:isolate;min-height:170px;padding:28px;border-radius:14px;overflow:hidden}
.aion-page-heading .aion-page-art{position:absolute;inset:0;z-index:-1;height:100%;margin:0;border-radius:inherit}
.aion-page-heading h1,.aion-page-heading .eyebrow{color:#edf3fc;text-shadow:0 2px 12px #0008}
/* Explicit automatic wallpaper fade; icon motion still follows system preferences. */
html body[data-game] .hero-image-frame img{transition:opacity 800ms ease!important}
.hero-image-frame img.is-entering{opacity:0}
@media(prefers-reduced-motion:no-preference){
 .nav-category-icon,.feature-icon,.orb-nav-icon,button>svg,button>span>svg{transition:transform 200ms ease,color 200ms ease;transform-origin:center}
 a:hover>.nav-category-icon,a:focus-visible>.nav-category-icon,summary:hover>.nav-category-icon,summary:focus-visible>.nav-category-icon{transform:translateY(-2px) scale(1.12);color:#a8d8ff}
 .feature-card:hover .feature-icon,.feature-card:focus-visible .feature-icon{transform:translateY(-3px) rotate(-5deg) scale(1.1)}
 button:hover>svg:not(.premium-menu-arrow),button:focus-visible>svg:not(.premium-menu-arrow),button:hover>span>svg,button:focus-visible>span>svg{transform:translateY(-2px) scale(1.1)}
}
@media(max-width:700px){.aion-page-heading{padding:22px;min-height:145px}.aion-page-art{margin-bottom:18px}}
/* Small hover interactions stay available on desktop even when the OS disables
   ambient motion. Nothing here animates continuously. */
.premium-header #premium-nav .nav-category-icon,
.premium-header .header-live-menu .nav-category-icon,
.feature-card .feature-icon,
.orb-nav-icon{transition:transform 200ms ease,color 200ms ease!important;transform-origin:center}
.premium-header #premium-nav a:hover>.nav-category-icon,
.premium-header #premium-nav a:focus-visible>.nav-category-icon,
.premium-header #premium-nav summary:hover>.nav-category-icon,
.premium-header #premium-nav summary:focus-visible>.nav-category-icon,
.premium-header .header-live-menu summary:hover>.nav-category-icon,
.premium-header .header-live-menu summary:focus-visible>.nav-category-icon{transform:translateY(-2px) scale(1.12);color:#a8d8ff}
.feature-card:hover .feature-icon,
.feature-card:focus-visible .feature-icon{transform:translateY(-3px) rotate(-5deg) scale(1.1)}