/* Phone menu for the header nav. Hidden on desktop; desktop layout is unchanged. */
.nav{position:relative}
.nav-actions{display:flex;align-items:center;gap:10px}
.menu-btn{display:none;align-items:center;justify-content:center;width:52px;height:52px;padding:0;background:transparent;border:1.5px solid #3A424C;color:#E6E9ED;cursor:pointer;flex-shrink:0}
.menu-btn:hover,.menu-btn[aria-expanded="true"]{border-color:#2BB3E6;color:#2BB3E6}
.menu-btn:focus-visible,.mobile-menu a:focus-visible{outline:2px solid #2BB3E6;outline-offset:2px}
.menu-btn svg{display:block}
.menu-btn .x{display:none}.menu-btn[aria-expanded="true"] .bars{display:none}.menu-btn[aria-expanded="true"] .x{display:block}
.mobile-menu{position:absolute;left:0;right:0;top:100%;z-index:50;background:#0F1215;border-bottom:2px solid #2BB3E6;box-shadow:0 18px 40px rgba(0,0,0,.55)}
.mobile-menu[hidden]{display:none !important}
.mobile-menu nav{display:flex;flex-direction:column;padding:8px 16px 16px}
.mobile-menu a{display:flex;align-items:center;min-height:52px;border-bottom:1px solid #1E2228;color:#E6E9ED;text-decoration:none;font-weight:600;font-size:16px;letter-spacing:.06em;text-transform:uppercase}
.mobile-menu a:last-child{border-bottom:0}
.mobile-menu a:hover,.mobile-menu a[aria-current="page"]{color:#2BB3E6}
@media (max-width:900px){.menu-btn{display:inline-flex}}
@media (min-width:901px){.mobile-menu{display:none !important}}
@media (max-width:420px){
 .nav .wrap{gap:10px !important}
 .nav .brand-logo{width:48px !important;height:48px !important}
 .nav .nav-actions .btn{padding:0 14px;font-size:16px;letter-spacing:.06em}
 .menu-btn{width:48px;height:48px}
}
@media (max-width:370px){.nav .brand-word{font-size:24px !important}.nav .nav-actions .btn{padding:0 12px;font-size:15px}}