.util{background:var(--green-900);color:var(--green-200);font-size:var(--step-xs)}.util .wrap{display:flex;flex-wrap:wrap;gap:var(--space-2) var(--space-5);justify-content:flex-end;padding-block:var(--space-2)}.util a{align-items:center;color:var(--cream);display:inline-flex;gap:.4em;margin-block:-.9em;padding-block:.9em}.util a:hover{color:var(--accent-amber)}.util .util-tag{color:var(--green-300);margin-right:auto}@media (max-width:600px){.util .util-tag{display:none}.util .wrap{gap:var(--space-4);justify-content:space-between}}.header{backdrop-filter:blur(10px);background:oklch(93.3% .023 76/.82);border-bottom:1px solid transparent;position:sticky;top:0;transition:box-shadow .3s,border-color .3s,background-color .3s;z-index:var(--z-nav)}.header.is-scrolled{border-color:var(--line);box-shadow:var(--shadow-sm)}.nav{gap:var(--space-5);padding-block:var(--space-3)}.brand,.nav{align-items:center;display:flex}.brand img{height:clamp(34px,5vw,46px);width:auto}.nav-links{display:flex;gap:var(--space-5);margin-left:auto}.nav-links a{color:var(--green-800);font-size:.875rem;font-weight:600;letter-spacing:.04em;padding-block:.3em;position:relative}.nav-links a:after{background:var(--accent);bottom:0;content:"";height:2px;left:0;position:absolute;transform:scaleX(0);transform-origin:left;transition:transform .3s var(--ease-out);width:100%}.nav-links a:focus-visible:after,.nav-links a:hover:after{transform:scaleX(1)}.nav .btn{margin-left:var(--space-2)}.nav-toggle{align-items:center;color:var(--green-800);display:none;height:44px;justify-content:center;width:44px}.nav-toggle svg{height:26px;width:26px}.mobile-menu{display:none}@media (max-width:860px){.nav-links,.nav>.btn{display:none}.nav-toggle{display:inline-flex;margin-left:auto}.mobile-menu{background:var(--green-900);color:var(--cream);display:block;inset:0;overflow-y:auto;padding:var(--space-8) var(--gutter);position:fixed;transform:translateY(-100%);transition:transform .45s var(--ease-out),visibility 0s .45s;visibility:hidden;z-index:var(--z-menu)}.mobile-menu.is-open{transform:translateY(0);transition:transform .45s var(--ease-out),visibility 0s;visibility:visible}.mobile-menu a{border-bottom:1px solid oklch(60% .08 153/.3);display:block;font-family:var(--font-display);font-size:clamp(1.6rem,7vw,2.4rem);font-weight:700;padding-block:var(--space-3)}.mobile-menu .btn{justify-content:center;margin-top:var(--space-6);width:100%}.mobile-close{color:var(--cream);height:44px;position:absolute;right:var(--gutter);top:var(--space-5);width:44px}.mobile-close svg{height:28px;width:28px}}@media (prefers-reduced-motion:reduce){.mobile-menu{transition:none}}