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}
.icon-x{display:none}
#mnav-open:checked~header .icon-menu{display:none}
#mnav-open:checked~header .icon-x{display:block}
.mnav-panel{display:none}
#mnav-open:checked~.mnav-panel{display:block}
@media (min-width:1024px){
.mnav-panel{display:none!important}
header:has(.nav-mega:hover) .mega-panel,
header:has(.nav-mega:focus-within) .mega-panel{display:block}
.nav-mega:hover .mega-chevron,
.nav-mega:focus-within .mega-chevron{transform:rotate(180deg)}
}
.mega-panel{display:none}
.mega-panel:before{content:"";position:absolute;left:0;right:0;bottom:100%;height:12px}
#footer-open:checked~.footer-expand{max-height:600px;opacity:1}
#footer-open:checked~.footer-bar .footer-chevron{transform:rotate(180deg)}
.footer-expand{max-height:0;opacity:0;overflow:hidden;transition:all .5s ease-out}
.footer-bar:hover~.footer-expand,
.footer-expand:hover{max-height:600px;opacity:1}
@media (hover:hover){
.footer-bar:hover .footer-chevron{transform:rotate(180deg)}
}
#enquiry-sent:checked~.enquiry-form{display:none}
.enquiry-thanks{display:none}
#enquiry-sent:checked~.enquiry-thanks{display:flex}
@supports (animation-timeline:scroll()){
header.site-header{
animation:header-solid linear both;
animation-timeline:scroll();
animation-range:0 80px;
}
}
@keyframes header-solid{
to{
background-color:rgb(0 43 73 / .95);
-webkit-backdrop-filter:blur(12px);
backdrop-filter:blur(12px);
border-bottom:1px solid rgb(197 160 89 / .15);
padding-top:.75rem;
padding-bottom:.75rem;
}
}
img.cover{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}
.tracking-\[0\.4em\]{letter-spacing:.4em}