.hero-media{display:flex;flex-direction:column;gap:0}
.hero-media .comparison{order:0}
.comparison-layer{position:absolute;inset:0;z-index:0}
.comparison-layer>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;pointer-events:none}
.comparison-layer.incoming{opacity:0}
.comparison-toolbar{order:1;display:flex;align-items:center;gap:20px;padding:14px 0 0;min-height:58px}
.comparison-toolbar button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;border-radius:8px;color:var(--blue);transition:background .18s ease}
.comparison-toolbar button:hover{background:#dce7f7}
.comparison-toolbar button svg{width:20px;height:20px}
#slideshowToggle{font-size:14px;min-width:124px;padding:10px 12px;justify-content:flex-start;flex:none}
#slideshowToggle .play-icon{display:none}
#slideshowToggle[data-paused=true] .play-icon{display:block}
#slideshowToggle[data-paused=true] .pause-icon{display:none}
.scene-info{display:flex;align-items:baseline;justify-content:flex-end;gap:18px;flex:1;min-width:0;font-size:15px;color:var(--ink)}
#scenePosition{font-size:14px;color:var(--muted);font-variant-numeric:tabular-nums;white-space:nowrap}
.scene-navigation{display:flex;gap:6px;flex:none}
.scene-navigation button{width:44px;border:1px solid #b8c8df}
.scene-navigation button[aria-disabled=true]{opacity:.45;cursor:progress}
.hero-media figcaption{order:2;text-align:left;margin-top:8px!important}
#sceneStatus{order:3;font-size:14px;line-height:1.5;color:#9d2323;margin:10px 0 0}
#sceneStatus:empty{display:none}
.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
@media(min-width:1101px) and (max-height:820px){.hero .comparison{height:calc(100svh - 254px);min-height:370px}}
@media(max-width:1100px){.comparison-toolbar{gap:12px}.scene-info{gap:10px}#slideshowToggle{min-width:110px;padding-inline:6px;font-size:14px}}
@media(max-width:760px){.comparison-toolbar{gap:10px;flex-wrap:wrap;padding-top:12px}.scene-info{font-size:14px}.scene-navigation{gap:5px}.scene-navigation button{width:40px}.hero-media figcaption{font-size:12px}#slideshowToggle{min-width:112px;font-size:14px}.hero .comparison{min-height:0}}
@media(max-width:410px){.comparison-toolbar{gap:4px 8px;display:grid;grid-template-columns:1fr auto}.scene-info{justify-content:flex-start;gap:8px;grid-column:1;grid-row:2}.scene-navigation{grid-column:2;grid-row:2}.scene-navigation button{width:44px}#slideshowToggle{grid-column:1/-1;grid-row:1;justify-self:start;padding-inline:0;min-height:44px}.hero-media figcaption{margin-top:4px!important}}