.editorial .scroller h2 {
  font-size: 2rem;
  max-width: 955px;
}

.editorial .scroll {
  align-items: stretch;
  margin-top: 2rem;
  margin-inline: -6rem;
  overflow: hidden;
}
.editorial .scroll:hover {
  cursor: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26' height='26' viewBox='0 0 32 32'%3E%3Ccircle cx='16' cy='16' r='15' fill='%231a1a1a' opacity='.8'/%3E%3Crect x='10' y='10' width='4' height='12' fill='white'/%3E%3Crect x='18' y='10' width='4' height='12' fill='white'/%3E%3C/svg%3E") 13 13, auto;
}
.editorial .scroll.paused:hover {
  cursor: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26' height='26' viewBox='0 0 32 32'%3E%3Ccircle cx='16' cy='16' r='15' fill='%231a1a1a' opacity='.8'/%3E%3Cpolygon points='13,9 23,16 13,23' fill='white'/%3E%3C/svg%3E") 13 13, auto;
}
.editorial .scroll-track {
  display: flex;
  gap: 0.75rem;
}
.editorial .scroll p,
.editorial .scroll a {
  font-size: 0.9375rem; /* 15/16 */
}
.editorial .scroll-track > figure,
.editorial .scroll-track > blockquote {
  flex: 0 0 24vw;
  min-width: 200px;
  flex-shrink: 0;
}
.editorial .scroll-track > figure.small {
  flex: 0 0 20vw;
}
.editorial .scroll figure {
  margin: 0;
}
.editorial .scroll figure img {
  width: 100%;
  max-width: 100%;
  height: auto;
  object-fit: cover;
  display: block;
  aspect-ratio: 79/102;
}
.editorial .scroll figcaption {
  font-size: 0.75rem;
  font-family: open-sans, sans-serif;
  color: rgba(44, 43, 48, 0.55);
  margin-top: 0.75rem;
}
.editorial .scroll blockquote {
  margin: 0;
  padding: 1rem;
  font-family: starling, serif;
  font-size: 1.875rem; /* 30/16 */
  font-weight: 800;
  line-height: 1.1;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  padding-bottom: 4rem;
}
.editorial .scroll blockquote::before {
  content: '\201C';
  font-size: 4rem;
  line-height: 0.8;
  color: var(--black);
  display: block;
}
.editorial .scroll blockquote span {
  display: block;
  margin-top: 1.25rem;
  font-size: 0.9rem;
  font-family: open-sans, sans-serif;
  font-weight: 300;
  color: rgba(44, 43, 48, 1);
}
.editorial .scroll blockquote span a {
  font-size: 0.9rem;
  color: rgba(44, 43, 48, 1);
}

/* Fixed-height variant — award scroller on node--293 */
.editorial .scroller.fixedheight .scroll .scroll-track {
  gap: 0.375rem;
}
.editorial .scroller.fixedheight .scroll-track > figure {
  flex: 0 0 auto;
  height: 480px;
}
.editorial .scroller.fixedheight .scroll figure {
  position: relative;
  height: 480px;
}
.editorial .scroller.fixedheight .scroll figure img:not(.award) {
  width: auto;
  height: 100%;
  max-width: none;
  aspect-ratio: unset;
  object-fit: cover;
  display: block;
}
.editorial .scroller.fixedheight .scroll figure img.award {
  position: absolute;
  bottom: 1.5rem;
  left: 1.5rem;
  width: auto;
  height: 80px;
  aspect-ratio: unset;
  object-fit: unset;
  max-width: none;
  z-index: 2;
}
@media screen and (max-width: 1280px) {
  .editorial section.scroller {
    overflow: hidden;
  }
  .editorial .scroll-track > blockquote {
    min-width: 350px;
  }
  .editorial .scroll p, .editorial .scroll a {
    font-size: 0.8375rem;
  }
}

@media screen and (max-width: 768px) {
  .editorial .scroll figure {
      min-width: 300px;
  }
}
@media screen and (max-width: 600px) {
  .editorial .scroll figure {
      min-width: 250px;
  }
  .editorial .scroll-track > blockquote {
    min-width: 300px;
    font-size: 1.5rem;
  }
}