/* Keep the introduction, featured image and its caption together. */
#page_2 .fresh-home-lead {margin-top: var(--fresh-page-start, 84px);}
#page_2 .fresh-home-lead .h2 {margin-bottom: 6px !important;}
#page_2 .fresh-home-lead .h2:after {display: none;}
#page_2 .fresh-home-intro {max-width: 1040px; line-height: 1.5; margin-bottom: 0;}
#page_2 .home_carousel.featured-projects {margin-top: 22px;}
#page_2 .home_carousel.featured-projects h2.nbp {margin-top: 12px;}
@media (min-width: 992px) {
  /* Preserve the full 16:9 frame; on a short screen scale it instead of cropping it. */
  #page_2 .featured-projects {--featured-width: min(66vw, max(480px, calc((100svh - 340px) * 16 / 9)));}
  #page_2 .featured-projects .carousel-cell {width: var(--featured-width);}
  #page_2 .featured-projects:not(.flickity-enabled) .carousel-cell {
    flex-basis: var(--featured-width);
    transform: translateX(calc((100vw - var(--featured-width)) / 2));
  }
  #page_2 .featured-projects .flickity-prev-next-button {top: calc(var(--featured-width) * 9 / 32);}
}
@media (min-width: 992px) and (max-width: 1199px) {
  #page_2 .featured-projects {--featured-width: min(66vw, max(480px, calc((100svh - 380px) * 16 / 9)));}
}
@media (max-width: 768px) {
  #page_2 .fresh-home-lead {margin-top: var(--fresh-page-start, 82px);}
  #page_2 .home_carousel.featured-projects {margin-top: 20px;}
}