@view-transition {
  navigation: auto;
}

.section-head {
  padding: 1.2rem 0 0;
  border-bottom: 0;
  background: var(--cf-gradient-cta) top left / 100% 3px no-repeat;
}

.section-head--open {
  padding-top: 0;
  background: none;
}

.masthead {
  view-transition-name: masthead;
}

::view-transition-old(root) {
  animation: cf-page-leave var(--cf-duration-base) var(--cf-ease-in) both;
}

::view-transition-new(root) {
  animation: cf-page-enter var(--cf-duration-slow) var(--cf-ease) both;
}

@keyframes cf-page-leave {
  to {
    opacity: 0;
    transform: translateY(calc(var(--cf-rise-offset) * -1));
  }
}

@keyframes cf-page-enter {
  from {
    opacity: 0;
    transform: translateY(var(--cf-rise-offset));
  }
}

@media (prefers-reduced-motion: reduce) {
  @view-transition {
    navigation: none;
  }
}