.stage-metal-mask{position:absolute;inset:0;mask-size:100% 100%;mask-repeat:no-repeat;pointer-events:none;z-index:4;overflow:hidden}
.stage-metal-mask img{position:absolute;left:0;top:0;width:100%;height:100%;object-fit:cover;mix-blend-mode:screen}
.stage-rim{position:absolute;left:0;width:100%;mask:url('/assets/site-stage/window-rim.webp') 0 0/100% 100% no-repeat;pointer-events:none;z-index:4;overflow:hidden}
.stage-rim img{position:absolute;width:32%;height:34%;max-width:none;object-fit:contain;mix-blend-mode:screen}
.stage-dust{position:absolute;inset:0;width:100%;height:100%;z-index:4;pointer-events:none}
.stage-name{position:absolute;z-index:5;transform:translate(-50%,-50%);white-space:nowrap;font:700 96px/1.2 var(--serif);letter-spacing:.06em;color:#211d18;text-shadow:0 0 24px #fff0d9,0 0 8px #fff0d9;pointer-events:none}
.stage-name[data-tone=dark]{color:#fff8e9;text-shadow:0 2px 12px #10141a,0 0 28px #bd894c}
.stage-name>span{display:inline-block}
.stage-opening-glow{position:absolute;inset:0;z-index:2;pointer-events:none;clip-path:ellipse(50% 50%);border:2px solid #e8c88a;box-shadow:inset 0 0 20px #e1b77199}
.stage-opening-glow img{width:100%;height:100%;object-fit:fill;opacity:.35}
.stage-selector-label{position:absolute;z-index:8;transform:translate(-50%,-8px);padding:5px 12px;border:1px solid #baa27b;border-radius:20px;background:#fff3dfef;color:#392c20;font:400 13px/1.4 var(--sans);white-space:nowrap;pointer-events:none;opacity:0;transition:opacity 160ms,transform 160ms}
.stage-selector-label.visible{opacity:1;transform:translate(-50%,0)}
@media(hover:hover) and (pointer:fine){.medallion:hover .medallion-cover{filter:brightness(1.08)}}
@media(prefers-reduced-motion:reduce){.stage-selector-label{transition:none}.stage-dust,.stage-rim,.stage-name,.stage-opening-glow,.stage-metal-mask{display:none}}

@media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){.medallion-art{transition:scale 180ms}.medallion:hover .medallion-art{scale:1.04}}
/* Round 2: continuous opening ring, bright rim highlight and metal-filled title glyphs. */
canvas.stage-opening-glow{inset:0;width:100%;height:100%;clip-path:none;border:0;box-shadow:none;z-index:3}
.stage-rim img{left:0;top:0;width:240px;height:140px;object-fit:fill;filter:brightness(2.2);mix-blend-mode:screen}
.stage-name{font-size:120px;letter-spacing:.2em;text-shadow:none;color:transparent;filter:drop-shadow(0 2px 3px #140d08) drop-shadow(0 0 12px #140d08bb)}
.stage-name[data-tone=dark]{color:transparent;text-shadow:none;filter:drop-shadow(0 2px 3px #080b10) drop-shadow(0 0 18px #080b10)}
.stage-name>span{position:relative;color:transparent;background:url('/assets/grok-a/gold-button-1536.webp') center/100% 100%;background-clip:text;-webkit-background-clip:text;filter:brightness(1.2)}
@media(max-width:767px){.stage-name{font-size:44px}.stage-rim img{width:110px;height:70px}}

.hero-readable,.hero-links{will-change:opacity}

/* Round 3: capsule arrives last; stone-plane mobile copy never participates in stage motion. */
.hero[data-capsule-pending=true] .hero-featured{opacity:0}
@media(max-width:1023px){.hero-readable,.hero-links{opacity:1!important;will-change:auto}}
.stage-name>span{background-image:url('/assets/site-stage-r3/name-gold-768.webp');filter:contrast(1.18) saturate(1.12);-webkit-text-stroke:.55px #ffe9a4}
.stage-name,.stage-name[data-tone=dark]{filter:drop-shadow(0 2px 2px #0b0805) drop-shadow(0 0 5px #0b0805) drop-shadow(0 0 13px #0b0805dd)}
@media(max-width:767px){.stage-name>span{-webkit-text-stroke:.35px #ffe9a4}}
