/* Existing photographs in the other sections are preserved. */
.hero-carousel{background:var(--kb-suie)}
.hero-carousel::after{display:none}
.hero-frames{position:absolute;inset:0;overflow:hidden;touch-action:pan-y pinch-zoom}
.hero-carousel.is-enhanced .hero-frames{bottom:78px}
.hero-slide{position:absolute;inset:0;margin:0;opacity:0;pointer-events:none;transition:opacity .7s ease;background:var(--kb-suie)}
.hero-slide[hidden]{display:none}
.hero-slide.is-active{opacity:1;z-index:1}
.hero-slide>img{width:100%;height:100%;object-fit:cover;object-position:62% 48%;transform-origin:62% 45%}
.hero-slide:nth-child(2)>img{object-position:71% 48%;transform-origin:71% 45%}
.hero-slide:nth-child(3)>img{object-position:50% 31%;transform-origin:50% 31%}
.hero-slide:nth-child(4)>img{object-position:29% 48%;transform-origin:29% 45%}
.hero-slide::after{content:"";position:absolute;inset:65% 0 0;background:linear-gradient(transparent,#131013a8);pointer-events:none}
.hero-controls{position:absolute;inset:auto 0 0;min-height:78px;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 8px;border-bottom:1px solid var(--line)}
.hero-controls[hidden]{display:none}
.hero-thumbnails,.hero-navigation{display:flex;align-items:center;gap:6px}
.hero-controls button{border:1px solid var(--line);border-radius:0;background:transparent;color:var(--paper);cursor:pointer;padding:0;flex-shrink:0;transition:border-color .2s,background .2s}
.hero-thumbnails button{width:clamp(26px,4.5vw,46px);height:46px;padding:2px;opacity:.66;transition:opacity .2s,border-color .2s}
.hero-thumbnails img{width:100%;height:100%;object-fit:cover;object-position:65% 40%}
.hero-thumbnails button:nth-child(4) img{object-position:25% 45%}
.hero-thumbnails button[aria-pressed=true]{border-color:var(--kb-cuivre);opacity:1}
.hero-controls button:focus-visible{outline:2px solid var(--kb-ivoire);outline-offset:2px}
.hero-navigation{gap:4px}.hero-navigation button{width:40px;height:44px;font-size:22px;line-height:1}
.hero-navigation .hero-rotation{font-size:17px}
.carousel-status{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
@media(hover:hover) and (pointer:fine){.hero-controls button:hover{border-color:var(--kb-cuivre);background:#b9745215;opacity:1}}
@media(min-width:651px) and (max-width:850px){.hero-thumbnails button{width:26px}}
@media(max-width:650px){
  .hero-carousel{aspect-ratio:auto}
  .hero-frames,.hero-carousel.is-enhanced .hero-frames{position:relative;inset:auto;aspect-ratio:1.15}
  .hero-controls{position:relative;inset:auto;min-height:70px;padding-top:10px;padding-bottom:10px}
  .hero-thumbnails button{width:clamp(26px,calc(22vw - 44px),46px)}
  .hero-slide>img{object-position:64% 44%}
  .hero-slide:nth-child(3)>img{object-position:50% 30%}
}
@media(prefers-reduced-motion:reduce){.hero-slide,.hero-controls button{transition:none}}