/* Real document navigation: stable navigation above a restrained photographic reveal. */
@view-transition{navigation:auto}
.site-nav{view-transition-name:site-navigation}
::view-transition-group(root){animation-duration:.65s;animation-timing-function:cubic-bezier(.76,0,.24,1)}
::view-transition-old(root){animation:coastal-page-away .65s cubic-bezier(.76,0,.24,1) both;mix-blend-mode:normal}
::view-transition-new(root){animation:coastal-page-arrive .65s cubic-bezier(.76,0,.24,1) both;mix-blend-mode:normal}
::view-transition-group(site-navigation){z-index:2;animation:none}
::view-transition-old(site-navigation){animation:coastal-nav-away .15s both}
::view-transition-new(site-navigation){animation:coastal-nav-in .2s both}
@keyframes coastal-page-away{to{transform:translateY(-3%);opacity:.8}}
@keyframes coastal-page-arrive{from{clip-path:inset(100% 0 0);transform:translateY(4%)}to{clip-path:inset(0);transform:translateY(0)}}
@keyframes coastal-nav-away{to{opacity:0}}
@keyframes coastal-nav-in{from{opacity:0}to{opacity:1}}
@media(max-width:600px){::view-transition-group(root),::view-transition-old(root),::view-transition-new(root){animation-duration:.45s}@keyframes coastal-page-away{to{opacity:.8}}@keyframes coastal-page-arrive{from{clip-path:inset(100% 0 0)}to{clip-path:inset(0)}}}
@media(prefers-reduced-motion:reduce){@view-transition{navigation:none}::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation:none!important}}