/* Sticky header retains its layout space and keeps navigation visible. */
.header{position:sticky;top:0;z-index:50;background:rgba(0,0,0,.88);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:0 8px 24px #0003}html{scroll-padding-top:130px}
@media(max-width:760px){html{scroll-padding-top:110px}.header nav.open{max-height:calc(100dvh - 90px);overflow-y:auto}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}