/* Open editorial navigation, inspired by the supplied reference. */
#header{inset:0 0 auto;height:130px;padding:24px var(--gutter);gap:40px;color:#fff;background:transparent;border:0;border-radius:0;box-shadow:none;backdrop-filter:blur(0px);-webkit-backdrop-filter:blur(0px);transition:height .3s,background .3s,color .3s,backdrop-filter .3s,-webkit-backdrop-filter .3s,box-shadow .3s}
#header .wordmark{font-size:48px;font-weight:700;letter-spacing:-.055em;flex-shrink:0;line-height:1}
#header .wordmark small{display:block;margin-top:9px;font-size:13px;font-weight:400;letter-spacing:.035em;line-height:1.3}
#header .desktop-nav{margin-left:auto;gap:clamp(24px,3vw,48px);align-items:center;font-size:18px;font-weight:700;line-height:1.4}
#header .desktop-nav a{padding:12px 0;white-space:nowrap}
#header .desktop-nav a:after{bottom:6px;height:1px}
#header .header-actions{gap:24px}
#header .cart-toggle{padding:12px 0;border:0;background:transparent;font-size:14px;font-weight:500;white-space:nowrap}
#header .cart-count{width:24px;height:24px;margin-left:7px;border:1px solid currentColor;background:transparent;color:inherit;font-size:11px}
#header .menu-toggle{min-height:44px;width:28px;color:inherit}
.has-scrolled #header,.shop-only #header{height:88px;background:linear-gradient(120deg,rgba(250,249,246,.78),rgba(250,249,246,.68));color:var(--ink);border-bottom:1px solid #ffffffc7;box-shadow:0 6px 24px #28312c0d;backdrop-filter:blur(20px) saturate(120%);-webkit-backdrop-filter:blur(20px) saturate(120%)}
.has-scrolled #header .wordmark,.shop-only #header .wordmark{font-size:34px}
.has-scrolled #header .wordmark small,.shop-only #header .wordmark small{margin-top:5px;font-size:11px}
#mobile-menu{top:88px;left:0;right:0;padding:24px var(--gutter) 30px;background:#faf9f6;border:0;border-bottom:1px solid var(--line);box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}
#mobile-menu a{font-size:28px;font-weight:500}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.has-scrolled #header,.shop-only #header{background:#faf9f6}}
@media(max-width:1100px){
 #header{gap:28px}
 #header .wordmark{font-size:40px}
 #header .desktop-nav{gap:24px;font-size:16px}
}
@media(max-width:900px){
 #header{height:100px;padding:20px 24px;gap:20px}
 #header .desktop-nav{display:none}
 #header .header-actions{margin-left:auto;gap:22px}
 #header .menu-toggle{display:block}
 #header .wordmark{font-size:36px}
 #header .wordmark small{font-size:11px;margin-top:7px}
 #header .cart-toggle{font-size:13px}
 .has-scrolled #header,.shop-only #header{height:88px}
}
@media(max-width:400px){
 #header{padding-inline:20px;gap:12px}
 #header .wordmark{font-size:32px}
 #header .header-actions{gap:16px}
 #header .cart-count{margin-left:4px}
}