/* "Explore More Case Studies" carousel on every case study page. */
.grow-explore { --card: 243px; --gap: 24px; position: relative; }
.grow-explore__track {
  display: flex; gap: var(--gap);
  margin: 0 !important; padding: 4px 2px 6px !important; list-style: none !important;
  overflow-x: auto; overscroll-behavior-x: contain;
  scroll-snap-type: x proximity; scroll-behavior: smooth;
  scrollbar-width: none; -webkit-overflow-scrolling: touch;
}
.grow-explore__track::-webkit-scrollbar { display: none; }
.grow-explore__track:focus-visible { outline: 2px solid #64734e; outline-offset: 4px; }
.grow-explore__card {
  flex: 0 0 var(--card); display: flex; flex-direction: column;
  min-width: 0; margin: 0; padding: 0; list-style: none; scroll-snap-align: start;
}
.grow-explore__image {
  display: block; aspect-ratio: 16 / 10; overflow: hidden;
  border-radius: 7px; background: #cfdcc2;
}
.grow-explore__image img {
  display: block; width: 100%; height: 100%; object-fit: cover;
  transition: transform .35s ease;
}
.grow-explore__card:hover .grow-explore__image img { transform: scale(1.04); }
.grow-explore__title {
  margin: 14px 0 0 !important; padding: 0 !important;
  font-family: Montserrat, Helvetica, Arial, Lucida, sans-serif;
  font-size: 18px !important; font-weight: 600 !important; line-height: 1.3 !important;
}
.grow-explore__title a { color: #384030 !important; }
.grow-explore__summary {
  margin: 6px 0 0; padding: 0 !important;
  color: #4c5547; font-size: 14px; line-height: 1.5;
  display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden;
}
.grow-explore__link {
  margin-top: auto; padding-top: 12px;
  font-family: Montserrat, Helvetica, Arial, Lucida, sans-serif;
  font-size: 13px; font-weight: 600; letter-spacing: .04em; text-transform: uppercase;
  color: #3d7f79 !important;
}
.grow-explore__link::after { content: " \203A"; font-size: 16px; }
.grow-explore__card a:hover { text-decoration: underline; }
.grow-explore__card a:focus-visible { outline: 2px solid #64734e; outline-offset: 3px; }

/* Round arrow buttons sit in the side gutters, level with the images. */
.grow-explore__nav {
  position: absolute; z-index: 2;
  top: calc(4px + var(--card) * .3125 - 19px);
  display: grid; place-items: center;
  width: 38px; height: 38px; padding: 0;
  border: 1px solid #c3cfb4; border-radius: 50%;
  background: #fff; color: #384030; cursor: pointer;
  box-shadow: 0 2px 8px rgba(35, 44, 29, .12);
  transition: background .2s, color .2s, border-color .2s;
}
.grow-explore__nav[hidden] { display: none; }
.grow-explore__nav--prev { left: -45px; }
.grow-explore__nav--next { right: -45px; }
.grow-explore__nav:hover { background: #384030; border-color: #384030; color: #fff; }
.grow-explore__nav:focus-visible { outline: 2px solid #64734e; outline-offset: 3px; }

@media (max-width: 767px) {
  .grow-explore { --card: 220px; --gap: 16px; }
  .grow-explore__nav { width: 34px; height: 34px; top: calc(4px + var(--card) * .3125 - 17px); }
  .grow-explore__nav--prev { left: -42px; }
  .grow-explore__nav--next { right: -42px; }
}
@media (prefers-reduced-motion: reduce) {
  .grow-explore__track { scroll-behavior: auto; }
  .grow-explore__image img { transition: none; }
}