/* Scoped to the reference preset; the theme still runs the carousel. */
.creato-team-carousel-frame {
  width: 100%;
  max-width: var(--ctc-width, 1760px);
  margin-inline: auto;
}
.creato-team-carousel-reference .grve-carousel-wrapper {
  position: relative;
}
.creato-team-carousel-reference .grve-thumbnail img {
  aspect-ratio: 3 / 4;
  width: 100%;
  object-fit: cover;
}
.creato-team-carousel-reference .grve-hover-style-7 .grve-content {
  color: #fff;
}
.creato-team-carousel-reference .grve-hover-style-7 .grve-title {
  color: #fff;
  font-size: clamp(16px, 1.15vw, 22px);
  line-height: 1.35;
}
.creato-team-carousel-reference .grve-carousel-navigation .grve-carousel-buttons > div {
  transform: translateY(-50%) scale(0);
  opacity: 0;
  pointer-events: none;
}
.creato-team-carousel-reference:hover .grve-carousel-navigation .grve-carousel-buttons > div,
.creato-team-carousel-reference:focus-within .grve-carousel-navigation .grve-carousel-buttons > div {
  transform: translateY(-50%) scale(1);
  opacity: 1;
  pointer-events: auto;
}
.creato-team-carousel-reference .grve-carousel-navigation .grve-carousel-buttons .grve-carousel-prev {
  left: 16px;
}
.creato-team-carousel-reference .grve-carousel-navigation .grve-carousel-buttons .grve-carousel-next {
  right: 16px;
}
.creato-team-carousel .grve-thumbnail { overflow: hidden; }
.creato-team-carousel .grve-thumbnail img {
  scale: 1;
  transition: filter .4s ease, scale .5s ease;
}
.creato-team-carousel.ctc-grayscale .grve-thumbnail img { filter: grayscale(1) !important; }
.creato-team-carousel.ctc-colour .grve-thumbnail img,
.creato-team-carousel.ctc-grayscale .grve-hover-item:hover .grve-thumbnail img,
.creato-team-carousel.ctc-grayscale .grve-hover-item:focus-within .grve-thumbnail img { filter: grayscale(0) !important; }
.creato-team-carousel .grve-hover-item:hover .grve-thumbnail img,
.creato-team-carousel .grve-hover-item:focus-within .grve-thumbnail img { scale: var(--ctc-zoom, 1.03); }
.creato-team-carousel .ctc-arrow {
  display: flex; align-items: center; justify-content: center;
  width: 48px; height: 48px; padding: 0; border: 0; border-radius: 50%;
  background: #fff; color: #111; cursor: pointer;
}
.creato-team-carousel button:focus-visible,
.creato-team-carousel a:focus-visible { outline: 3px solid #134c7a; outline-offset: 3px; }
.creato-team-carousel .ctc-controls { text-align: center; margin-top: 16px; }
.creato-team-carousel .ctc-controls[hidden] { display: none; }
.creato-team-carousel .ctc-play {
  padding: 8px 16px; border: 1px solid #134c7a; border-radius: 4px;
  background: #fff; color: #134c7a; font: inherit; cursor: pointer;
}
.creato-team-carousel.ctc-static .grve-carousel-navigation { display: none; }

.awsm-team-item:target { scroll-margin-top: 120px; outline: 3px solid #134c7a; outline-offset: 4px; }
@media (max-width: 767px) {
  .creato-team-carousel.ctc-hide-mobile-controls .ctc-controls { display: none; }
  .creato-team-carousel .grve-carousel-wrapper { overflow: hidden; }
  .creato-team-carousel .grve-classic-carousel { width: calc(100% - var(--ctc-peek, 0px) - var(--ctc-peek-gap, 0px)); }
  .creato-team-carousel .grve-classic-carousel .grve-carousel-stage-outer { overflow: visible; }
}

/* Touch users have no hover state: keep navigation available. */
@media (hover: none) {
  .creato-team-carousel-reference .grve-carousel-navigation .grve-carousel-buttons > div {
    transform: translateY(-50%) scale(1);
    opacity: 1;
    pointer-events: auto;
  }
}
@media (prefers-reduced-motion: reduce) {
  .creato-team-carousel-reference .grve-carousel-navigation .grve-carousel-buttons > div {
    transition: none;
  }
}

@media (prefers-reduced-motion: reduce) {
  .creato-team-carousel .grve-thumbnail img { transition: none; scale: 1 !important; }
}

.creato-team-carousel .ctc-arrow.ctc-native-icon { background: transparent; }
.creato-team-carousel .ctc-arrow .grve-svg-icon { width: 48px; height: 48px; }

@media (min-width: 768px) {
  .creato-team-carousel.ctc-hide-desktop-controls .ctc-controls { display: none; }
}