:root{--site-header-height:100px}header{position:sticky;top:0;z-index:70;height:var(--site-header-height);background:#c9cbcaf5;backdrop-filter:blur(12px)}.overlay{z-index:90}.curtain{top:var(--site-header-height)}html.intro-seen .curtain{visibility:hidden;pointer-events:none}html{scroll-padding-top:calc(var(--site-header-height) + 20px)}.menu{min-height:44px}.overlay nav a{transition:color .2s,background-color .2s}.overlay nav a:hover{color:#532638;background:#ffffff20}@media(max-width:700px){:root{--site-header-height:88px}}
/* Current location is persistent; pressing and keyboard focus give clear feedback. */
.overlay nav a{padding-left:16px;padding-right:16px;border-left:4px solid transparent;-webkit-tap-highlight-color:rgb(40 45 43 / 20%)}
.overlay nav a[aria-current="page"]{border-left-color:#282d2b;background:rgb(255 255 255 / 35%);color:#282d2b}
.overlay nav a:active,.overlay nav a:focus-visible{background:#282d2b;color:#fff;border-left-color:#282d2b;transition:none}
.overlay nav a:active small,.overlay nav a:focus-visible small{color:inherit}
.overlay nav a:focus-visible{outline:2px solid #282d2b;outline-offset:4px}
@media(hover:hover) and (pointer:fine){.overlay nav a:hover{background:#282d2b;color:#fff}.overlay nav a:hover small{color:inherit}}

.overlay nav a[aria-current="page"]{background:#282d2b;color:#fff;border-left-color:#fff}.overlay nav a[aria-current="page"] small{color:inherit}

.overlay nav a[aria-current="page"]{background:#dce0dc;color:#282d2b;border-left-color:transparent}.overlay nav a[aria-current="page"] small{color:inherit}

/* Indicate the current page through the existing menu accent color alone. */
.overlay nav a[aria-current="page"]{background:transparent;color:#4b2331;border-left-color:transparent}.overlay nav a[aria-current="page"] small{color:inherit}