
/* Approved identity: larger masthead, scaled content, responsive behavior */
@media(min-width:1100px){.mast-in{min-height:132px!important;grid-template-columns:minmax(0,1fr) minmax(0,1.4fr) minmax(0,1fr)!important;gap:18px!important}.council img,.brand img{width:94px!important;height:94px!important}.council b{font-size:clamp(14px,1.25vw,18px)!important}.council small{font-size:12px!important}.brand strong{font-size:clamp(19px,1.7vw,25px)!important}.brand small{font-size:15px!important}.brand span{font-size:39px!important}.quick a{font-size:13px!important;padding:13px 15px!important;gap:8px!important}.quick a span{font-size:23px!important}}
@media(min-width:701px) and (max-width:1099px){.mast-in{min-height:122px!important}.council img,.brand img{width:80px!important;height:80px!important}.brand strong{font-size:clamp(17px,2vw,22px)!important}.brand span{font-size:32px!important}.quick a{font-size:12px!important}}
@media(max-width:700px){.mast-in{padding-block:17px!important;gap:12px!important}.council img{height:57px!important;width:57px!important}.brand img{height:72px!important;width:72px!important}.brand strong{font-size:clamp(16px,4vw,21px)!important}.brand span{font-size:30px!important}.quick a{font-size:11px!important}}
/* Slides occupy the same aspect ratio and footprint as the original approved banner */
.aud-slider{position:relative;isolation:isolate;aspect-ratio:1280/511;overflow:hidden;background:#063c32}
.aud-slides,.aud-slide{position:absolute;inset:0}
.aud-slide{opacity:0;visibility:hidden;transition:opacity 850ms ease,visibility 850ms;z-index:0}
.aud-slide.is-active{opacity:1;visibility:visible;z-index:1}
.aud-slider .aud-slide>img{width:100%;height:100%;display:block;object-fit:cover;object-position:center;max-width:none}
.aud-slide-caption{position:absolute;inset:auto 0 0;z-index:2;padding:40px clamp(30px,7vw,110px) 45px;color:#fff;background:linear-gradient(0deg,#002a25e8,#002a25bd 65%,transparent);display:flex;flex-direction:column;gap:9px;text-align:right}
.aud-slide-caption span{font-size:clamp(12px,1.5vw,20px);color:#f1d291;font-weight:bold}
.aud-slide-caption strong{font-size:clamp(16px,2.5vw,33px);line-height:1.45;text-shadow:0 2px 10px #0007}
.aud-slide-caption a{font-size:clamp(11px,1.2vw,16px);color:#f8db9c;text-decoration:underline;text-underline-offset:5px;align-self:flex-start}
.aud-slider-arrow{position:absolute;z-index:4;top:50%;transform:translateY(-50%);width:48px;height:48px;border:1px solid #e8c87b;border-radius:50%;background:#002e27c9;color:#fff;font:32px/1 Arial;display:grid;place-items:center;cursor:pointer;transition:background .25s,scale .25s}
.aud-slider-arrow:hover{background:#9d7731;scale:1.06}.aud-slider-prev{right:18px}.aud-slider-next{left:18px}
.aud-slider-controls{position:absolute;bottom:13px;left:50%;transform:translateX(-50%);z-index:5;display:flex;align-items:center;gap:13px;padding:7px 12px;border-radius:30px;background:#002b24bb;direction:ltr}
.aud-slider-dots{display:flex;gap:9px;align-items:center}.aud-slider-dots button{width:10px;height:10px;border:1px solid white;border-radius:50%;background:#ffffff8a;cursor:pointer;padding:0;transition:background .3s,scale .3s}.aud-slider-dots button.is-active{background:#e4bc65;scale:1.2;border-color:#e4bc65}.aud-slider-toggle{border:0;background:transparent;color:#fff;font-size:17px;cursor:pointer;padding:0 3px}
.aud-slider button:focus-visible,.aud-slide-caption a:focus-visible{outline:3px solid #ffd477;outline-offset:4px}
@media(max-width:700px){.aud-slider{aspect-ratio:4/3;min-height:255px}.aud-slider .aud-slide>img{object-fit:cover}.aud-slide:first-child>img{object-position:center}.aud-slider-arrow{width:35px;height:35px;font-size:23px}.aud-slider-prev{right:7px}.aud-slider-next{left:7px}.aud-slide-caption{padding:25px 42px 48px}.aud-slide-caption strong{font-size:clamp(14px,3.5vw,21px)}.aud-slide-caption span{font-size:12px}.aud-slide-caption a{font-size:11px}.aud-slider-controls{bottom:8px}}
@media(prefers-reduced-motion:reduce){.aud-slide{transition:none!important}}

/* Approved refinement: shorter panoramic hero, same site width */
@media(min-width:701px){.aud-slider{aspect-ratio:1280/390!important;max-height:470px}.aud-slider .aud-slide>img{object-fit:cover;object-position:center center}}
@media(max-width:700px){.aud-slider{aspect-ratio:16/9!important;min-height:0!important}.aud-slider .aud-slide>img{object-position:center center}}

/* FINAL: Single slider container, no crop, no logo loss.
   Image scales uniformly and is fully visible, with balanced side gutters. */
.aud-slider.hero{display:block!important;height:auto!important;min-height:0!important;
  aspect-ratio:1280/390!important;max-height:none!important;overflow:hidden!important;
  padding:0!important;margin:0!important;background:#063b32!important}
.aud-slider .aud-slides{position:absolute!important;inset:0!important;display:block!important}
.aud-slider .aud-slide{position:absolute!important;inset:0!important;
  overflow:hidden!important;display:flex!important;align-items:center!important;justify-content:center!important;
  background:linear-gradient(90deg,#00382f,#0a4a3b 50%,#00382f)!important}
.aud-slider .aud-slide>img{position:relative!important;display:block!important;
  width:100%!important;height:100%!important;object-fit:contain!important;
  object-position:center center!important;max-width:100%!important;transform:none!important;
  filter:none!important}
.aud-slider .aud-slide:first-child>img{width:100%!important;height:100%!important;object-fit:contain!important}
.aud-slider-arrow{z-index:10!important}.aud-slider-controls{z-index:11!important}
@media(max-width:700px){
 .aud-slider.hero{aspect-ratio:1280/511!important}
 .aud-slider .aud-slide>img{object-fit:contain!important}
 .aud-slider-arrow{width:32px;height:32px}
}

/* Approved panoramic version: edge-to-edge at all desktop widths, no side gutters or crop. */
.aud-slider.hero{aspect-ratio:1600/488!important;width:100%!important;max-height:none!important;background:#002f28!important}
.aud-slider .aud-slide{background:transparent!important}
.aud-slider .aud-slide>img,.aud-slider .aud-slide:first-child>img{width:100%!important;height:100%!important;object-fit:fill!important;object-position:center!important}
@media(max-width:700px){.aud-slider.hero{aspect-ratio:1600/488!important;min-height:0!important}.aud-slider .aud-slide>img{object-fit:fill!important}}

/* Laptop first-screen adjustment: 488px -> 442px at 1600px width.
   Together with the masthead reduction this saves 76px (~2cm at 96dpi). */
@media (min-width: 701px) {
  .aud-slider.hero {
    aspect-ratio: 1600 / 396 !important;
    min-height: 0 !important;
  }
}
