/* One uploaded bitmap is one slide; HTML never recomposes its collage. */
[data-hero-slide][data-image-fit="contain"] img {
  object-fit:contain!important;
  transform:none!important;
  scale:1!important;
}
.hero:has([data-hero-carousel]) > .hero-carousel-controls {
  position:absolute;
  z-index:5;
  right:16px;
  top:16px;
  bottom:auto;
  grid-row:1;grid-column:1;
  display:grid;
  grid-template-columns:44px 62px 44px 44px;
  border-radius:0;
  background:#fffffff2;
  color:#263442;
  box-shadow:none;
}
.hero:has([data-hero-carousel]) > .hero-carousel-controls[hidden] {display:none}
.hero:has([data-hero-carousel]) .hero-carousel-button,
.hero:has([data-hero-carousel]) .hero-carousel-count {
  display:grid;place-items:center;
  min-width:44px;min-height:44px;
  width:44px;height:44px;
  margin:0;padding:0;
  border:0;color:inherit;background:transparent;
}
.hero:has([data-hero-carousel]) .hero-carousel-count {display:flex;justify-content:center;gap:4px;width:62px;font:500 11px/1.4 var(--font-sans,system-ui)}
.hero:has([data-hero-carousel]) .hero-carousel-button:focus-visible {outline:2px solid currentColor;outline-offset:-4px}
.hero:has([data-hero-carousel][data-reduced-motion="true"]) > .hero-carousel-controls {grid-template-columns:44px 62px 44px}
.hero:has([data-hero-carousel]) .hero-carousel-toggle[hidden] {display:none}
html[data-site-design="minimal-corporate"] .hero:has([data-hero-carousel]) > .hero-carousel-controls {grid-column:2}
html:not([data-site-design]) .hero:has([data-hero-carousel]) > .hero-carousel-controls {top:calc(var(--header-height,72px) + 16px)}
@media(max-width:760px){html[data-site-design="minimal-corporate"] .hero:has([data-hero-carousel]) > .hero-carousel-controls {grid-column:1}}

@media(prefers-reduced-motion:reduce) {[data-hero-carousel] .hero-slide {transition:none!important}}