@layer components{.header{position:sticky;top:0;z-index:50;background:color-mix(in srgb,var(--color-surface) 88%,transparent);backdrop-filter:blur(8px);border-bottom:1px solid var(--color-border);& .header__inner{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-s);padding-block:var(--space-xs)}& .header__brand{display:flex;align-items:center;gap:var(--space-2xs);color:var(--color-text);text-decoration:none;font-weight:600;font-size:var(--size-step-1);line-height:1.1}& .header__logo{width:2.75rem;height:2.75rem;flex-shrink:0;border-radius:50%}& .header__club{display:block;font-size:var(--size-step--1);font-weight:500;color:var(--color-text-muted);letter-spacing:.04em;text-transform:uppercase}}}