/* Collapse navigation before the desktop header needs a second row. */
.menu-icon{position:relative;display:block;width:22px;height:18px}
.menu-icon span{position:absolute;left:0;width:22px;height:2px;border-radius:2px;background:currentColor;transition:transform .18s ease,opacity .18s ease}
.menu-icon span:nth-child(1){top:0}
.menu-icon span:nth-child(2){top:8px}
.menu-icon span:nth-child(3){top:16px}
.menu[aria-expanded=true] .menu-icon span:nth-child(1){transform:translateY(8px) rotate(45deg)}
.menu[aria-expanded=true] .menu-icon span:nth-child(2){opacity:0}
.menu[aria-expanded=true] .menu-icon span:nth-child(3){transform:translateY(-8px) rotate(-45deg)}
@media(min-width:1201px){
 header .head,#nav{flex-wrap:nowrap}
 .menu{display:none}
}
@media(max-width:1200px){
 header .wrap.head{width:auto;max-width:none;min-height:82px;margin:0 20px;padding:0;gap:14px;flex-wrap:nowrap;justify-content:space-between}
 header .brand{min-width:0;margin-right:auto}
 .menu{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:44px;min-width:84px;padding:10px 8px;background:transparent;color:inherit;font-size:14px;line-height:1.5;white-space:nowrap}
 .menu:focus-visible{outline:2px solid #d7ed98;outline-offset:2px}
 body.site-menu-open{overflow:hidden}
 body.site-menu-open header{background:#062e27!important}
 #nav{display:none;position:fixed;top:var(--menu-top,82px);left:0;right:0;width:auto;max-width:none;height:calc(100vh - var(--menu-top,82px));height:calc(100dvh - var(--menu-top,82px));margin:0;padding:24px max(24px,calc((100vw - 1000px)/2)) max(28px,env(safe-area-inset-bottom));border:0;border-top:1px solid #ffffff25;background:#062e27;color:white;overflow:auto;overscroll-behavior:contain;flex:none;flex-direction:column;flex-wrap:nowrap;align-items:stretch;justify-content:flex-start;gap:0;box-sizing:border-box}
 #nav.open{display:flex}
 #nav .primary-nav{display:flex;flex:none;flex-direction:column;align-items:stretch;width:100%;gap:0}
 #nav .primary-nav a{display:block;padding:18px 4px;min-height:60px;border-bottom:1px solid #ffffff25;font-size:24px;line-height:1.4;letter-spacing:.05em;text-align:left;white-space:normal;transform:none}
 #nav .primary-nav a:hover{background:#ffffff08;transform:none}
 #nav .account-nav{display:flex;flex:none;flex-wrap:wrap;justify-content:flex-start;align-items:center;gap:12px;margin:28px 0 0;padding:24px 0 0;border-left:0;border-top:0}
 #nav .account-nav a,#nav .account-nav .logout{flex:0 1 auto;min-height:44px;padding:10px 18px!important;font-size:14px;margin:0}
 body[data-page=home] .hero{margin-top:-82px}
 .hero .hero-inner{padding-top:170px}
}
@media(max-width:760px){
 header .wrap.head{min-height:68px}
 #nav{--menu-top:68px;padding:18px 24px max(24px,env(safe-area-inset-bottom))}
 #nav .primary-nav a{font-size:22px;padding:16px 2px}
 body[data-page=home] .hero{margin-top:-68px}
 .hero .hero-inner{padding-top:135px}
}
@media(prefers-reduced-motion:reduce){.menu-icon span{transition:none}}