/* Keep the centered wordmark untouched. Give the surrounding actions room. */
.announcement-bar{display:flex;align-items:center;justify-content:center;gap:9px;min-height:40px;padding:8px 20px;background:#532c35;color:#f6f2e9;font:13px/1.4 var(--sans);letter-spacing:.025em;text-decoration:none}
.announcement-bar span{display:inline-block;transition:transform .2s ease}
.announcement-bar:hover span,.announcement-bar:focus-visible span{transform:translateX(3px)}
.announcement-bar:focus-visible{outline:2px solid #e5ce9b;outline-offset:-4px}
.site-header .desktop-nav a{display:inline-flex;align-items:center;min-height:48px;padding:12px 0;font-size:16px;line-height:1.3;border:0;position:relative}
.site-header .desktop-nav a::after{content:"";position:absolute;left:0;right:0;bottom:6px;height:1px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .2s ease}
.site-header .desktop-nav a:hover::after,.site-header .desktop-nav a:focus-visible::after{transform:scaleX(1)}
.site-header .header-right{gap:22px}
.site-header .header-cta{display:inline-flex;align-items:center;justify-content:center;gap:15px;min-height:46px;padding:11px 0;border:0;border-radius:0;background:transparent;color:var(--cream);font:16px/1.3 var(--sans);text-decoration:none;position:relative;cursor:pointer}
.site-header .header-cta::after{content:"";position:absolute;left:0;right:29px;bottom:5px;height:1px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .25s ease}
.site-header .header-cta:hover,.site-header .header-cta:focus-visible{background:transparent;color:var(--cream)}
.site-header .header-cta:hover::after,.site-header .header-cta:focus-visible::after{transform:scaleX(1)}
.site-header .header-cta span{display:inline-block;transition:transform .2s}
.site-header .header-cta:hover span{transform:translate(2px,-2px)}
.site-header .header-cart{gap:7px;min-height:46px;min-width:48px;color:var(--cream);text-decoration:none;border-radius:2px}
.site-header .header-cart svg{width:27px;height:27px;stroke-width:1.25;transition:transform .2s}
.site-header .header-cart:hover svg{transform:translateY(-2px)}
.site-header .header-cart [data-cart-count]{font:13px/1 var(--sans);font-variant-numeric:tabular-nums;min-width:12px;text-align:center}
.site-header :is(a,button):focus-visible{outline:2px solid #e5ce9b;outline-offset:5px}
.site-header .menu-toggle{font-size:14px;gap:10px;min-height:46px}
.site-header .menu-toggle span{font-size:21px;font-weight:400}
@media(min-width:761px) and (max-width:950px){.site-header .header-right{gap:12px}.site-header .header-cta{padding:10px 0;gap:12px;font-size:14px}}
@media(max-width:760px){.announcement-bar{min-height:37px;padding:7px 16px;font-size:12px}.site-header .header-cart-mobile{min-width:44px;justify-content:flex-start}.site-header .header-cart svg{width:26px;height:26px}.site-header .header-cart{gap:5px}.site-header .menu-toggle{padding:10px 0}.mobile-menu:not([hidden]){padding-top:0}.mobile-menu a,.mobile-menu button{min-height:52px}}
@media(prefers-reduced-motion:reduce){.announcement-bar span,.site-header .desktop-nav a::after,.site-header .header-cta::after,.site-header .header-cta,.site-header .header-cta span,.site-header .header-cart svg{transition:none}.announcement-bar:hover span,.site-header .header-cta:hover span,.site-header .header-cart:hover svg{transform:none}}

/* An inset hairline gives the homepage masthead a quiet, definite ending. */
.site-header--home{position:relative}
.site-header--home::after{
  content:"";
  position:absolute;
  inset-inline:max(5.6%,calc((100vw - 1360px)/2));
  bottom:0;
  height:1px;
  background:#f6f2e929;
  pointer-events:none;
}
@media(max-width:760px){.site-header--home::after{inset-inline:24px}}
