/* The logo occupies the existing illustration space, without a new panel. */
.hero-brand-stage .brand-space{width:min(100%,66svh);max-width:620px;height:auto;aspect-ratio:662/789;flex:none}
.hero-brand-stage{pointer-events:none}
@media(max-width:900px){.hero-brand-stage .brand-space{width:min(100%,44svh)}}
@media(max-width:600px){
 .hero-brand-stage .brand-space{width:min(100%,38svh);max-width:320px;aspect-ratio:662/789}
 .hero-brand-stage{margin-top:8px;margin-bottom:20px}
}

/* Static artwork remains visible if drawing is unavailable or interrupted. */
.hero-brand-stage .brand-space{position:relative}
.hero-brand-stage .brand-fallback{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:contain}
.hero-network-ready .hero-brand-stage .brand-fallback{visibility:hidden}

/* The existing artwork is the target; no extra visible control or layout change. */
.hero-brand-stage .brand-replay{position:absolute;inset:0;width:100%;height:100%;margin:0;padding:0;border:0;border-radius:12px;background:transparent;box-shadow:none;appearance:none;pointer-events:auto;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent}
.hero-brand-stage .brand-replay[hidden]{display:none}
.hero-brand-stage .brand-replay:focus-visible{outline:2px solid var(--blue);outline-offset:6px}