html,body{margin:0!important;padding:0!important}#sr-header{--yellow:#ffd600;--red:#e30613;--content:1160px;width:100%;background:#000;font-family:Arial,Helvetica,sans-serif;position:relative;z-index:50}#sr-header *{box-sizing:border-box}#sr-header a{text-decoration:none}.srh-hero{position:relative;width:100%;background:#000;overflow:hidden}.srh-slides{position:relative;width:100%;aspect-ratio:2128/739;background:#000}.srh-slide{position:absolute;inset:0;width:100%;height:100%;opacity:0;visibility:hidden;transition:opacity .4s ease}.srh-slide.active{opacity:1;visibility:visible}.srh-slide-link{display:block;width:100%;height:100%}.srh-slide-link img{display:block;width:100%;height:100%;object-fit:contain;object-position:center;background:#000}.srh-controls{position:absolute;right:16px;top:16px;display:flex;gap:6px;z-index:5}.srh-arrow{width:42px;height:42px;border:1px solid rgba(255,255,255,.75);background:rgba(0,0,0,.65);color:#fff;font-size:22px;cursor:pointer}.srh-arrow:hover{background:var(--yellow);color:#000;border-color:var(--yellow)}.srh-nav{width:100%;background:var(--yellow);position:sticky;top:0;z-index:80}.srh-nav-inner{display:flex;align-items:center;min-height:58px;width:min(var(--content),calc(100% - 36px));margin:0 auto;padding:0;gap:0;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;-webkit-overflow-scrolling:touch;touch-action:pan-x;overscroll-behavior-x:contain}.srh-nav-inner::-webkit-scrollbar{display:none}.srh-nav a{position:relative;display:flex;align-items:center;justify-content:center;flex:0 0 auto;min-height:58px;padding:0 14px;color:#000;font-size:11px;font-weight:900;text-transform:uppercase;white-space:nowrap}.srh-nav a:hover{background:rgba(0,0,0,.08)}.srh-nav a.srh-page-active{background:transparent;color:#000}.srh-nav a.srh-page-active:after{content:"";position:absolute;left:14px;right:14px;bottom:6px;height:3px;background:#000}.srh-nav a.srh-section-active:after{content:"";position:absolute;left:14px;right:14px;bottom:6px;height:3px;background:#000}.srh-nav a.srh-page-active.srh-section-active:after{background:#000}.srh-nav a.srh-menu-black{background:#000;color:#fff;min-height:36px;height:36px;margin-left:10px}.srh-nav a.srh-menu-red{background:var(--red);color:#fff;min-height:36px;height:36px;margin-left:10px}.srh-nav a.srh-menu-black.srh-page-active{color:var(--yellow)}.srh-nav a.srh-menu-red.srh-page-active{box-shadow:inset 0 0 0 3px #000}.srh-nav a.srh-menu-black.srh-page-active:after,.srh-nav a.srh-menu-red.srh-page-active:after,.srh-nav a.srh-menu-black.srh-section-active:after,.srh-nav a.srh-menu-red.srh-section-active:after{display:none}@media(min-width:701px){.srh-nav-inner a.srh-menu-black:first-of-type{margin-left:auto}}@media(max-width:700px){.srh-controls{top:8px;right:8px}.srh-arrow{width:34px;height:34px}.srh-nav-inner{min-height:50px;width:100%;margin:0;padding:0 10px}.srh-nav a{min-height:50px;padding:0 10px;font-size:9px}.srh-nav a.srh-menu-black,.srh-nav a.srh-menu-red{min-height:32px;height:32px;margin-left:8px}.srh-nav a.srh-section-active:after{left:10px;right:10px;bottom:5px;height:2px}}


.srh-nav-inner > a{
    flex:1 1 0;
    min-width:0;
    padding-left:8px;
    padding-right:8px;
  }

  /* Spacing is controlled by the common 8px gap, including the black/red buttons. */
  .srh-nav a.srh-menu-black,
  .srh-nav a.srh-menu-red{
    margin-left:0;
  }

  .srh-nav-inner a.srh-menu-black:first-of-type{
    margin-left:0;
  }
}




/* v1.0.12: clean menu behaviour */

/* Current PAGE is a filled black highlight. */
.srh-nav a.srh-page-active{
  background:#000 !important;
  color:#fff !important;
}

/* Current PAGE must never show the black underline. */
.srh-nav a.srh-page-active::after{
  display:none !important;
  content:none !important;
}

