.header{background-color:rgba(var(--color-bg-rgb),.88);border-bottom:1px solid rgba(var(--color-text-secondary-rgb),.12);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);z-index:1000;grid-template-columns:minmax(max-content,1fr) minmax(0,auto) minmax(max-content,1fr);align-items:center;gap:clamp(1rem,3vw,2.5rem);width:100%;padding:.85rem clamp(1rem,4vw,2.5rem);display:grid;position:sticky;top:0}.header .header-nav{justify-self:center;min-width:0;max-width:100%}.header .header-actions{justify-content:flex-end;justify-self:end;align-items:center;gap:.6rem;min-width:0;display:flex}.header .name{color:var(--color-text);justify-self:start;font-family:DM Serif Display,Georgia,serif;font-size:24px;font-weight:700;line-height:32px;text-decoration:none;transition:color .25s}.header .name:first-letter,.header .name:hover{color:var(--color-accent)}.header .header-links{border:1px solid rgba(var(--color-border-rgb),.12);background-color:rgba(var(--color-button-secondary-rgb),.42);border-radius:999px;gap:clamp(1rem,2vw,1.8rem);padding:.35rem .6rem}.header .header-links .link{padding:.35rem 0;font-size:14px;line-height:1}.header .header-cta{border:1px solid rgba(var(--color-accent-rgb),.45);background-color:rgba(var(--color-accent-rgb),.08);min-height:2.25rem;color:var(--color-text);white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;padding:0 .85rem;font-size:12px;font-weight:500;text-decoration:none;transition:background-color .25s,border-color .25s,color .25s,transform .25s;display:inline-flex}.header .header-cta:hover{border-color:var(--color-accent);background-color:rgba(var(--color-accent-rgb),.14);color:var(--color-accent);transform:translateY(-1px)}@media (max-width:980px){.header{grid-template-columns:1fr auto;grid-template-areas:"brand actions""nav nav";gap:.75rem 1rem}.header .name{grid-area:brand}.header .header-actions{grid-area:actions}.header .header-nav{grid-area:nav;justify-self:stretch;overflow:hidden}.header .header-links{scrollbar-width:none;white-space:nowrap;justify-content:flex-start;overflow-x:auto}.header .header-links::-webkit-scrollbar{display:none}}@media (max-width:560px){.header .header-cta{padding-inline:.7rem}.header .header-links{gap:1rem;padding-inline:.7rem}}