/* 1.2: a lit, spatial sculpture replaces the flat-ring composition. */
.hero-art{background:radial-gradient(ellipse at 30% 27%,#1c3761 0,transparent 51%),radial-gradient(ellipse at 90% 70%,#3c245d 0,transparent 61%),#10162c;border:1px solid #28334f;border-radius:28px;box-shadow:0 25px 65px #15234621;min-height:440px;isolation:auto}
.hero-art:before{display:none}.hero-art .orbit,.hero-art .companion-card,.hero-art .notification-pill{display:none}
.glass-anchor{inset:20px -12px 15px}
.glass-halo{inset:9% 3% 2%;background:radial-gradient(ellipse at 25% 39%,#14d8ff26,transparent 48%),radial-gradient(ellipse at 79% 71%,#aa64ff28,transparent 51%);filter:blur(16px);transform:none}
.glass-halo:after{bottom:5%;height:5%;background:#13bde961;filter:blur(16px);width:61%;left:22%}
.glass-fallback{opacity:0!important}
.glass-poster{position:absolute;left:0;right:0;top:38%;width:100%;height:auto;aspect-ratio:640/560;transform:translateY(-38%);object-fit:contain;opacity:1;transition:opacity .35s ease}
html[data-glass="ready"] .glass-poster{opacity:0}
.glass-canvas{transition:opacity .35s ease}
.hero-art .label-top{color:#b3c2e1;top:21px;left:24px;right:auto;letter-spacing:.06em;font-size:8px;text-transform:uppercase}
.hero-art .label-top .status-dot{background:#54d2ee;box-shadow:0 0 12px #42c8ee70}
.hero-art .art-caption{left:24px;right:21px;bottom:17px;justify-content:space-between;color:#8093b8;font-size:7px}
#motion-toggle{color:#b3c5e7;border-color:#43506e;background:#222b42ab;font-size:8px}#motion-toggle:hover{color:white;border-color:#809dce}
.glass-canvas{z-index:3;filter:drop-shadow(0 22px 13px #02071845)}
.scene-marker{position:absolute;left:22px;bottom:69px;color:#647fa7;font-size:7px;letter-spacing:.16em;writing-mode:vertical-rl;transform:rotate(180deg)}
@media(max-width:1100px){.hero-art{min-height:420px}.glass-anchor{inset:30px -18px 14px}.hero-art .label-top{top:20px;left:20px}.hero-art .art-caption{bottom:17px}}
@media(max-width:850px){.hero-art{min-height:440px}.glass-anchor{inset:19px -10px 15px}}
@media(max-width:600px){.hero-art{min-height:360px;height:360px;border-radius:22px}.glass-anchor{inset:30px -12px 17px}.hero-art .label-top{top:19px;left:18px;font-size:6px}.hero-art .art-caption{left:18px;right:15px;bottom:12px;font-size:6px}.scene-marker{left:14px;bottom:60px;font-size:6px}#motion-toggle{font-size:7px}}