/* Fixed slide geometry with navigation centered on the two edges. */
.legacy-hero--banner .legacy-slide-arrow {
 top:50%; bottom:auto; transform:translateY(-50%); width:44px; height:44px;
 border:1px solid #ffffffcc; background:#0e7490; color:#fff;
 box-shadow:0 2px 8px #0f172a26; z-index:4;
}
.legacy-hero--banner .legacy-slide-arrow.prev { left:12px; right:auto; }
.legacy-hero--banner .legacy-slide-arrow.next { right:12px; left:auto; }
.legacy-hero--banner .legacy-slide-arrow:hover { background:#ea580c; }
.legacy-hero--banner .legacy-slide-arrow:focus-visible { outline:3px solid #f97316; outline-offset:3px; }
/* On phones keep the desktop overlay, with one stable crop for every image. */
@media (max-width:1023px) {
 .legacy-hero.legacy-hero--banner {
  display:block; height:clamp(360px,80vw,460px); min-height:0;
  aspect-ratio:auto; padding:0; background:#0f172a; border:0;
 }
 .legacy-hero--banner .legacy-slide,
 .legacy-hero--banner .legacy-slide.active {
  position:absolute; inset:0; display:block; opacity:0; visibility:hidden;
  pointer-events:none; transition:opacity .4s ease;
 }
 .legacy-hero--banner .legacy-slide.active { opacity:1; visibility:visible; pointer-events:auto; }
 .legacy-hero--banner .legacy-slide>img {
  display:block; width:100%; height:100%; aspect-ratio:auto;
  object-fit:cover; object-position:center; background:#0f172a;
 }
 .legacy-hero--banner .legacy-slide:not(.image-only):after {
  display:block; background:linear-gradient(180deg,#0f172a22 0%,#0f172a80 35%,#0f172ae6 100%);
 }
 .legacy-hero--banner .legacy-slide-caption {
  position:absolute; z-index:2; top:auto; bottom:42px; left:54px; right:54px;
  min-height:0; padding:0; gap:10px; background:transparent; color:#fff;
  display:flex; flex-direction:column; align-items:center; justify-content:flex-end;
  text-align:center;
 }
 .legacy-hero--banner .legacy-slide-caption :is(h1,h2) {
  margin:0; font-size:clamp(20px,4.8vw,28px); line-height:1.25;
  color:#fff; text-shadow:0 2px 8px #0008;
 }
 .legacy-hero--banner .legacy-slide-caption p {
  margin:0; font-size:13px; line-height:1.5; color:#fff; text-shadow:0 1px 5px #0008;
 }
 .legacy-hero--banner .legacy-slide-caption .button { margin-top:4px; min-height:44px; padding:10px 18px; }
 .legacy-hero--banner .legacy-slide-arrow { top:50%; bottom:auto; width:40px; height:40px; }
 .legacy-hero--banner .legacy-slide-arrow.prev { left:8px; }
 .legacy-hero--banner .legacy-slide-arrow.next { right:8px; }
 .legacy-hero--banner .legacy-slide-dots { bottom:16px; }
 .legacy-hero--banner .legacy-slide-dots button { background:#ffffff80; }
 .legacy-hero--banner .legacy-slide-dots button.active { background:#f97316; }
}
@media(prefers-reduced-motion:reduce) { .legacy-hero--banner .legacy-slide { transition:none; } }