/* Hero previews: motion ring + Orbit logo on the site-kit page */
.brand-logo{display:block;line-height:0}
.brand-logo img{height:36px;width:auto}

/* ring stage (shared) */
.ring-stage{position:absolute;aspect-ratio:1;pointer-events:none}
.ring-stage .sculpt{position:absolute;inset:3%;animation:turn 75s linear infinite;mix-blend-mode:screen}
.ring-stage .sculpt img{width:100%;height:100%;object-fit:contain;border-radius:50%}
.ring-stage .orbit{position:absolute;inset:0;width:100%;height:100%;animation:turn 100s linear infinite reverse;overflow:visible}
.ring-stage .orbit circle.track{fill:none;stroke:rgba(255,255,255,.18);stroke-width:.8}
.ring-stage .orbit text{fill:#b8b8b8;font:600 10px 'Chivo Mono',monospace;letter-spacing:6px}
.ring-stage .orbit .dot{fill:var(--orange)}
.ring-stage .core{position:absolute;inset:0;display:grid;place-items:center}
.ring-stage .core img{width:26%;height:auto}
@keyframes turn{to{transform:rotate(360deg)}}
.motion-toggle{background:none;border:2px solid currentColor;color:inherit;font:700 11px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;padding:10px 12px;display:inline-flex;gap:10px;align-items:center}
.motion-toggle i{width:8px;height:8px;background:var(--orange)}
.paused .ring-stage .sculpt,.paused .ring-stage .orbit{animation-play-state:paused}

/* B: same dark motion hero inside the left rail, with hazard edge + price tag */
.hero-b{position:relative;min-height:100svh;background:var(--ink);color:var(--white);overflow:hidden;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.9fr);align-items:center;border-bottom:2px solid var(--ink)}
.hero-b .copy{position:relative;z-index:1;padding:96px var(--gut) 120px;display:grid;gap:28px}
.hero-b h1{font-size:clamp(60px,6.8vw,116px)}
.hero-b .deck{color:#cfcfcf}
.hero-b .link{color:var(--white)}
.hero-b .ring-wrap{position:relative;height:100%;min-height:560px}
.hero-b .ring-stage{width:115%;left:-6%;top:50%;transform:translateY(-50%)}
.hero-b .hang{right:auto;left:44%;top:14%;animation-delay:.6s}
.hero-b .edge{position:absolute;left:0;right:0;bottom:0;height:36px;background:repeating-linear-gradient(-45deg,var(--orange) 0 14px,var(--ink) 14px 28px);border-top:2px solid var(--ink);z-index:2}
.hero-b .toggle{position:absolute;right:20px;bottom:56px;z-index:2;color:var(--white)}


/* tune: less dead space, no price tag */
.hero-b{min-height:clamp(600px,86svh,820px)}
.hero-b .copy{padding:64px var(--gut) 96px}
.hero-b .ring-wrap{min-height:520px}
.ticket.no-price{grid-template-columns:1fr}
@media(max-width:1100px){.hero-b{min-height:0;grid-template-columns:1fr}.hero-b .toggle{bottom:52px;right:16px}.hero-b .ring-wrap{min-height:400px}.hero-b .ring-stage{width:92vw;left:4vw}.hero-b .copy{padding:40px var(--gut) 16px}}
@media(max-width:700px){.hero-b h1{font-size:clamp(50px,14vw,80px)}}
@media(prefers-reduced-motion:reduce){.ring-stage .sculpt,.ring-stage .orbit{animation:none}}

/* tablet: ring sits below the copy as its own square, never behind the text */
@media(max-width:1100px){
  .hero-b .ring-wrap{min-height:0;height:auto;width:min(88vw,620px);aspect-ratio:1/1;margin:0 auto 64px;position:relative}
  .hero-b .ring-stage{width:100%;left:0;top:0;transform:none}
  .hero-b .copy{padding-bottom:40px}
}