.glass-nav{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}
.reveal.is-visible{opacity:1;transform:translateY(0)}
.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}

.icon-x{display:none}
#mnav-open:checked~header .icon-menu{display:none}
#mnav-open:checked~header .icon-x{display:block}
#mnav-open:checked~header .mnav-panel{max-height:90vh;overflow-y:auto}
body:has(#mnav-open:checked){overflow:hidden}
@media (min-width:1024px){
  body:has(#mnav-open:checked){overflow:auto}
  .mnav-panel{max-height:0!important;overflow:hidden!important}
}

.mnav-svc{max-height:0;overflow:hidden;transition:max-height .3s}
#mnav-svc:checked~.mnav-svc{max-height:40rem}
#mnav-svc:checked+label .nav-chev{transform:rotate(180deg)}

.mega-panel{
  visibility:hidden;
  opacity:0;
  pointer-events:none;
  transform:translate(-50%,-0.5rem);
}
.mega-panel:before{content:"";position:absolute;left:0;right:0;bottom:100%;height:14px}
@media (min-width:1024px){
  .mega-wrap:hover .mega-panel,
  .mega-wrap:focus-within .mega-panel,
  .mega-panel:hover{
    visibility:visible;
    opacity:1;
    pointer-events:auto;
    transform:translate(-50%,0);
  }
  .mega-wrap:hover .nav-chev,
  .mega-wrap:focus-within .nav-chev{transform:rotate(180deg)}
}

@supports (animation-timeline:scroll()){
  .site-hdr{
    animation:ma-header linear both;
    animation-timeline:scroll();
    animation-range:0 24px;
  }
  .scroll-progress-bar{
    transform:scaleX(0);
    transform-origin:left;
    animation:ma-progress linear;
    animation-timeline:scroll();
  }
}
@keyframes ma-header{
  to{
    background:#002147d1;
    -webkit-backdrop-filter:blur(20px);
    backdrop-filter:blur(20px);
    box-shadow:0 8px 30px -12px rgba(0,0,0,.45);
  }
}
@keyframes ma-progress{
  to{transform:scaleX(1)}
}

.enquiry-thanks{display:none}
#enquiry-sent:checked~.enquiry-form{display:none}
#enquiry-sent:checked~.enquiry-thanks{display:flex}