/* Shared storefront navigation. The original artwork includes all three logo lines. */
header.shop-header{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:17px;max-width:1320px;padding:18px 28px 22px;overflow:visible}
header.shop-header .brand{display:block;width:306px;max-width:100%;height:auto;margin:0;flex:none}
header.shop-header .brand-art{display:block;width:100%;aspect-ratio:2.65;overflow:hidden;mix-blend-mode:screen}
header.shop-header .brand-art img{display:block;width:118%;max-width:none;height:auto;object-fit:contain;transform:translate(-8%,-13%);filter:none}
header.shop-header nav{display:flex;flex-wrap:nowrap;justify-content:center;align-items:center;gap:10px;width:100%;min-width:0}
header.shop-header nav>a,header.shop-header nav>button,header.shop-header .header-guides>summary{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:42px;margin:0;padding:11px 19px;border:1px solid #60d9cc8c;border-radius:2px;background:transparent;color:var(--teal);font:500 13px/1.25 var(--font-sans);letter-spacing:.3px;text-decoration:none;white-space:nowrap;cursor:pointer;list-style:none;transition:background .18s,border-color .18s}
header.shop-header nav>a:hover,header.shop-header nav>button:hover,header.shop-header .header-guides>summary:hover,header.shop-header .header-guides[open]>summary{color:var(--teal);background:#60d9cc10;border-color:var(--teal);text-decoration:none}
header.shop-header .header-guides{position:relative;flex:none}
header.shop-header .header-guides>summary::-webkit-details-marker{display:none}
header.shop-header .header-guides[open]>summary svg{transform:rotate(180deg)}
header.shop-header .header-guides-menu{position:absolute;z-index:80;top:calc(100% + 9px);left:50%;transform:translateX(-50%);width:340px;max-width:calc(100vw - 36px);padding:7px;border:1px solid #60d9cc80;border-radius:3px;background:#0c1716;box-shadow:0 16px 40px #0009}
header.shop-header .header-guides-menu a{display:block;padding:12px 13px;border-radius:2px;color:var(--teal);font:400 13px/1.4 var(--font-sans);text-decoration:none;white-space:normal}
header.shop-header .header-guides-menu a+a{border-top:1px solid #60d9cc15}
header.shop-header .header-guides-menu a:hover,header.shop-header .header-guides-menu a:focus-visible{background:#60d9cc12;color:#c2fff4;text-decoration:none}
footer.shop-footer>div:first-child img{width:85%;max-width:544px;height:auto;object-fit:contain;mix-blend-mode:screen}
@media(max-width:700px){
 header.shop-header{padding:15px 18px 19px;gap:14px}
 header.shop-header .brand{width:272px}
 header.shop-header nav{gap:7px;flex-wrap:wrap}
 header.shop-header nav>a,header.shop-header nav>button,header.shop-header .header-guides>summary{padding:10px 12px;font-size:12px;min-height:40px}
 header.shop-header .header-guides-menu{position:fixed;top:var(--guides-top,200px);left:18px;right:18px;transform:none;width:auto;max-width:none;max-height:calc(100dvh - var(--guides-top,200px) - 18px);overflow-y:auto}
}
@media(prefers-reduced-motion:reduce){header.shop-header nav *{transition:none}}

/* Convert the source logo's dark background to real rendered alpha, preserving its lettering. */
header.shop-header .brand-art,footer.shop-footer>div:first-child img{mix-blend-mode:normal}
.mgmt-logo-alpha-ready header.shop-header .brand-art img,
.mgmt-logo-alpha-ready footer.shop-footer>div:first-child img,
.mgmt-logo-alpha-ready .entry-logo{filter:url(#mgmt-logo-transparent);mix-blend-mode:normal}

/* Compact footer: 40% smaller than the prior 85% / 544px logo. */
footer.shop-footer>div:first-child img{width:51%;max-width:326.4px}
footer.shop-footer nav a,footer.shop-footer nav button{font-size:11px}

/* Increase the transparent header logo by 15%; retain the compact footer. */
header.shop-header .brand{width:387.09px}
@media(max-width:700px){header.shop-header .brand{width:344.08px}}

/* Scale only the original artwork's tagline and rules; keep the wordmark unchanged. */
header.shop-header .brand-art{overflow:visible}
header.shop-header .header-logo-svg{display:block;width:100%;height:auto;overflow:visible}
.mgmt-logo-alpha-ready header.shop-header .header-logo-artwork{filter:url(#mgmt-logo-transparent)}