/* Current58 first-screen extra travel reduced another20%; one full hero is retained. */
.pixel-hero-track{height:calc(max(610.08px,98.4svh) + max(198.4px,32svh) + max(124px,20svh))}
html[data-rezim-system] body.pixel-reference .hero.pixel-hero .hero-content{top:47%}
.hero-light-palette{width:min(100%,360px);margin:16px auto 8px;pointer-events:auto;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent}
.hero-light-palette input[hidden]{display:none}
.hero-light-palette .hue-slider:focus-visible .hue-viewport{outline:2px solid var(--focus,#afc9ff);outline-offset:3px}
html[data-rezim-system] body.pixel-reference .hero.pixel-hero .hero-description{margin-top:12px!important}
@media(max-width:760px){
 .pixel-hero-track{height:calc(max(608.64px,93.6svh) + max(208px,32svh) + max(130px,20svh))}
 html[data-rezim-system] body.pixel-reference .hero.pixel-hero .hero-content{top:45%}
 .hero-light-palette{width:min(100%,320px);margin-top:12px;margin-bottom:4px}
 html[data-rezim-system] body.pixel-reference .hero.pixel-hero .hero-description{margin-top:8px!important}
}
@media(max-height:600px) and (min-width:761px){
 .pixel-hero-track{height:152.8svh}
 html[data-rezim-system] body.pixel-reference .hero.pixel-hero .hero-content{top:50%}
 .hero-light-palette{margin-top:8px;margin-bottom:0}
 html[data-rezim-system] body.pixel-reference .hero.pixel-hero .hero-description{margin-top:5px!important}
}
@media(prefers-reduced-motion:reduce){.hero-light-palette .hue-ticks{transition:none!important}}