html{scroll-behavior:smooth}
.reveal,.reveal.is-visible{opacity:1;transform:none}
.ui-toggle{position:absolute;opacity:0;width:0;height:0;margin:0;pointer-events:none}
label[for]{cursor:pointer}
.nav-drop{display:none}
.nav-item:hover > a .nav-underline,
.nav-item:focus-within > a .nav-underline{width:100%}
@media (min-width:1280px){
  .nav-wrap:has(.nav-i-0:hover) .mega-0,
  .nav-wrap:has(.nav-i-0:focus-within) .mega-0,
  .nav-wrap:has(.nav-i-1:hover) .mega-1,
  .nav-wrap:has(.nav-i-1:focus-within) .mega-1,
  .nav-wrap:has(.nav-i-2:hover) .mega-2,
  .nav-wrap:has(.nav-i-2:focus-within) .mega-2,
  .nav-wrap:has(.nav-i-3:hover) .mega-3,
  .nav-wrap:has(.nav-i-3:focus-within) .mega-3,
  .nav-wrap:has(.nav-i-4:hover) .mega-4,
  .nav-wrap:has(.nav-i-4:focus-within) .mega-4{display:block}
}
.gal-box:has(.gal-radio:checked) .gal-thumb{opacity:.7}
.gal-box:has(#gal-0:checked) [for="gal-0"],
.gal-box:has(#gal-1:checked) [for="gal-1"],
.gal-box:has(#gal-2:checked) [for="gal-2"],
.gal-box:has(#gal-3:checked) [for="gal-3"],
.gal-box:has(#gal-4:checked) [for="gal-4"],
.gal-box:has(#gal-5:checked) [for="gal-5"],
.gal-box:has(#gal-6:checked) [for="gal-6"],
.gal-box:has(#gal-7:checked) [for="gal-7"],
.gal-box:has(#gal-8:checked) [for="gal-8"]{
  opacity:1;
  box-shadow:0 0 0 2px hsl(var(--primary));
}
.hover\:monolith-shadow-lg:hover{box-shadow:0 1px 2px hsl(var(--foreground) / .04), 0 12px 32px -8px hsl(var(--foreground) / .14), 0 32px 64px -24px hsl(var(--foreground) / .16)}
.announce-slot{position:relative;min-height:1.15em;flex:1}
.announce-msg{display:flex;align-items:center;justify-content:center}
.mnav-layer{opacity:0;pointer-events:none}
.mnav-drawer{transform:translateX(-100%)}
body:has(#mnav-open:checked) .mnav-layer{opacity:1;pointer-events:auto}
body:has(#mnav-open:checked) .mnav-drawer{transform:translateX(0)}
body:has(#mnav-open:checked){overflow:hidden}
.mnav-sub{display:none}
.mnav-acc:checked ~ .mnav-sub{display:block}
.mnav-acc:checked + .mnav-acc-lab .nav-chev{transform:rotate(90deg)}
.fill-primary{fill:hsl(var(--primary))}
.h-\[88vh\]{height:88vh}
.min-h-\[600px\]{min-height:600px}
.min-h-\[420px\]{min-height:420px}
.min-h-\[380px\]{min-height:380px}
.h-\[60vh\]{height:60vh}
.h-\[52vh\]{height:52vh}
.top-\[68px\]{top:68px}
.announce-track{position:relative}
.announce-msg{animation:bg-announce 10s infinite}
.announce-msg:nth-child(2){position:absolute;inset:0;animation-delay:5s;opacity:0}
@keyframes bg-announce{
  0%,45%{opacity:1}
  50%,95%{opacity:0}
  100%{opacity:1}
}
.nl-layer{
  opacity:0;pointer-events:none;visibility:hidden;
  animation:bg-nl .45s ease 6s forwards;
}
@keyframes bg-nl{
  to{opacity:1;pointer-events:auto;visibility:visible}
}
body:has(#nl-close:checked) .nl-layer,
#nl-close:checked ~ .nl-layer{
  display:none !important;animation:none !important;visibility:hidden !important;opacity:0 !important;pointer-events:none !important;
}
.gal-panel,.size-panel{display:none}
.gal-radio:checked + .gal-panel{display:block}
.size-radio:checked + .size-btn{
  border-color:hsl(var(--primary));
  background:hsl(var(--primary));
  color:hsl(var(--primary-foreground));
}
.acc-body{display:none}
.acc-toggle:checked ~ .acc-body{display:block}
.acc-toggle:checked + .acc-lab .acc-plus{display:none}
.acc-toggle:checked + .acc-lab .acc-minus{display:inline}
.acc-toggle:not(:checked) + .acc-lab .acc-minus{display:none}
@supports (animation-timeline:scroll()){
  .hdr-glass{
    animation:bg-hdr linear both;
    animation-timeline:scroll();
    animation-range:0 24px;
  }
}
@keyframes bg-hdr{
  to{border-color:hsl(var(--foreground) / .08)}
}