/* One centered composition around Janet's original logo. */
@font-face{font-family:Archivo;src:url('fonts/archivo.ttf') format('truetype');font-weight:100 900;font-style:normal;font-display:swap}
body .masthead{padding:16px clamp(20px,5vw,80px);gap:clamp(28px,4vw,64px);border:0;background:var(--paper);box-shadow:none}
body .masthead .brand{display:block;line-height:0;padding:2px 4px}
body .masthead .brand img{width:126px;height:auto}
body .masthead nav{font:400 16px/1.4 Archivo,Arial,sans-serif;gap:clamp(28px,3vw,46px);letter-spacing:.025em;align-items:center}
body .masthead nav>a{position:relative;min-height:46px;display:flex;align-items:center;padding:8px 0;text-decoration:none}
body .masthead nav>a::after{content:none}
body .masthead nav>a:hover,body .masthead nav>a[aria-current]{color:#142a1d;text-decoration:none;text-shadow:0 0 .4px currentColor}
.masthead .nav-dropdown{position:relative}
.masthead .nav-dropdown summary{cursor:pointer;list-style:none;display:flex;align-items:center;gap:9px;min-height:46px;padding:8px 0;text-decoration:none;text-underline-offset:7px;text-decoration-thickness:1px}
.nav-dropdown summary::-webkit-details-marker{display:none}
.masthead .nav-dropdown summary span{display:block;margin:0;width:6px;height:6px;font-size:0;border-right:1px solid currentColor;border-bottom:1px solid currentColor;transform:translateY(-2px) rotate(45deg);transition:transform .18s}
.masthead .nav-dropdown[open] summary span{transform:translateY(2px) rotate(225deg)}
.masthead .nav-menu{position:absolute;top:calc(100% + 12px);left:-24px;width:292px;background:#f8f9f3;color:#263c30;padding:14px 12px;box-shadow:0 16px 40px #263c301a;border:0;border-radius:3px;max-height:calc(100svh - var(--navigation-height,120px) - 32px);overflow-y:auto;overscroll-behavior:contain}
.masthead .nav-menu a{display:flex!important;align-items:center;justify-content:space-between!important;gap:16px;white-space:normal;text-align:left!important;min-height:48px;padding:12px 14px;font:400 15px/1.5 Archivo,Arial,sans-serif;letter-spacing:.01em;text-decoration:none;border:0;border-radius:2px}
.masthead .nav-menu a:last-child{border-bottom:0}
.masthead .nav-menu a::after{content:none}
.masthead .nav-menu a:hover,.masthead .nav-menu a[aria-current]{background:#e8ece2;color:#142a1d;text-decoration:none}
.masthead .nav-dropdown[open]>summary,.masthead .nav-dropdown:has([aria-current])>summary,.masthead .nav-dropdown summary:hover{color:#142a1d;text-decoration:none;text-shadow:0 0 .4px currentColor}
.masthead :is(a,summary):focus-visible{outline:2px solid #263c30;outline-offset:5px}
@media(max-width:950px){body .masthead{gap:26px;padding-inline:5%}body .masthead nav{font-size:16px;gap:22px}body .masthead .brand img{width:110px}}
@media(max-width:650px){
 body .masthead{padding:12px 6%;gap:16px;grid-template-columns:minmax(0,1fr) 90px minmax(0,1fr)}
 body .masthead .brand{padding:0}body .masthead .brand img{width:90px}
 body .masthead nav{font:400 13px/1.3 Archivo,Arial,sans-serif;letter-spacing:.01em;gap:0;align-items:flex-end}
 body .masthead nav:last-child{align-items:flex-start}
 body .masthead nav>a{min-height:34px;padding:5px 0}
 .masthead .nav-dropdown{position:static}
 .masthead .nav-dropdown summary{font-size:13px;gap:7px;min-height:34px;padding:5px 0}
 .masthead .nav-menu{left:16px;right:16px;top:100%;width:auto;padding:12px;max-height:calc(100svh - var(--navigation-height,112px) - 24px)}
}
@media(max-width:370px){body .masthead{padding-inline:5%;gap:10px;grid-template-columns:minmax(0,1fr) 78px minmax(0,1fr)}body .masthead .brand img{width:78px}body .masthead nav,.masthead .nav-dropdown summary{font-size:12px}}
@media(prefers-reduced-motion:reduce){body .masthead nav>a::after,.masthead .nav-dropdown summary span{transition:none}}
.site-footer{display:grid;grid-template-columns:1fr 1.6fr;gap:42px;padding:60px 7% 28px}
.site-footer p{font-size:14px;line-height:1.8;margin-top:12px}
.site-footer nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px 24px}
.site-footer nav a,.footer-legal a{font-size:13px;display:flex;align-items:center;min-height:40px;text-decoration:none}
.site-footer a:hover{text-decoration:underline}
.footer-legal{grid-column:1/-1;display:flex;align-items:center;gap:24px;border-top:1px solid #728473;padding-top:20px;flex-wrap:wrap}
.site-footer small{font-size:11px}
@media(max-width:650px){.site-footer{grid-template-columns:1fr;gap:26px}.site-footer nav{grid-template-columns:1fr 1fr;gap:6px 18px}.site-footer p{flex-basis:auto}.footer-legal{gap:12px 24px}.footer-legal small{width:100%;margin:0}}