html{scroll-behavior:smooth}
.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}

.td-input{
  width:100%;
  border-radius:.75rem;
  border:1px solid hsl(var(--border));
  background:#fff;
  padding:.7rem .9rem;
  font-size:.875rem;
  color:hsl(var(--foreground));
  transition:border-color .2s,box-shadow .2s;
}
.td-input:focus{
  outline:none;
  border-color:hsl(var(--accent));
  box-shadow:0 0 0 3px rgba(242,101,34,.15);
}

.icon-x{display:none}
.mnav-panel{display:none}
#mnav-open:checked~header .icon-menu{display:none}
#mnav-open:checked~header .icon-x{display:block}
#mnav-open:checked~header .mnav-panel{display:block}

.mega-panel{
  visibility:hidden;
  opacity:0;
  pointer-events:none;
}
.mega-panel:before{content:"";position:absolute;left:0;right:0;bottom:100%;height:14px}
@media (min-width:1024px){
  .mnav-panel{display:none!important}
  .hdr-bar:has(.mega-about:hover) .panel-about,
  .hdr-bar:has(.mega-services:hover) .panel-services,
  .hdr-bar:has(.mega-resources:hover) .panel-resources,
  .hdr-bar:has(.panel-about:hover) .panel-about,
  .hdr-bar:has(.panel-services:hover) .panel-services,
  .hdr-bar:has(.panel-resources:hover) .panel-resources{
    visibility:visible;
    opacity:1;
    pointer-events:auto;
  }
  .hdr-bar:has(.mega-about:hover) .mega-about .nav-chev,
  .hdr-bar:has(.panel-about:hover) .mega-about .nav-chev,
  .hdr-bar:has(.mega-services:hover) .mega-services .nav-chev,
  .hdr-bar:has(.panel-services:hover) .mega-services .nav-chev,
  .hdr-bar:has(.mega-resources:hover) .mega-resources .nav-chev,
  .hdr-bar:has(.panel-resources:hover) .mega-resources .nav-chev{
    transform:rotate(180deg);
  }
}

@property --hdr-ink{
  syntax:"<color>";
  inherits:true;
  initial-value:#fff;
}
@property --hdr-ink-muted{
  syntax:"<color>";
  inherits:true;
  initial-value:rgb(255 255 255 / .6);
}
@property --nav-hover{
  syntax:"<color>";
  inherits:true;
  initial-value:#fff;
}

.hdr-bar{
  --hdr-ink:#fff;
  --hdr-ink-muted:rgb(255 255 255 / .6);
  --nav-hover:#fff;
}
.logo-name,.hdr-phone,.hdr-toggle,.nav-link{color:var(--hdr-ink)}
.logo-tag{color:var(--hdr-ink-muted)}
.nav-link:hover{color:var(--nav-hover)}

@supports (animation-timeline:scroll()){
  .hdr-bar{
    animation:td-header linear both;
    animation-timeline:scroll();
    animation-range:0 24px;
  }
}
@keyframes td-header{
  to{
    background:#ffffffd9;
    -webkit-backdrop-filter:blur(24px);
    backdrop-filter:blur(24px);
    box-shadow:0 1px 0 0 rgba(8,36,60,.08);
    --hdr-ink:rgb(8 36 60);
    --hdr-ink-muted:rgb(8 36 60 / .6);
    --nav-hover:rgb(242 101 34);
  }
}

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

body:has(#mnav-open:checked){overflow:hidden}
@media (min-width:1024px){
  body:has(#mnav-open:checked){overflow:auto}
}

.grid-national{display:none}
.loc-page:has(#loc-national:checked) .grid-local{display:none}
.loc-page:has(#loc-national:checked) .grid-national{display:grid}
.loc-tab{
  border-radius:9999px;
  padding:0 1.5rem;
  height:3rem;
  font-size:.875rem;
  font-weight:600;
  transition:color .15s,background-color .15s,border-color .15s;
}
.loc-page:has(#loc-local:checked) label[for=loc-local],
.loc-page:has(#loc-national:checked) label[for=loc-national]{
  background-color:rgb(8 36 60);
  color:#fff;
}
.loc-page:has(#loc-local:checked) label[for=loc-national],
.loc-page:has(#loc-national:checked) label[for=loc-local]{
  border:1px solid hsl(var(--border));
  color:rgb(8 36 60);
}
.loc-page:has(#loc-local:checked) label[for=loc-national]:hover,
.loc-page:has(#loc-national:checked) label[for=loc-local]:hover{
  background-color:rgb(8 36 60 / .06);
}

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