.hero-portal-canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.hero-monitor{position:absolute;z-index:2;padding:0;border:0;border-radius:14px;background:none;color:white;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;outline:none}
.hero-monitor[hidden]{display:none}
.hero-monitor:focus-visible{outline:none;box-shadow:none}
.hero-monitor-focus{position:absolute;left:var(--screen-left);top:var(--screen-top);width:var(--screen-width);height:var(--screen-height);border:1px solid transparent;border-radius:6px;transition:border-color .2s,box-shadow .2s}
.hero-monitor:focus-visible .hero-monitor-focus{border-color:#fff9;box-shadow:0 0 0 4px #23302840}
.hero-monitor-hint{position:absolute;left:50%;bottom:100%;transform:translate(-50%,5px);white-space:nowrap;font-family:var(--sans);font-size:11px;font-weight:450;line-height:1.3;letter-spacing:.015em;padding:7px 11px;border-radius:20px;background:#2330278c;backdrop-filter:blur(8px);opacity:0;transition:opacity .24s,transform .35s;pointer-events:none}
.hero-monitor-hint>span{display:inline-block;margin-left:7px}
.hero-monitor.is-previewing .hero-monitor-hint,.hero-monitor:focus-visible .hero-monitor-hint{opacity:1;transform:translate(-50%,-3px);transition-delay:.22s}
.hero[data-hero-scene=rodeo] .hero-monitor:hover .hero-monitor-hint{opacity:1;transform:translate(-50%,-3px)}
.hero[data-hero-transitioning] .hero-monitor-hint{opacity:0;transition-delay:0s}
.hero[data-hero-transitioning] .hero-monitor{pointer-events:none}
.hero[data-hero-transitioning] .hero-monitor-focus{visibility:hidden}
/* Keep the screen hit target on the same fixed artwork plane as its pixels. */
.hero-shade,.hero-copy{pointer-events:none}
.hero[data-hero-scene=rodeo] .living-background,.hero[data-hero-scene=rodeo] .living-horse{opacity:0}
@media(max-width:640px){
 .hero-monitor-hint{font-size:11px;bottom:calc(100% - 8px)}
 .hero-copy{transition:opacity .18s}
 .hero[data-hero-scene=rodeo] .hero-copy{top:22%;bottom:auto;width:78%}
 .hero:has(.hero-monitor.is-previewing) .hero-copy,.hero[data-hero-transitioning] .hero-copy{opacity:0}
}
@media(prefers-reduced-motion:reduce){.hero-monitor-hint,.hero-monitor-focus{transition:none}}