.header-hamburger{height:var(--space-9);width:var(--space-9)}.header-hamburger__line{stroke:var(--color-text-primary);stroke-linecap:round;stroke-width:1.5px;transform-box:fill-box;transform-origin:50%;transition:transform .3s cubic-bezier(.16,1,.3,1),opacity .2s}.header-hamburger--active .header-hamburger__line--top{transform:translateY(5px)rotate(45deg)}[dir=rtl] .header-hamburger--active .header-hamburger__line--top{transform:translateY(5px)rotate(-45deg)}.header-hamburger--active .header-hamburger__line--mid{opacity:0;transform:scaleX(0)}.header-hamburger--active .header-hamburger__line--bot{transform:translateY(-5px)rotate(-45deg)}[dir=rtl] .header-hamburger--active .header-hamburger__line--bot{transform:translateY(-5px)rotate(45deg)}
.header{background-color:var(--color-bg-base);max-width:var(--max-width);padding:var(--space-6) var(--content-padding-inline);view-transition-name:header;justify-content:space-between;align-items:center;width:100%;margin:0 auto;display:flex}:root:has(.dialog[open]) .header{view-transition-name:none}.header__logo{color:var(--color-text-primary);font-family:var(--font-heading);font-size:var(--font-size-xl);letter-spacing:var(--tracking-tighter);font-weight:800}.header__nav{gap:var(--space-8);display:none}.header__nav-link{font-family:var(--font-subtitle);font-size:var(--font-size-base);text-transform:uppercase;font-weight:200}.header__toolbar{align-items:center;gap:var(--space-5);display:flex}.header__mobile-menu{display:flex}.header__mobile-menu-trigger{color:var(--color-text-primary);cursor:pointer;background:0 0;border:none;outline:none;justify-content:center;align-items:center;padding:0;display:flex}.header__mobile-menu-trigger[data-focus-visible]{outline:1px solid var(--color-text-primary);outline-offset:2px}@media (min-width:950px){.header{padding:var(--space-7) var(--content-padding-inline);grid-template-columns:1fr auto 1fr;display:grid}.header__logo{font-size:var(--font-size-2xl)}.header__nav{gap:var(--space-5);justify-self:center;display:flex}.header__toolbar{gap:var(--space-6);justify-self:end}.header__mobile-menu{display:none}}@media (min-width:1024px){.header{padding:var(--space-12) var(--content-padding-inline);grid-template-columns:1fr auto 1fr;display:grid}.header__logo{font-size:clamp(var(--font-size-4xl), 3vw, var(--font-size-7xl))}.header__nav{gap:clamp(var(--space-3), 1.4vw, var(--space-6))}.header__nav-link{font-size:clamp(var(--font-size-sm), 1.45vw, var(--font-size-2xl))}.header__toolbar{gap:var(--space-7)}}
