/* Approved-art integration layer. The primary banner remains source-locked. */
.hero__visual[data-art-loaded="true"]{background-image:var(--art-image)!important;background-size:cover;background-position:center center;background-repeat:no-repeat;position:relative;overflow:hidden;background-color:#091827}
.hero__visual[data-art-loaded="true"]:before{display:none}
.hero__visual[data-art-loaded="true"]:after{display:none}
.game-card__art[data-art-loaded="true"]:before{background-image:var(--art-image)!important;background-size:cover;background-position:center}
.game-card__art[data-art-loaded="true"]:after{content:""!important;background:linear-gradient(180deg,transparent 48%,#0b1826 100%)}
.game-card__art--curio[data-art-loaded="true"]:before{background-size:cover;background-position:center 48%}
.curio-hero__art[data-art-loaded="true"]{background-image:linear-gradient(90deg,rgba(7,17,29,.05),rgba(7,17,29,.2)),var(--art-image)!important;background-size:cover;background-position:center}
.curio-hero__art[data-art-loaded="true"]:before{content:"";background:linear-gradient(180deg,transparent 65%,rgba(7,17,29,.45))}
.story-mascot__approved{width:min(100%,280px);aspect-ratio:220/271;background-position:center;background-size:contain;background-repeat:no-repeat;filter:drop-shadow(0 18px 24px rgba(0,0,0,.14))}
.story-mascot__approved[data-art-loaded="true"]{background-image:var(--art-image)!important}

/* Compact About composition approved during final visual review. */
.about-compact{background:radial-gradient(circle at 78% 22%,rgba(244,123,32,.08),transparent 28%),linear-gradient(#fffaf2,#f5eee2);color:#18202a;padding:50px 0 54px}
.about-compact__grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(300px,.65fr);gap:28px;align-items:stretch}
.about-compact__copy{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.about-panel{background:#fff;border:1px solid rgba(14,27,42,.13);border-radius:22px;padding:32px}
.about-panel h2{margin:0 0 16px;font-size:clamp(2rem,3vw,3rem);letter-spacing:-.03em}
.about-panel p{color:#3d4854}
.about-compact__mascot{background:radial-gradient(circle at 50% 40%,rgba(244,123,32,.12),transparent 44%),#fff;border:1px solid rgba(14,27,42,.13);border-radius:22px;padding:18px 20px 22px;display:flex;flex-direction:column;align-items:center;justify-content:center}
.about-compact__mascot .story-mascot__approved{width:min(100%,330px);max-height:360px}
.about-compact__tag{margin-top:10px;text-align:center;line-height:1.25}
.about-compact__tag strong,.about-compact__tag span{display:block}
.about-compact__tag strong{font-size:1.04rem}
.about-compact__tag span{margin-top:4px;color:#d85a13;font-weight:800}
.about-philosophy{margin-top:24px;background:#0a1724;color:#f8f4ec;border:1px solid rgba(255,255,255,.12);border-radius:22px;padding:26px 30px;display:flex;align-items:center;justify-content:space-between;gap:26px}
.about-philosophy h2{margin:0 0 8px;font-size:clamp(1.7rem,3vw,2.5rem)}
.about-philosophy p:not(.eyebrow){margin:0;color:#c7d0da;max-width:760px}
@media(max-width:980px){.about-compact__grid{grid-template-columns:1fr}.about-compact__copy{grid-template-columns:1fr 1fr}.about-compact__mascot .story-mascot__approved{width:min(100%,280px)}}
@media(max-width:900px){.hero__visual[data-art-loaded="true"]{background-size:cover;background-position:center center}}
@media(max-width:720px){.about-compact{padding:36px 0 40px}.about-compact__copy{grid-template-columns:1fr}.about-panel{padding:26px}.about-philosophy{flex-direction:column;align-items:flex-start;padding:24px}}

.game-card__art--aetherune:before{background-image:url("/assets/art/aetherune-hero.webp")!important;background-size:cover;background-position:center}
.game-card__art--loaded:before{background-image:url("/assets/art/loaded-wagons.webp")!important;background-size:cover;background-position:center}
.aetherune-hero__art{background-image:linear-gradient(90deg,rgba(7,17,29,.05),rgba(7,17,29,.18)),url("/assets/art/aetherune-hero.webp")!important;background-size:cover;background-position:center;background-repeat:no-repeat}
.aetherune-hero__art:before{content:"";background:linear-gradient(180deg,transparent 68%,rgba(7,17,29,.38))}
