/* Shared storefront header; one navigation model on every page. */
:root{--header-h:76px;--topH:76px}html{scroll-padding-top:var(--header-h)}
header.site-header{box-sizing:border-box;position:sticky;top:0;z-index:90;height:var(--header-h);min-height:var(--header-h);width:100%;padding:0 clamp(24px,5vw,80px);display:flex;align-items:center;justify-content:space-between;gap:28px;background:#f3efe7;border:0;border-bottom:1px solid #d3cbbf;color:#292520;font-family:'DM Sans',Arial,sans-serif;line-height:1.4;box-shadow:none;backdrop-filter:none}
.site-header *, .site-header *::before,.site-header *::after{box-sizing:border-box}.site-header a,.site-header summary{color:#292520;text-transform:none;letter-spacing:0;font-weight:400;text-decoration:none;cursor:pointer}
header.site-header .brand{flex-shrink:0;display:inline-flex;align-items:center;font-family:'DM Sans',Arial,sans-serif;font-size:24px;line-height:1.2;letter-spacing:-.06em;font-weight:700;color:#292520;min-height:44px}.site-header .brand span{font-weight:700;color:#7922bb}
header.site-header .desktop-nav{display:flex;align-items:center;gap:clamp(18px,2.5vw,38px);font-size:14px;margin:0;padding:0}.site-header .desktop-nav>a,.site-header summary{min-height:44px;display:flex;align-items:center;gap:7px}.site-header a:hover{text-decoration:underline;text-underline-offset:6px}.site-header summary{list-style:none;font-size:14px}.site-header summary::-webkit-details-marker{display:none}.site-header summary::after{content:'';width:6px;height:6px;border:solid currentColor;border-width:0 1px 1px 0;transform:translateY(-2px) rotate(45deg);margin-left:3px}.site-header details[open]>summary::after{transform:translateY(1px) rotate(225deg)}
.site-group{position:relative}.site-group>nav{position:absolute;top:calc(100% + 12px);left:-22px;min-width:220px;display:flex;flex-direction:column;padding:12px 22px 16px;background:#f3efe7;border:1px solid #d3cbbf;box-shadow:0 12px 24px #29252012}.site-group>nav a{display:flex;align-items:center;min-height:44px;font-size:14px;white-space:nowrap}.site-header a[aria-current=page]{text-decoration:underline;text-underline-offset:6px}
header.site-header .mobile-nav{display:none}.site-header .mobile-nav>nav{position:absolute;top:calc(var(--header-h) - 1px);left:0;right:0;background:#f3efe7;border-bottom:1px solid #d3cbbf;padding:16px 24px 24px;display:grid;grid-template-columns:1fr 1fr;gap:16px 24px;max-height:calc(100dvh - var(--header-h));overflow:auto;box-shadow:0 12px 24px #29252012}.site-header .mobile-nav .mobile-main{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr}.site-header .mobile-nav nav p{font-size:12px;font-weight:600;color:#5c554e;margin:8px 0}.site-header .mobile-nav nav a{font-size:14px;min-height:44px;display:flex;align-items:center}.site-header .motion-toggle{margin-left:auto;flex-shrink:0}.site-header :focus-visible{outline:3px solid #7922bb;outline-offset:4px}.sample-preview-tools{position:absolute;right:24px;z-index:12;font-size:12px}.sample-preview-tools>details>summary{padding:8px;cursor:pointer}
@media(max-width:1000px){:root{--header-h:68px;--topH:68px}header.site-header{gap:18px}header.site-header .desktop-nav{display:none}header.site-header .mobile-nav{display:block}.site-header .motion-toggle{margin-left:auto}.site-header .brand{margin-right:auto}}

header.site-header .desktop-nav{margin-left:auto}.site-header .motion-toggle{margin-left:0}