.ui-toggle{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;pointer-events:none}
label[for]{cursor:pointer}

.mnav-root{visibility:hidden;pointer-events:none}
.mnav-overlay{opacity:0;transition:opacity .2s ease}
.mnav-panel{transform:translateX(100%);transition:transform .3s ease}
#mnav-open:checked~.rp-shell .mnav-root{visibility:visible;pointer-events:auto}
#mnav-open:checked~.rp-shell .mnav-overlay{opacity:1}
#mnav-open:checked~.rp-shell .mnav-panel{transform:translateX(0)}
#mnav-open:checked~* .icon-menu{display:none}
#mnav-open:checked~* .icon-x{display:block}
.icon-x{display:none}
body:has(#mnav-open:checked){overflow:hidden}
@media (min-width:1024px){
  body:has(#mnav-open:checked){overflow:auto}
  .mnav-root{visibility:hidden!important;pointer-events:none!important}
}

.mnav-sub{display:none}
#mnav-about:checked~.mnav-sub,
#mnav-svc:checked~.mnav-sub,
#mnav-res:checked~.mnav-sub{display:block}
#mnav-about:checked+label .nav-chev,
#mnav-svc:checked+label .nav-chev,
#mnav-res:checked+label .nav-chev{transform:rotate(180deg)}

.panel-about,.panel-resources,.panel-services{display:none}
@media (min-width:1024px){
  .hdr-bar:has(.mega-about:hover) .panel-about,
  .hdr-bar:has(.panel-about:hover) .panel-about{display:block}
  .hdr-bar:has(.mega-resources:hover) .panel-resources,
  .hdr-bar:has(.panel-resources:hover) .panel-resources{display:block}
  .hdr-bar:has(.mega-services:hover) .panel-services,
  .hdr-bar:has(.panel-services:hover) .panel-services{display:block}
  .hdr-bar:has(.mega-services:hover) .mega-services .nav-chev,
  .hdr-bar:has(.panel-services:hover) .mega-services .nav-chev{transform:rotate(180deg)}
}

.cta-thanks{display:none}
#cta-sent:checked~.cta-form{display:none}
#cta-sent:checked~.cta-thanks{display:block}

.loc-doncaster{background:#e6e33a;color:#1a3a3a}
.loc-sheffield{background:#ffffff0d;color:#ffffffb3;border:1px solid #ffffff26}
#loc-sheffield:checked~.cta-form .loc-sheffield{background:#e6e33a;color:#1a3a3a;border-color:transparent}
#loc-sheffield:checked~.cta-form .loc-doncaster{background:#ffffff0d;color:#ffffffb3;border:1px solid #ffffff26}

.rev-slide{display:none}
#rev0:checked~.rev-stage .slide-0,
#rev1:checked~.rev-stage .slide-1,
#rev2:checked~.rev-stage .slide-2,
#rev3:checked~.rev-stage .slide-3,
#rev4:checked~.rev-stage .slide-4{display:block}
.rev-dot{height:.375rem;width:.375rem;border-radius:9999px;background:#1a3a3a40}
#rev0:checked~.rev-dots .dot-0,
#rev1:checked~.rev-dots .dot-1,
#rev2:checked~.rev-dots .dot-2,
#rev3:checked~.rev-dots .dot-3,
#rev4:checked~.rev-dots .dot-4{width:2rem;background:#1a3a3a}

.scroll-progress{
  transform:scaleX(0);
  transform-origin:0 50%;
}
@supports (animation-timeline:scroll()){
  .hdr-bar{
    animation:rp-header linear both;
    animation-timeline:scroll();
    animation-range:0 24px;
  }
  .scroll-progress{
    animation:rp-progress linear;
    animation-timeline:scroll();
  }
}
@keyframes rp-header{
  to{
    background:#ffffffe6;
    -webkit-backdrop-filter:blur(24px);
    backdrop-filter:blur(24px);
    box-shadow:0 1px 0 rgba(26,58,58,.08);
  }
}
@keyframes rp-progress{
  from{transform:scaleX(0)}
  to{transform:scaleX(1)}
}
