.site-header{position:fixed;top:0;left:0;right:0;z-index:var(--z-header);border-bottom:1px solid var(--color-border);background:color-mix(in srgb,var(--color-surface) 96%,var(--color-surface-warm));box-shadow:var(--shadow-sm)}.site-header__inner{position:relative;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;width:min(100% - calc(var(--container-padding) * 2),var(--container));min-height:var(--header-height);margin-inline:auto;gap:var(--space-6)}.site-logo{display:flex;align-items:center;justify-content:center}.site-logo__text{color:var(--color-brand);font-family:var(--font-heading);font-size:var(--text-3xl);font-weight:700;line-height:1;white-space:nowrap}.site-nav{position:static;visibility:visible;opacity:1;transform:none}.site-nav-mobile{display:none}.site-nav__list{display:flex;align-items:center;justify-content:space-evenly;width:100%;gap:var(--space-5);padding:0;border:0;background:0 0;box-shadow:none}.site-nav__list--left{justify-content:flex-end}.site-nav__list--right{justify-content:flex-start}.site-nav__item{flex:1;display:flex;justify-content:center}.site-nav__link{position:relative;display:flex;align-items:center;justify-content:center;min-height:44px;padding-inline:var(--space-4);color:var(--color-text);font-size:var(--text-sm);font-weight:600;transition:color var(--transition-fast),transform var(--transition-fast)}.site-nav__link:hover{color:var(--color-brand);transform:translateY(-2px)}.site-nav__link::after{content:"";position:absolute;left:10%;bottom:-4px;width:80%;height:2px;border-radius:var(--radius-pill);background:var(--color-accent);transform:scaleX(0);transform-origin:center;transition:transform var(--transition-base)}.site-nav__link:hover::after,.site-nav__link[aria-current=page]::after{transform:scaleX(1)}.site-nav-toggle{display:none}@media (max-width:70rem){.site-header__inner{display:flex;flex-wrap:nowrap;justify-content:space-between;min-height:var(--header-height)}.site-logo__text{font-size:var(--text-2xl)}.site-nav-toggle{position:relative;display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border:1px solid var(--color-border);border-radius:var(--radius-pill);background:var(--color-surface);box-shadow:var(--shadow-sm)}.site-nav-toggle__line{position:absolute;width:18px;height:2px;border-radius:var(--radius-pill);background:currentColor;transition:transform var(--transition-base),opacity var(--transition-fast)}.site-nav-toggle__line:first-child{transform:translateY(-6px)}.site-nav-toggle__line:nth-child(3){transform:translateY(6px)}.site-header[data-state=open] .site-nav-toggle__line:first-child{transform:rotate(45deg)}.site-header[data-state=open] .site-nav-toggle__line:nth-child(2){opacity:0}.site-header[data-state=open] .site-nav-toggle__line:nth-child(3){transform:rotate(-45deg)}.site-nav--desktop{display:none}.site-nav-mobile{position:absolute;top:100%;right:0;width:min(22rem,calc(100vw - calc(var(--container-padding) * 2)));max-height:calc(100vh - var(--header-height) - var(--space-4));display:grid;grid-template-rows:0fr;overflow:hidden;visibility:visible;opacity:0;transition:grid-template-rows var(--transition-base),opacity var(--transition-fast)}.site-header[data-state=open] .site-nav-mobile{grid-template-rows:1fr;opacity:1;overflow-y:auto}.site-nav-mobile__list{display:grid;min-height:0;gap:var(--space-2);margin-top:var(--space-2);padding:var(--space-2);border:1px solid color-mix(in srgb,var(--color-border) 72%,var(--color-accent));border-radius:var(--radius-md);background:var(--color-surface);box-shadow:var(--shadow-md)}.site-nav-mobile .site-nav__link{justify-content:flex-start;width:100%;min-height:42px;padding-inline:var(--space-4);border-radius:var(--radius-sm)}.site-nav-mobile .site-nav__link:hover,.site-nav-mobile .site-nav__link[aria-current=page]{color:var(--color-brand-dark);background:var(--color-accent-soft);transform:none}.site-nav-mobile .site-nav__link::after{display:none}}@media (max-width:40rem){.site-header__inner{width:min(100% - 1.5rem,var(--container))}.site-nav-mobile{width:100%}.site-logo__text{font-size:clamp(2rem, 11vw, 2.45rem)}}@media (max-width:26rem){.site-logo__text{font-size:clamp(1.75rem, 10vw, 2rem)}.site-nav-toggle{width:38px;height:38px}}