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}
.duration-400{transition-duration:.4s}
.nav-drop{
  visibility:hidden;
  opacity:0;
  pointer-events:none;
}
.nav-item:hover .nav-drop,
.nav-item:focus-within .nav-drop{
  visibility:visible;
  opacity:1;
  pointer-events:auto;
}
#mnav-open:checked~.mnav-root .mnav-layer{
  opacity:1;
  pointer-events:auto;
}
#mnav-open:checked~.mnav-root .mnav-drawer{transform:translateX(0)}
.mnav-sub{display:none}
.mnav-acc:checked~.mnav-sub{display:block}
.mnav-acc:checked+.mnav-acc-lab .nav-chev{transform:rotate(180deg)}
body:has(#mnav-open:checked){overflow:hidden}
@supports (animation-timeline:scroll()){
  .hdr-bar{
    animation:ar-hdr linear both;
    animation-timeline:scroll();
    animation-range:0 24px;
  }
  .hdr-pad{
    animation:ar-pad linear both;
    animation-timeline:scroll();
    animation-range:0 24px;
  }
}
@keyframes ar-hdr{
  to{
    background:#fffffff2;
    -webkit-backdrop-filter:blur(12px);
    backdrop-filter:blur(12px);
    box-shadow:0 1px 30px rgba(43,35,29,.08);
  }
}
@keyframes ar-pad{
  to{padding-top:.75rem;padding-bottom:.75rem}
}
.glass{
  -webkit-backdrop-filter:blur(14px);
  backdrop-filter:blur(14px);
}