/* Identical original horses and ground in both endpoints keep them fixed. */
.home .welcome-photo.hero-crossfade>.hero-scene{position:relative;width:100%;transform-origin:50% 60%;transform:scale(1.002);line-height:0;overflow:hidden;filter:saturate(.82)}
.home .welcome-photo.hero-crossfade .hero-scene>img{display:block;width:100%;height:auto!important;animation:none!important;transform:none!important;object-fit:contain;object-position:center}
.home .welcome-photo.hero-crossfade .hero-scene>.hero-base{position:relative;z-index:0}
.home .welcome-photo.hero-crossfade .hero-scene>.hero-sea{position:absolute;inset:0;z-index:1;width:100%;height:100%!important;pointer-events:none;opacity:0}
.home .welcome-photo.hero-crossfade::after{z-index:3}
/* The shared scene slightly overlaps its clipped edges to hide fractional-pixel seams. */
.home .welcome-photo.hero-crossfade{overflow:hidden;isolation:isolate}
.home .welcome-photo.hero-crossfade>.hero-scene{animation:none!important}
/* A single frame clock updates opacity and scale, and wakes after page/pinch zoom. */
.home .welcome-photo.hero-crossfade .hero-scene>.hero-sea{animation:none!important;will-change:auto}

.home .hero-toggle{
 position:absolute;right:12px;bottom:clamp(26px,4.5vw,64px);z-index:4;
 display:inline-flex;align-items:center;gap:5px;padding:5px 8px;
 border:0;border-radius:3px;background:#0b0b0bc9;color:#9c8258;
 font-size:11px;line-height:1.3;
}
.home .hero-toggle[hidden]{display:none}
.home .hero-toggle>span:first-child{font-size:15px;line-height:1}
.home .welcome-photo.hero-crossfade[data-collapsed]{overflow:visible}
.home .welcome-photo[data-collapsed]>.hero-scene,
.home .welcome-photo[data-collapsed]::after{display:none}
.home .welcome-photo[data-collapsed]>.hero-toggle{top:100%;bottom:auto;background:var(--bg)}
.home>.welcome-photo[data-collapsed]~#panel-about>.subtabs{height:50px;min-height:50px}

@media(pointer:fine) and (hover:hover){
 .home .hero-toggle{right:28px}
}