/* Shared geometry for banner progress controls. Colours belong to each section. */
body .construction-v3-hero__navigation,
body .alexfill-carousel-controls {
  width:100%; max-width:none; left:0; right:0; bottom:23px;
  transform:none; box-sizing:border-box; padding:0 clamp(16px,4.65vw,70px);
  margin:0; align-items:flex-end;
}
body .construction-v3-hero__progress,
body .alexfill-carousel-progress {
  display:flex; flex:0 1 auto; width:auto; max-width:100%; gap:8px;
}
body .construction-v3-hero__progress-item,
body .alexfill-carousel-progress-item {
  display:flex!important; align-items:flex-end; flex:0 1 46px;
  width:46px; min-width:0; height:44px; min-height:44px; padding:0; margin:0;
}
body .construction-v3-hero__progress-rail,
body .alexfill-carousel-progress-rail {
  width:100%; height:4px; border-radius:2px; box-shadow:none;
  background:rgba(255,255,255,.28);
}
@media(max-width:800px) {
  body .construction-v3-hero__navigation,body .alexfill-carousel-controls {bottom:18px;padding:0 16px}
  body .construction-v3-hero__progress-item,body .alexfill-carousel-progress-item {width:24px;flex:0 0 24px}
}