/* Use the original Follincraft logo in the header. */
header .brand-artwork{display:inline-flex;align-items:center;flex:none;text-decoration:none;border:0;background:transparent;line-height:0}
header .brand-artwork img{display:block;width:144px;height:auto;max-width:none;object-fit:contain}
header .brand-artwork:focus-visible{outline:2px solid var(--accent);outline-offset:4px;border-radius:6px}
@media(max-width:400px){header .brand-artwork img{width:130px}}

/* Match the FC badge while retaining a 44px touch target. */
header #menuBtn.menu-btn{position:relative;width:44px;height:44px;min-width:44px;min-height:44px;padding:0!important;border:0!important;border-radius:0;background:transparent!important;box-shadow:none!important;color:transparent!important;font-size:0!important;line-height:1;flex:none;cursor:pointer}
header #menuBtn.menu-btn::before{content:"";position:absolute;left:50%;top:50%;width:34px;height:34px;box-sizing:border-box;transform:translate(-50%,-50%);border:2px solid #f9f9f9;border-radius:8px;background:transparent;pointer-events:none}
header #menuBtn.menu-btn::after{content:"";position:absolute;left:50%;top:50%;width:14px;height:2px;transform:translate(-50%,-50%);border-radius:1px;background:#ef602f;box-shadow:0 -4px 0 #ef602f,0 4px 0 #ef602f;pointer-events:none}
header #menuBtn.menu-btn[aria-expanded="true"]::after{width:14px;height:14px;border-radius:0;background:linear-gradient(45deg,transparent 43%,#ef602f 44%,#ef602f 56%,transparent 57%),linear-gradient(-45deg,transparent 43%,#ef602f 44%,#ef602f 56%,transparent 57%);box-shadow:none}
header #menuBtn.menu-btn:focus-visible{outline:2px solid #ef602f;outline-offset:2px;border-radius:10px}
@media(max-width:400px){header #menuBtn.menu-btn::before{width:32px;height:32px}}

/* Keep navigation below the visible header, with one clear panel. */
body > header{z-index:2100}
#mobileMenu.mobile-menu{inset:var(--navh) 0 0;z-index:2000;background:rgba(0,0,0,.64);backdrop-filter:none;-webkit-backdrop-filter:none;overflow:auto}
#mobileMenu.mobile-menu .mobile-links{position:relative;top:0;left:auto;right:auto;margin:12px 16px 24px;padding:6px 16px;max-height:calc(100dvh - var(--navh) - 36px);overflow:auto;border:2px solid #ef602f;border-radius:10px;background:#101215;box-shadow:0 16px 36px rgba(0,0,0,.4)}
#mobileMenu.mobile-menu .mobile-links a{min-height:52px;box-sizing:border-box;margin:0;padding:14px 4px;border:0;border-bottom:1px solid #292d32;border-radius:0;background:transparent;color:#f9f9f9;font-size:16px;font-weight:650;letter-spacing:0;line-height:1.4;text-decoration:none;box-shadow:none}
#mobileMenu.mobile-menu .mobile-links a:last-child{border-bottom:0}
#mobileMenu.mobile-menu .mobile-links a:hover{color:#ef602f;background:transparent}
#mobileMenu.mobile-menu .mobile-links a:focus-visible{color:#ef602f;background:#1d2024;outline:2px solid #ef602f;outline-offset:-2px;border-radius:4px}
body:has(#mobileMenu.mobile-menu.open){overflow:hidden}

/* Keep each mobile destination clear, with a short supporting line. */
#mobileMenu.mobile-menu .mobile-links a{flex-direction:column;align-items:flex-start;justify-content:center;gap:3px;min-height:70px;padding:12px 4px}
#mobileMenu .mobile-link-label{display:block;font-size:16px;font-weight:650;line-height:1.4}
#mobileMenu .mobile-link-description{display:block;color:#a5adb7;font-size:13px;font-weight:400;line-height:1.4;letter-spacing:0}
#mobileMenu.mobile-menu .mobile-links a.nav-search-link::after{content:none}