/* ==========================================================================
	Experience Card Group
============================================================================= */
/* Row fo cards - shown at small screen sizes
============================================================================= */
.experience-cards__row {
  --layered-media-aspect-ratio: 16 / 9;
  inline-size: 100%;
  overflow: visible;
}
@media (min-width:61.25rem) {
  .experience-cards__row {
    display: none;
  }
}

.experience-cards__row-items {
  overflow: visible;
}

.experience-cards__row-slide {
  inline-size: 290px;
  inline-size: 18.125rem;
}
@media (min-width: 21.875rem) {
  .experience-cards__row-slide {
    inline-size: 320px;
    inline-size: 20rem;
  }
}
@media (min-width: 46.25rem) {
  .experience-cards__row-slide {
    inline-size: 340px;
    inline-size: 21.25rem;
  }
}

.experience-cards__row-carousel-controls {
  margin-block-start: 20px;
  margin-block-start: 1.25rem;
}

/* Stack of cards - shown at large screen sizes
============================================================================= */
.experience-cards__stack {
  margin-block-start: clamp(50px, -88.4782608696px + 14.1304347826vw, 115px);
  margin-block-start: clamp(3.125rem, -5.52989rem + 14.1304347826vw, 7.1875rem);
}
@media (max-width:61.1875rem) {
  .experience-cards__stack {
    display: none;
  }
}
@media (min-width:61.25rem) {
  .experience__panel-layout--right .experience-cards__stack {
    scale: -1 1;
  }
}

.experience-cards__stack-slide {
  inline-size: round(85%, 1px);
  inline-size: round(85%, 0.0625rem);
  filter: blur(0.001px);
  filter: blur(0.00006rem);
  transition-behavior: allow-discrete;
  transition-property: all;
  will-change: transform;
}
/*# sourceMappingURL=experience-card-group.css.map */