@view-transition { navigation: auto; }

@keyframes rc-page-out { to { opacity: 0; } }
@keyframes rc-page-in { from { opacity: 0; } }
::view-transition-old(root) { animation: .42s ease both rc-page-out; }
::view-transition-new(root) { animation: .48s ease both rc-page-in; }
::view-transition-group(rc-project-image) {
  animation-duration: .76s;
  animation-timing-function: cubic-bezier(.22,.78,.21,1);
}
::view-transition-group(rc-project-title) {
  animation-duration: .68s;
  animation-timing-function: cubic-bezier(.22,.78,.21,1);
}
/* The incoming title stays available to the snapshot despite its regular reveal animation. */
html.shared-transition-incoming .case-hero h1,
html.shared-transition-incoming .case-hero__media,
html.shared-transition-incoming .newsletter-hero-proof {
  opacity: 1 !important;
  translate: 0 0 !important;
  scale: 1 !important;
  filter: none !important;
  clip-path: none !important;
}
@media (prefers-reduced-motion: reduce) {
  ::view-transition-old(root), ::view-transition-new(root),
  ::view-transition-group(rc-project-image), ::view-transition-group(rc-project-title) {
    animation-duration: .01ms !important;
  }
}

.rc-bridge { position:fixed; inset:0; z-index:3100; overflow:hidden; pointer-events:none; }
.rc-bridge__image { position:fixed; display:block; max-width:none; object-fit:cover; }
.rc-bridge__shade { position:absolute; inset:0; background:linear-gradient(90deg,rgba(18,13,20,.78),rgba(18,13,20,.18)); opacity:0; }
.rc-bridge__title { position:absolute; z-index:1; left:var(--gutter); top:40%; max-width:80vw; color:#fffaf2; font:500 clamp(3rem,8vw,8rem)/.95 var(--sans); letter-spacing:-.06em; opacity:0; }
.rc-bridge--incoming { background:#1d1821; }
.rc-bridge--incoming .rc-bridge__image { inset:0; width:100%; height:100%; }
.rc-bridge--incoming .rc-bridge__shade,.rc-bridge--incoming .rc-bridge__title { opacity:1; }
@media(max-width:560px){.rc-bridge__title{top:42%;font-size:clamp(2.8rem,13vw,5rem)}}