.title-section .btn-wrap {
  grid-column: 1 /7;
  padding-top: 38px; }
  .title-section .btn-wrap a.back {
    transition: var(--transitionPrimary); }
    .title-section .btn-wrap a.back:hover {
      color: var(--blue);
      opacity: 1; }

.title-section .text {
  grid-column: 13/25; }
  .title-section .text .blurb {
    padding-top: 20px;
    max-width: 390px; }

.banner-image {
  padding-top: 72px; }
  .banner-image .aspectholder {
    height: clamp(550px, 85svh, 1200px);
    overflow: hidden; }
    .banner-image .aspectholder img, .banner-image .aspectholder video {
      height: 100%;
      width: 100%;
      object-fit: cover;
      object-position: center; }

.article-details {
  padding-top: 72px;
  padding-bottom: 36px;
  display: flex;
  flex-direction: column;
  gap: 28px; }

.page-blocks section.block:not(:last-child).space-small {
  padding-bottom: 60px; }

.page-blocks section.block:not(:last-child).space-standard {
  padding-bottom: 124px; }

.page-blocks section.block:not(:last-child).space-large {
  padding-bottom: 154px; }

.related-articles {
  padding-top: 216px;
  padding-bottom: 300px; }
  .related-articles div.rule {
    height: 1px;
    background-color: var(--black);
    margin-bottom: 28px;
    margin-top: 12px; }
  .related-articles .single-relatedArticle {
    grid-column: span 8;
    position: relative; }
    .related-articles .single-relatedArticle .img-holder img {
      aspect-ratio: 16/10;
      position: relative; }
    .related-articles .single-relatedArticle .details .top {
      display: flex;
      justify-content: flex-end; }
      .related-articles .single-relatedArticle .details .top .dot {
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 0 4px;
        font-size: 20px; }
    .related-articles .single-relatedArticle .details {
      padding-top: 12px;
      transition: var(--transitionPrimary); }
      .related-articles .single-relatedArticle .details .title {
        padding-bottom: 10px;
        max-width: 290px; }
    .related-articles .single-relatedArticle:hover .details {
      opacity: 0.4; }
  .related-articles .related-carousel.mobile {
    display: none; }

@media (max-width: 960px) {
  .title-section {
    row-gap: 20px; }
    .title-section .btn-wrap {
      grid-row: 1;
      grid-column: 1/-1; }
    .title-section .text {
      grid-row: 2;
      grid-column: 1/12; }
      .title-section .text .blurb {
        padding-top: 16px; }
  .banner-image {
    padding-top: 20px; }
    .banner-image .aspectholder {
      height: 66vh; }
  .article-details {
    padding-top: 20px;
    padding-bottom: 116px;
    flex-direction: row; }
    .article-details .date {
      width: 50%;
      max-width: 300px; }
  .page-blocks section.block:not(:last-child).space-small {
    padding-bottom: 20px; }
  .related-articles {
    padding-bottom: 170px; }
    .related-articles .desktop {
      display: none; }
    .related-articles .related-carousel.mobile {
      display: block; }
      .related-articles .related-carousel.mobile .single-relatedArticle .details .top {
        justify-content: flex-start; }
      .related-articles .related-carousel.mobile .single-relatedArticle .details .title {
        max-width: 230px;
        padding-top: 6px; } }
