/* Left signature, centered navigation and right-aligned shopping actions. */
:root{--header-overlay-height:88px}
html{scroll-padding-top:104px}
.announcement{background:#210e14;color:#d7c4b4;height:27px;padding-inline:40px;letter-spacing:1.1px;font-size:8px}
.announcement a{font-size:9px;color:#e2d4c6}
.site-header{background:#fcfaf6f5;color:#392c27;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);box-shadow:0 5px 30px #35241608;transition:background .45s,color .4s,box-shadow .45s}
.site-header.over-hero{background:transparent;color:#fff5e8;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}
.site-header:before{content:'';position:absolute;inset:0 0 -82px;background:linear-gradient(180deg,#13090ce6 0%,#160a0db8 35%,#160a0d55 70%,transparent 100%);pointer-events:none;z-index:-1;opacity:0;transition:opacity .45s}
.site-header.over-hero:before{opacity:1}
.site-header:after{content:'';position:absolute;bottom:0;left:40px;right:40px;height:1px;background:linear-gradient(90deg,transparent,#ab90634d 25%,#ab906366 50%,#ab90634d 75%,transparent);pointer-events:none;opacity:.6;transition:opacity .4s}
.site-header.over-hero:after{opacity:.24}
.site-header .header-main{position:relative;height:88px;width:calc(100% - 80px);max-width:1700px;display:grid;grid-template-columns:160px minmax(0,1fr) 160px;gap:14px}
.site-header .header-start{display:none;grid-column:1;grid-row:1;align-items:center}
.site-header .header-start .menu-toggle{display:none}
.site-header .wordmark{position:static;grid-column:1;grid-row:1;translate:none;align-items:flex-start;justify-self:start;color:inherit;z-index:1}
.site-header .wordmark>span{font-size:31px;letter-spacing:6px;font-weight:400;line-height:1}
.site-header .wordmark small{font-size:6px;letter-spacing:3.8px;margin-top:8px;padding-left:0;font-weight:400;color:#b49b78}
.site-header.over-hero .wordmark small{color:#dec8a6}
.site-header .wordmark .brand-star{font-size:13px;right:-11px;top:-6px;color:#c1a274}
.site-header .main-nav{grid-column:2;grid-row:1;display:flex;justify-content:center;gap:28px;height:88px;align-items:center;background:none;box-shadow:none;border:0}
.nav-group{display:contents}
.site-header .main-nav a{font-size:11.5px;letter-spacing:.75px;font-weight:400;white-space:nowrap;padding:22px 0;line-height:1.5;position:relative;transition:color .25s}
.site-header .main-nav a:after{width:20px;height:1px;left:50%;bottom:13px;background:#b89b70;transform:translateX(-50%) scaleX(0);transform-origin:center;transition:transform .3s}
.site-header .main-nav a:hover:after,.site-header .main-nav a:focus-visible:after{width:20px;transform:translateX(-50%) scaleX(1)}
.site-header .main-nav .nav-story{display:none}
.site-header .header-actions{grid-column:3;grid-row:1;gap:6px;align-items:center}
.site-header .header-actions .mobile-search{display:inline-flex}
.site-header .header-actions .icon-button{width:34px;height:36px;padding:6px}
.site-header .header-actions svg{width:22px;height:22px;stroke-width:1.05}
.site-header .count{width:13px;height:13px;line-height:13px;font-size:8px;top:2px;right:1px}
.site-header.over-hero .count{background:#d7bc91;color:#271519}
.site-header:hover,.site-header:focus-within,.site-header:has(.main-nav.is-open){background:#fffdf9;color:#392c27;box-shadow:0 7px 35px #3524160c}
.site-header:hover:before,.site-header:focus-within:before,.site-header:has(.main-nav.is-open):before{opacity:0}
.site-header:hover:after,.site-header:focus-within:after,.site-header:has(.main-nav.is-open):after{opacity:.7}
.site-header:hover .wordmark small,.site-header:focus-within .wordmark small{color:#9b7a4e}
.site-header:hover .count,.site-header:focus-within .count{background:var(--wine);color:#fff}
@media(min-width:1101px) and (max-width:1300px){.site-header .header-main{width:calc(100% - 48px);grid-template-columns:140px minmax(0,1fr) 140px;gap:6px}.site-header .main-nav{gap:20px}.site-header .main-nav a{font-size:11px;letter-spacing:.5px}.site-header .wordmark>span{font-size:28px;letter-spacing:5px}.site-header .wordmark small{font-size:6px;letter-spacing:3px}}
@media(max-width:1100px){
:root{--header-overlay-height:72px}html{scroll-padding-top:88px}
.site-header .header-main{height:72px;width:calc(100% - 40px);grid-template-columns:35px 1fr auto;gap:10px}
.site-header .header-start{display:flex}.site-header .header-start .menu-toggle{display:inline-flex}
.site-header .wordmark{position:static;grid-column:2;grid-row:1;translate:none;align-items:flex-start;justify-self:start}
.site-header .wordmark>span{font-size:26px;letter-spacing:4.5px}.site-header .wordmark small{font-size:6px;letter-spacing:3px;margin-top:6px}
.site-header .header-actions{grid-column:3;gap:3px}.site-header .header-actions .mobile-search{display:inline-flex}
.site-header .main-nav{display:none;position:absolute;top:72px;left:-20px;right:-20px;height:auto;max-height:calc(100svh - 72px);overflow:auto;background:#fffdf9;padding:18px 30px 26px;border-top:1px solid #e7dfd4;box-shadow:0 20px 30px #29180d10}
.site-header .main-nav.is-open{display:flex;flex-direction:column;align-items:stretch}
.site-header .nav-group{display:contents}
.site-header .main-nav a,.site-header .main-nav .nav-story{display:block;font-size:13px;letter-spacing:.5px;font-weight:400;padding:18px 0;color:#392c27;border-bottom:1px solid #e9e1d6}
.site-header .main-nav a:after{display:none}
.site-header:after{left:20px;right:20px}
}
@media(max-width:700px){
.announcement{height:25px;padding-inline:18px;font-size:7px;letter-spacing:.65px}
.site-header .header-main{width:calc(100% - 28px);gap:4px}
.site-header .header-actions{gap:0}
.site-header .header-actions .icon-button{width:30px;height:34px;padding:6px}.site-header .header-actions svg{width:20px;height:20px}
.site-header .wordmark>span{font-size:24px;letter-spacing:4px}.site-header .wordmark small{font-size:5px;letter-spacing:2.8px}.site-header .wordmark .brand-star{font-size:10px;right:-9px;top:-4px}
.site-header .main-nav{left:-14px;right:-14px;padding-inline:27px}
.site-header:before{bottom:-55px;background:linear-gradient(180deg,#13090ce6,#160a0d80 60%,transparent)}
}
@media(prefers-reduced-motion:reduce){.site-header,.site-header:before,.site-header:after,.site-header .main-nav a:after{transition:none}}
.site-header.has-scrolled{background:#fcfaf6f5;color:#392c27;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);box-shadow:0 5px 28px #3524160a}
.site-header.has-scrolled:before{opacity:0}
.site-header.has-scrolled:after{opacity:.6}
.site-header.has-scrolled .wordmark small{color:#9b7a4e}
.site-header.has-scrolled .count{background:var(--wine);color:#fff}
@media(max-width:360px){.site-header .wordmark>span{font-size:21px;letter-spacing:3.5px}.site-header .wordmark small{font-size:5px;letter-spacing:2.2px}}
@media(max-width:1100px){.site-header .main-nav{grid-column:auto;grid-row:auto}}

/* Header treatment while the homepage banner is visible. */
body:has([data-aslan-banner]) .announcement{display:none}
body:has([data-aslan-banner]) .site-header.over-hero{color:#3f342d;background:linear-gradient(180deg,#f8f5edb0,transparent);backdrop-filter:none}
body:has([data-aslan-banner]) .site-header.over-hero:before{opacity:0}
body:has([data-aslan-banner]) .site-header.over-hero .wordmark small{color:#8b704c}
body:has([data-aslan-banner]) .site-header.over-hero .count{background:#866b47;color:#fff}
body:has([data-aslan-banner]) .site-header.over-hero:hover,body:has([data-aslan-banner]) .site-header.over-hero:focus-within{background:#fffdf9}

/* Scroll direction controls visibility without changing the page layout. */
.site-header{translate:0 0;opacity:1;transition:translate .25s cubic-bezier(.2,.7,.2,1),opacity .2s,background .45s,color .4s,box-shadow .45s}
.site-header.is-scroll-hidden{translate:0 calc(-100% - 30px);opacity:0;pointer-events:none}
@media(prefers-reduced-motion:reduce){.site-header{transition:none}}