.site-header{position:fixed;z-index:100;inset:0 0 auto;height:var(--header-height);color:#fff;transition:color .4s,background-color .4s,border-color .4s}.site-header.is-scrolled,.site-header.is-menu-open{color:var(--color-text);background:rgba(255,255,255,.9);border-bottom:1px solid rgba(222,222,219,.7);backdrop-filter:blur(10px)}.header-inner{height:100%;display:flex;align-items:center;justify-content:space-between;padding-inline:clamp(24px,4vw,64px)}.site-logo{font-size:13px;font-weight:600;letter-spacing:.11em;line-height:1}.desktop-nav ul{display:flex;gap:clamp(18px,2.2vw,36px)}.desktop-nav a,.menu-trigger{font-size:11px;letter-spacing:.12em}.desktop-nav a{position:relative;padding-block:14px}.desktop-nav a::after{content:"";position:absolute;left:0;right:100%;bottom:8px;height:1px;background:currentColor;transition:right .35s}.desktop-nav a:hover::after{right:0}.menu-trigger{position:absolute;right:clamp(20px,4vw,32px);top:50%;display:block;min-width:44px;min-height:44px;transform:translateY(-50%)}.mobile-menu{position:fixed;z-index:90;inset:0;display:grid;align-content:center;padding:calc(var(--header-height) + 24px) 20px 32px;background:#fff;visibility:hidden;opacity:0;transition:opacity .35s,visibility .35s}.mobile-menu.is-open{visibility:visible;opacity:1}.mobile-menu a{display:flex;align-items:center;min-height:56px;font-size:clamp(24px,9vw,42px);line-height:1.1;letter-spacing:.04em;border-bottom:1px solid var(--color-border)}@media(min-width:1024px){.menu-trigger{display:none}}