/* Current carousel/header-image relationship is shown by underline. */
.srh-nav a.srh-section-active:not(.srh-page-active)::after{
  content:"" !important;
  display:block !important;
  position:absolute !important;
  left:14px !important;
  right:14px !important;
  bottom:6px !important;
  height:3px !important;
  background:#000 !important;
}

/* Special black/red actions keep their existing colours when they are the current page. */
.srh-nav a.srh-menu-black.srh-page-active{
  background:#000 !important;
  color:#fff !important;
}
.srh-nav a.srh-menu-red.srh-page-active{
  background:var(--red) !important;
  color:#fff !important;
  box-shadow:inset 0 0 0 3px #000 !important;
}

/* Desktop: tidy spacing, no overlap. */
@media(min-width:701px){
  .srh-nav-inner{
    width:min(var(--content),calc(100% - 36px)) !important;
    margin:0 auto !important;
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    gap:8px !important;
    overflow-x:auto !important;
    overflow-y:hidden !important;
  }

  .srh-nav-inner > a{
    flex:0 1 auto !important;
    min-width:max-content !important;
    width:auto !important;
    margin-left:0 !important;
    margin-right:0 !important;
    padding-left:10px !important;
    padding-right:10px !important;
  }

  .srh-nav a.srh-menu-black,
  .srh-nav a.srh-menu-red{
    margin-left:0 !important;
  }
}

/* Medium widths: preserve spacing and scroll rather than collide. */
@media(min-width:701px) and (max-width:1100px){
  .srh-nav-inner{
    justify-content:flex-start !important;
    padding-left:10px !important;
    padding-right:10px !important;
    gap:6px !important;
  }
}


/* v1.0.13: server-rendered current-page highlight */
.srh-nav-inner > a.srh-page-active,
.srh-nav-inner > a[aria-current="page"]{
  background:#000 !important;
  color:#fff !important;
  text-decoration:none !important;
}

/* Current page never uses the black carousel underline. */
.srh-nav-inner > a.srh-page-active::after,
.srh-nav-inner > a[aria-current="page"]::after{
  display:none !important;
  content:none !important;
}

/* The carousel/header-image marker remains an underline on a different menu item. */
.srh-nav-inner > a.srh-section-active:not(.srh-page-active)::after{
  content:"" !important;
  display:block !important;
  position:absolute !important;
  left:14px !important;
  right:14px !important;
  bottom:6px !important;
  height:3px !important;
  background:#000 !important;
}

/* Preserve existing action-button colours. */
.srh-nav-inner > a.srh-menu-black.srh-page-active{
  background:#000 !important;
  color:#fff !important;
}
.srh-nav-inner > a.srh-menu-red.srh-page-active{
  background:var(--red) !important;
  color:#fff !important;
  box-shadow:inset 0 0 0 3px #000 !important;
}




/* v1.0.17: visible wrapped mobile navigation */
@media(max-width:700px){
  .srh-nav{
    background:var(--yellow);
    padding:8px 8px 10px;
  }

  .srh-nav-inner{
    display:flex !important;
    flex-wrap:wrap !important;
    width:100% !important;
    min-height:0 !important;
    margin:0 !important;
    padding:0 !important;
    gap:6px !important;
    overflow:visible !important;
    justify-content:center !important;
    align-items:stretch !important;
  }

  .srh-nav-inner > a{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    flex:1 1 calc(20% - 6px) !important;
    min-width:0 !important;
    min-height:42px !important;
    height:auto !important;
    margin:0 !important;
    padding:6px 5px !important;
    box-sizing:border-box !important;
    font-size:9px !important;
    line-height:1.1 !important;
    text-align:center !important;
    white-space:normal !important;
    overflow:visible !important;
    word-break:normal !important;
  }

  .srh-nav-inner > a.srh-menu-black{
    background:#000 !important;
    color:#fff !important;
  }

  .srh-nav-inner > a.srh-menu-red{
    background:var(--red) !important;
    color:#fff !important;
  }

  .srh-nav-inner > a.srh-page-active{
    background:#000 !important;
    color:#fff !important;
  }

  .srh-nav-inner > a.srh-page-active::after{
    display:none !important;
    content:none !important;
  }

  .srh-nav-inner > a.srh-section-active:not(.srh-page-active)::after{
    content:"" !important;
    display:block !important;
    position:absolute !important;
    left:10px !important;
    right:10px !important;
    bottom:4px !important;
    height:2px !important;
    background:#000 !important;
  }
}

/* Very narrow phones: allow three rows rather than crushing labels. */
@media(max-width:430px){
  .srh-nav-inner > a{
    flex:1 1 calc(33.333% - 6px) !important;
    font-size:9px !important;
    min-height:40px !important;
  }
}