/* Fixed, open header: independent brand, centered navigation and right CTA. */
.header{position:fixed;inset:0 0 auto;z-index:20;display:flex;align-items:center;justify-content:space-between;height:calc(4.5rem + env(safe-area-inset-top));padding:env(safe-area-inset-top) var(--gutter) 0;background:transparent;border:0;transition:height .5s var(--ease);animation:arrive 1s .7s both}
.brand{display:flex;align-items:center;gap:.65rem;min-height:var(--touch);z-index:22;flex-shrink:0;transition:transform .35s var(--ease)}.brand:hover{transform:scale(1.04)}.brand-mark{display:block;width:2.65rem;height:2.75rem;flex-shrink:0;object-fit:contain}.brand-type{font-size:.9rem;font-weight:800;letter-spacing:.16em;line-height:1.15}.brand-type>span{display:block;font-size:.52rem;letter-spacing:.17em;font-weight:500}.brand-type small{font-size:.5rem;letter-spacing:0}
.menu-toggle{z-index:22;background:transparent;width:var(--touch);height:var(--touch);display:grid;align-content:center;gap:6px}.menu-toggle span{height:1px;width:24px;background:var(--text);justify-self:center;transition:transform var(--duration)}.menu-toggle[aria-expanded="true"] span:first-child{transform:translateY(3.5px) rotate(45deg)}.menu-toggle[aria-expanded="true"] span:last-child{transform:translateY(-3.5px) rotate(-45deg)}
nav{display:none}body.menu-open{overflow:hidden}.header:has(.menu-toggle[aria-expanded="true"]){height:100dvh;align-items:flex-start;padding-top:calc(1rem + env(safe-area-inset-top));background:var(--bg)}nav.open{display:flex;position:absolute;inset:6rem var(--gutter) 2rem;flex-direction:column;justify-content:center;gap:2rem}.nav-items{position:relative;display:flex;flex-direction:column}.nav-items a{position:relative;z-index:2;min-height:var(--touch);padding:.6rem 0;font-size:clamp(1.7rem,7vw,3rem);font-weight:700;letter-spacing:.08em;transition:color .35s ease}.nav-items a[aria-current]{color:var(--accent)}.nav-items a:hover,.nav-items a:focus-visible{color:var(--accent)}.nav-indicator{display:none;pointer-events:none}
.contact{position:relative;isolation:isolate;overflow:hidden;display:flex;justify-content:center;align-items:center;gap:.6rem;min-height:var(--touch);padding:.65rem 1.2rem;font-size:.65rem;font-weight:600;letter-spacing:.1em;background:color-mix(in srgb,var(--text) 4%,transparent);border:1px solid var(--border);border-radius:var(--radius-pill);transition:border-color .4s,transform .4s var(--ease),color .4s}.contact span{font-size:1rem}.contact::before{content:'';position:absolute;inset:0;z-index:-1;background:var(--grad-gold);opacity:0;transition:opacity .4s}.contact:hover{transform:translateY(-2px);border-color:var(--accent);background:transparent;color:var(--navy-900)}.contact:hover::before{opacity:1}
@media(min-width:1024px){.header.scrolled{height:calc(3.875rem + env(safe-area-inset-top))}.menu-toggle{display:none}nav,nav.open{display:contents}.nav-items{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);flex-direction:row;gap:.25rem;background:transparent;border:0;white-space:nowrap}.nav-items a{display:flex;align-items:center;justify-content:center;padding:.55rem .85rem;font-size:.66rem;font-weight:600;letter-spacing:.06em;border:1px solid transparent;border-radius:var(--radius-pill);color:var(--muted)}.nav-items a[aria-current],.nav-items a:hover,.nav-items a:focus-visible{color:var(--text)}.nav-indicator{display:block;position:absolute;inset:0 auto auto 0;height:var(--touch);border:1px solid color-mix(in srgb,var(--navy-500) 65%,transparent);border-radius:var(--radius-pill);background:color-mix(in srgb,var(--navy-600) 18%,transparent);box-shadow:inset 0 1px 1px color-mix(in srgb,var(--white) 12%,transparent),0 0 16px color-mix(in srgb,var(--navy-600) 30%,transparent);backdrop-filter:blur(6px);z-index:1}.contact{margin-left:auto}.header:has(.menu-toggle[aria-expanded="true"]){height:4.5rem;align-items:center;padding-top:0;background:transparent}}
@media(min-width:1280px){.nav-items a{font-size:.72rem;padding-inline:1.25rem}.contact{padding-inline:1.5rem}}
@media(max-height:600px) and (max-width:1023px){nav.open{inset:4.5rem var(--gutter) .75rem;gap:.5rem}.nav-items a{font-size:1.25rem;padding:.3rem 0}.header:has(.menu-toggle[aria-expanded="true"]){padding-top:.65rem}}