/* Four entries around the centered logo; only the last entry can pin. */
.site-header,.site-header.home-header{
 height:152px;display:flex;align-items:center;padding:32px var(--pad) 0;
}
.site-header .header-tools{
 position:absolute;top:12px;left:auto;right:var(--pad);
 display:flex;align-items:center;gap:22px;margin:0;padding:0;
 font-size:10px;letter-spacing:.025em;
}
.site-header .header-nav{
 position:static;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));
 align-items:center;gap:0;width:100%;margin:0;padding:0;transform:none;border:0;
}
.site-header .header-nav>a{
 display:block;grid-column:auto;grid-row:1;justify-self:center;
 padding:14px 0;font-size:11px;line-height:1.4;
 letter-spacing:.045em;white-space:nowrap;transition:color .2s;
}
.site-header .header-nav>a[href]{grid-column:auto}
.site-header .header-nav>.brand{
 position:relative;grid-column:3;justify-self:center;width:56px;
 padding:0;line-height:0;z-index:2;
}
.site-header .header-nav>.brand::after{display:none}
.site-header .header-nav>a::after{bottom:7px;height:1px;background:var(--red)}
.site-header .header-nav>a:hover,.site-header .header-nav>a:focus-visible,
.site-header .header-nav>a[aria-current=page]{color:var(--red)}
.site-header .header-nav>.header-clock-slot{
 grid-column:5;grid-row:1;justify-self:center;min-width:12ch;
 display:flex;align-items:center;justify-content:center;
}
.site-header .menu-trigger{display:none}
/* Product information and purchase actions travel with the page as well. */
.pdp-buy{position:static;top:auto}
@media(min-width:801px) and (max-width:1100px){
 .site-header .header-nav>a{font-size:10px}
 .site-header .header-nav>.brand{width:52px}
}

/* The mobile menu is a short index, with secondary links kept in its colophon. */
.menu-dialog{
 max-width:100%;padding:24px var(--pad) 30px;background:var(--ink);color:var(--paper);
 overflow-y:auto;
}
.menu-dialog #menu-content{
 min-height:100%;display:flex;flex-direction:column;max-width:920px;margin:0 auto;
}
.menu-dialog .menu-top{display:flex;align-items:flex-start;justify-content:space-between;gap:24px}
.menu-dialog .menu-top img{width:48px;height:auto}
.menu-close{font-size:10px;letter-spacing:.04em;min-height:44px;color:var(--paper)}
.menu-dialog .menu-links{
 padding:0;margin:clamp(38px,10svh,100px) 0 40px;
 border-top:1px solid rgba(242,240,233,.25);
}
.menu-dialog .menu-links a{
 display:grid;grid-template-columns:24px minmax(0,1fr) 20px;
 align-items:baseline;column-gap:12px;padding:24px 0;
 border-bottom:1px solid rgba(242,240,233,.2);
 font-size:clamp(25px,5vw,46px);font-weight:400;line-height:1.15;
 letter-spacing:-.035em;text-transform:uppercase;transition:color .2s;
}
.menu-dialog .menu-links small{font-size:9px;letter-spacing:.02em;align-self:start;padding-top:5px;color:var(--muted,#8b8886)}
.menu-dialog .menu-links a>span:first-of-type{max-width:15ch;font-size:inherit}
.menu-dialog .menu-links a>span:last-of-type{font-size:17px;letter-spacing:0;text-align:right}
.menu-dialog .menu-links a:hover,.menu-dialog .menu-links a:focus-visible,
.menu-dialog .menu-links a[aria-current=page]{color:var(--red)}
.menu-bottom{margin-top:auto;display:flex;align-items:flex-end;justify-content:space-between;gap:24px}
.menu-secondary{display:flex;flex-direction:column;gap:4px}
.menu-secondary-link{display:flex;align-items:center;justify-content:space-between;gap:30px;min-height:36px;font-size:10px;text-transform:uppercase}
.menu-secondary-link:hover,.menu-close:hover{color:var(--red)}
.menu-sign{font-size:10px;color:var(--muted,#8b8886);white-space:nowrap;padding-bottom:9px}

@media(max-width:800px){
 .site-header,.site-header.home-header{height:130px;padding:0 var(--pad)}
 .site-header .header-nav{display:contents}
 .site-header .header-nav>a:not(.brand){display:none}
 .site-header .header-nav>.brand{position:absolute;top:18px;left:50%;transform:translateX(-50%);width:54px}
 .site-header .header-nav>.header-clock-slot{position:absolute;top:16px;left:50%;right:var(--pad);width:auto;min-width:0;justify-self:stretch;justify-content:flex-end}
 .site-header .header-tools{position:static;display:contents;font-size:10px}
 .site-header .menu-trigger{
  display:flex;align-items:center;gap:10px;position:absolute;
  left:var(--pad);top:48px;min-height:40px;padding:10px 0;font-size:10px;
 }
 .site-header .menu-trigger>span{color:var(--red);font-size:14px}
 .site-header .lang-switch{position:absolute;right:calc(var(--pad) + 39px);top:48px;gap:5px;font-size:10px}
 .site-header .cart-button{position:absolute;right:var(--pad);top:48px;padding:10px 0;font-size:10px}
}
@media(prefers-reduced-motion:reduce){
 .site-header .header-nav>a,.menu-dialog .menu-links a{transition:none}
}