/* V11 — prominent primary navigation, inspired by KING ME's original oval selection. */
:root{--navigation-height:124px;--navigation-pad:clamp(24px,3.35vw,72px)}
#header{height:var(--navigation-height);padding:0 var(--navigation-pad);display:grid;grid-template-columns:auto minmax(0,1fr) auto;column-gap:clamp(18px,2vw,36px);background:#f5f5f3f5;border-bottom:1px solid #19191b12;backdrop-filter:blur(14px);transition:height .3s ease,background .3s ease}
#header.scrolled{height:108px;padding:0 var(--navigation-pad);background:#f5f5f3fa;border-color:#19191b1a}
#header .logo img{width:208px;height:auto}
#header nav.desktop{display:flex;justify-content:center;align-items:center;gap:clamp(14px,1.6vw,32px);min-width:0}
#header nav.desktop a{position:relative;isolation:isolate;display:flex;align-items:center;justify-content:center;min-height:84px;padding:14px 8px;font:600 clamp(24px,1.5vw,28px)/1.5 var(--sans);letter-spacing:.04em;white-space:nowrap;color:#29292d;cursor:pointer;transition:color .2s ease}
#header nav.desktop a::after{display:none}
#header nav.desktop a .navigation-label{position:relative;z-index:1;transition:transform .28s var(--ease)}
#header nav.desktop a.active,#header nav.desktop a:hover,#header nav.desktop a:focus-visible{color:var(--red)}
#header nav.desktop a:hover .navigation-label{transform:translateY(-1px)}
.navigation-oval{position:absolute;inset:4px -8px;width:calc(100% + 16px);height:calc(100% - 8px);overflow:visible;pointer-events:none;color:var(--red)}
.navigation-oval path{fill:none;stroke:currentColor;stroke-width:2;vector-effect:non-scaling-stroke;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:100;stroke-dashoffset:100;opacity:0;transition:stroke-dashoffset .42s var(--ease),opacity .18s}
#header nav.desktop a.active .navigation-oval path,#header nav.desktop a:hover .navigation-oval path,#header nav.desktop a:focus-visible .navigation-oval path{stroke-dashoffset:0;opacity:1}
#header nav.desktop a:focus-visible{outline:2px solid var(--red);outline-offset:6px;border-radius:8px}
#header .nav-cta{display:flex;align-items:center;justify-content:center;min-height:54px;min-width:144px;padding:11px 22px;font-size:17px;font-weight:500;letter-spacing:.04em;border-width:1px;color:var(--red);margin:0}
#header .nav-cta:hover{color:#fff}
#header .burger{display:none;margin:0;width:48px;height:48px;align-items:center;justify-content:center;padding:10px;border:1px solid #19191b20;border-radius:50%;flex-shrink:0}
#header .burger span{width:23px;height:2px}
#header .burger.open span:nth-child(1){transform:translateY(8px) rotate(45deg)}
#header .burger.open span:nth-child(3){transform:translateY(-8px) rotate(-45deg)}
body.menu-open #header{background:var(--paper-2)}
body:has(#header:hover) .cursor-dot,body:has(#header:hover) .cursor-ring{opacity:0}
#mobileMenu{padding:130px var(--navigation-pad) 35px;gap:0;justify-content:flex-start}
#mobileMenu.open{padding-top:130px}
#mobileMenu a{min-height:74px;padding:16px 0;font-family:var(--sans);font-size:clamp(26px,3vw,34px);font-weight:500;line-height:1.35;letter-spacing:.04em;color:#29292d;align-items:center;gap:20px}
#mobileMenu a small{font-size:12px;letter-spacing:.12em;color:#62626a}
#mobileMenu a[aria-current=page],#mobileMenu a:hover,#mobileMenu a:focus-visible{color:var(--red)}
#mobileMenu a[aria-current=page] small{color:var(--red)}
.ssl-v09,.mini-v09{padding-top:var(--navigation-height)}
@media(min-width:1440px) and (max-width:1699px){#header,#header.scrolled{padding-inline:32px;column-gap:16px}#header .logo img{width:176px}#header .nav-cta{min-width:132px;padding-inline:16px}}
@media(min-width:1180px) and (max-width:1439px){#header,#header.scrolled{padding-inline:26px;grid-template-columns:auto minmax(0,1fr);column-gap:24px}#header .logo img{width:176px}#header nav.desktop{gap:clamp(14px,1.2vw,18px)}#header .nav-cta{display:none}}
@media(max-width:1179px){:root{--navigation-height:100px}#header,#header.scrolled{height:var(--navigation-height);grid-template-columns:auto 1fr auto;column-gap:20px}#header .logo img{width:174px}#header nav.desktop{display:none}#header .nav-cta{justify-self:end;display:flex;min-width:140px}#header .burger{display:flex}}
@media(max-width:600px){:root{--navigation-height:92px;--navigation-pad:22px}#header,#header.scrolled{column-gap:14px}#header .logo img{width:150px}#header .nav-cta{display:none}#header .burger{grid-column:3}#mobileMenu,#mobileMenu.open{padding-top:112px}#mobileMenu a{min-height:76px;font-size:28px}#mobileMenu a small{font-size:11px}}
@media(prefers-reduced-motion:reduce){#header,#header *{transition:none!important}#header nav.desktop a:hover .navigation-label{transform:none}}