.site-header #main-nav{align-items:center;gap:1.25rem}
.nav-group{position:relative;display:flex;align-items:center;gap:.15rem}
.nav-primary,.nav-contact{white-space:nowrap}
.submenu-toggle{border:0;background:transparent;color:var(--navy);font:700 1rem/1 "DM Sans",sans-serif;padding:.25rem;cursor:pointer}
.submenu{display:none;position:absolute;top:calc(100% + 1.25rem);left:-1rem;width:250px;background:var(--paper);border:1px solid var(--line);box-shadow:0 14px 32px rgba(6,30,43,.13);padding:.55rem;z-index:30}
.submenu a{display:block;padding:.7rem .75rem;font-size:.82rem;line-height:1.3}
.submenu a:after{display:none}
.submenu a:hover,.submenu a:focus-visible{background:rgba(15,127,130,.09);color:var(--teal)}
.nav-group:hover .submenu,.nav-group:focus-within .submenu,.nav-group.submenu-open .submenu{display:block}
.area-link{display:inline-flex;align-items:center;gap:.55rem;margin-top:1.4rem;color:var(--teal);font-size:.82rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em}
.area-link:after{content:"↗";font-size:1rem}
.dark .area-link{color:var(--aqua)}
body.area-view .hero,body.area-view main>.section:not(.area-visible){display:none}
body.area-view main>.area-visible{min-height:calc(100vh - 88px)}
@media(max-width:1180px) and (min-width:981px){.site-header{gap:1.2rem}.site-header #main-nav{gap:.65rem;font-size:.76rem}.brand img{width:165px}.submenu-toggle{padding:.15rem}}
@media(max-width:980px){.site-header #main-nav{align-items:stretch;gap:.25rem;max-height:calc(100vh - 88px);overflow:auto}.nav-group{display:grid;grid-template-columns:1fr auto}.nav-primary,.nav-contact{padding:.65rem 0}.submenu-toggle{width:42px;text-align:center}.submenu{position:static;grid-column:1/-1;width:auto;border:0;border-left:2px solid var(--teal);box-shadow:none;background:transparent;margin:0 0 .65rem .2rem;padding:.1rem 0 .1rem .7rem}.nav-group:hover .submenu{display:none}.nav-group.submenu-open .submenu,.nav-group:focus-within .submenu{display:block}.submenu a{padding:.55rem .65rem}.site-header #main-nav a:after{display:none}}
@media(max-width:620px){.site-header #main-nav{max-height:calc(100vh - 74px)}body.area-view main>.area-visible{min-height:calc(100vh - 74px)}}