/* Same V25 frame; slides never participate in layout. */
[data-photo-slot="photo-1"] .hero-slide { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; opacity:0; transition:opacity 500ms ease; z-index:1; }
[data-photo-slot="photo-1"] .hero-slide.is-current { opacity:1; }
[data-photo-slot="photo-1"] .hero-slide.hero-first-reveal { animation:kazkaHeroReveal 180ms ease-out both; }
/* Retain the warm placeholder under the first reveal; the frame never collapses. */
[data-photo-slot="photo-1"] .kazka-photo-empty,
[data-photo-slot="photo-1"].has-photo .kazka-photo-empty { display:flex; background:radial-gradient(ellipse at 20% 20%,#fff4cf 0,transparent 58%),radial-gradient(ellipse at 90% 85%,#f5ddcc 0,transparent 65%); }
@keyframes kazkaHeroReveal { from { opacity:0; } to { opacity:1; } }
.hero-slideshow-toggle { position:absolute; bottom:.6rem; left:.6rem; z-index:3; border:1px solid #c7bca8; border-radius:999px; background:#fffdf8; color:#392f24; padding:.4rem .7rem; font:600 12px/1.4 sans-serif; cursor:pointer; }
/* Keep the native button in keyboard order and the accessibility tree.
   Reveal on any focus, including assistive technology focus. */
.hero-slideshow-toggle:not(:focus) { width:1px; height:1px; padding:0; margin:-1px; border:0; overflow:hidden; clip-path:inset(50%); white-space:nowrap; pointer-events:none; }
.hero-slideshow-toggle:focus { outline:3px solid #613b00; outline-offset:2px; }
@media (prefers-reduced-motion:reduce) { [data-photo-slot="photo-1"] .hero-slide { transition:none; } }
@media (prefers-reduced-motion:reduce) { [data-photo-slot="photo-1"] .hero-slide.hero-first-reveal { animation:none; } }