.nav{background:linear-gradient(145deg,rgba(255,254,249,.92),rgba(247,247,242,.84));border:1px solid rgba(255,255,255,.98);box-shadow:0 2px 5px rgba(39,42,43,.04),0 12px 30px rgba(39,42,43,.10),inset 0 1px 0 #fff;backdrop-filter:blur(26px) saturate(1.15);-webkit-backdrop-filter:blur(26px) saturate(1.15)}
/* Preserve the navigation shell throughout the film, including its final frame. */
.nav,.nav.at-finish{left:3%;right:3%;transition:background .35s ease,border-color .35s ease,box-shadow .35s ease}
.nav.at-finish>a{display:block;visibility:hidden;pointer-events:none}
.nav nav{margin-left:auto}
.nav.is-scrolling{background:linear-gradient(145deg,rgba(255,254,249,.58),rgba(247,247,242,.42));border-color:rgba(255,255,255,.72);box-shadow:0 2px 5px #272a2b05,0 8px 24px #272a2b12,inset 0 1px 0 #ffffff80;backdrop-filter:blur(22px) saturate(1.12);-webkit-backdrop-filter:blur(22px) saturate(1.12)}
@media(max-width:800px){.nav,.nav.at-finish{left:4%;right:4%}.nav.at-finish>a{visibility:visible;pointer-events:auto}}
@media(prefers-reduced-motion:reduce){.nav{transition:none}}