.header { transition: height .25s ease, background .25s ease, box-shadow .25s ease; }
.header::after { content: ''; position: absolute; inset: auto 0 0; height: 1px; background: var(--lime); transform: scaleX(var(--reading-progress, 0)); transform-origin: right; pointer-events: none; }
.header.is-scrolled { height: 66px; background: #0b1412f0; box-shadow: 0 8px 35px #0003; }
.header nav a[aria-current="location"] { color: var(--lime); }
.header nav a[aria-current="location"]::after { transform: scaleX(1); }
.reveal-when-near { opacity: 0; transform: translateY(18px); transition: opacity .75s ease, transform .75s cubic-bezier(.2,.7,.2,1); }
.reveal-when-near.is-revealed { opacity: 1; transform: none; }
@media(max-width:960px) { .header.is-scrolled nav { top: 76px; } }
@media(max-width:760px) { .header.is-scrolled { height: 58px; } .header.is-scrolled nav { top: 68px; } }
@media(prefers-reduced-motion:reduce) { .header { transition: none; } .reveal-when-near { opacity: 1; transform: none; transition: none; } }