.site-header{position:sticky;top:0;z-index:200;border-bottom:1px solid var(--color-border-light);background:rgba(248,247,244,0.94);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);transform:translateZ(0);backface-visibility:hidden;contain:layout style}@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.site-header{background:var(--color-cream)}}.site-header__inner{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);min-height:var(--nav-height);padding-block:var(--space-2)}.site-header__logo{font-family:var(--font-head);font-size:var(--text-body);font-weight:var(--weight-bold);text-decoration:none;letter-spacing:-0.02em;flex-shrink:0;z-index:1;transition:opacity 0.2s ease;&:hover .site-header__logo-dark,&:hover .site-header__logo-accent{opacity:0.88}&:focus-visible{outline:2px solid var(--color-sienna);outline-offset:4px;border-radius:var(--radius-sm)}}.site-header__logo-dark{color:var(--color-text-primary)}.site-header__logo-accent{color:var(--color-sienna)}.site-header__nav{display:flex;align-items:center;justify-content:center;flex:1;gap:var(--space-6) var(--space-8);min-width:0;& a{font-size:var(--text-sm);font-weight:var(--weight-regular);color:var(--color-text-muted);text-decoration:none;white-space:nowrap;transition:color 0.2s ease;&:hover{color:var(--color-text-primary)}&:focus-visible{outline:2px solid var(--color-sienna);outline-offset:4px;border-radius:var(--radius-sm)}}}.site-header__actions{display:flex;align-items:center;gap:var(--space-2);flex-shrink:0;z-index:1}.site-header__cta{white-space:nowrap}.site-header__menu{display:none;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:42px;height:42px;padding:0;border-radius:var(--radius-md);border:1px solid var(--color-border-light);background:rgba(255,255,255,0.6);color:var(--color-text-primary);transition:background 0.15s ease,border-color 0.15s ease;&:hover{background:#fff;border-color:var(--color-border)}&:focus-visible{outline:2px solid var(--color-sienna);outline-offset:2px}}.site-header__menu-bar{display:block;width:18px;height:2px;border-radius:1px;background:var(--color-text-primary);transition:transform 0.25s ease,opacity 0.2s ease}.site-header--open .site-header__menu-bar:nth-child(1){transform:translateY(7px) rotate(45deg)}.site-header--open .site-header__menu-bar:nth-child(2){opacity:0;transform:scaleX(0)}.site-header--open .site-header__menu-bar:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.site-header__backdrop{display:none}@media (max-width:768px){.site-header__nav{position:fixed;top:var(--nav-height);left:0;right:0;bottom:0;z-index:2;flex-direction:column;align-items:stretch;justify-content:flex-start;flex:none;gap:0;padding:var(--space-6);padding-bottom:var(--space-12);background:var(--color-cream);border-top:1px solid var(--color-border-light);box-shadow:0 12px 40px rgba(28,28,26,0.08);transform:translateX(100%);visibility:hidden;transition:transform 0.32s cubic-bezier(0.22,1,0.36,1),visibility 0.32s step-end;& a{font-size:var(--text-body);font-weight:var(--weight-semi);color:var(--color-text-primary);padding:var(--space-4) 0;border-bottom:1px solid var(--color-border-light);white-space:normal;&:last-child{border-bottom:none}}}.site-header--open .site-header__nav{transform:translateX(0);visibility:visible;transition:transform 0.32s cubic-bezier(0.22,1,0.36,1),visibility 0s}.site-header__menu{display:flex}.site-header__backdrop{display:block;position:fixed;top:var(--nav-height);left:0;right:0;bottom:0;z-index:1;background:rgba(28,28,26,0.35);opacity:0;pointer-events:none;transition:opacity 0.25s ease}.site-header--open .site-header__backdrop{opacity:1;pointer-events:auto}}@media (prefers-reduced-motion:reduce){.site-header__nav{transition:none}.site-header__menu-bar{transition:none}}