.client-reviews { --review-stage-height: 42.0625rem; --section-padding-block: var(--space-16); background: var(--color-background); overflow: clip; }
.client-reviews__container { display: grid; grid-template-columns: minmax(0, 1fr); gap: var(--space-12); }
.client-reviews__carousel { min-inline-size: 0; position: relative; }
.client-reviews__navigation { position: absolute; inset-block-start: 0; inset-inline-end: 0; display: flex; gap: var(--space-6); z-index: 1; }
.client-reviews__navigation[hidden] { display: none; }
.client-reviews__viewport { overflow-x: auto; scroll-snap-type: x mandatory; inline-size: calc(100% + var(--container-gutter)); }
.client-reviews.is-enhanced .client-reviews__viewport { overflow: visible; touch-action: pan-y; }
.client-reviews__track { min-block-size: var(--review-stage-height); display: flex; align-items: center; gap: var(--space-6); transition: transform var(--dur-panel) var(--ease-standard); }
.client-reviews__slide { flex: 0 0 19.1875rem; block-size: 28.125rem; opacity: 0.5; scroll-snap-align: start; transition: flex-basis var(--dur-panel) var(--ease-standard), block-size var(--dur-panel) var(--ease-standard), opacity var(--dur-panel) var(--ease-standard); }
.client-reviews__slide:first-child, .client-reviews__slide.is-active { flex-basis: 32.625rem; block-size: var(--review-stage-height); opacity: 1; }
.client-reviews.is-enhanced .client-reviews__slide:first-child:not(.is-active) { flex-basis: 19.1875rem; block-size: 28.125rem; opacity: 0.5; }
@media (width < 75rem) { .client-reviews { --review-stage-height: 34rem; } .client-reviews.is-enhanced .client-reviews__slide:first-child:not(.is-active), .client-reviews__slide { flex-basis: 16rem; block-size: 25rem; } .client-reviews__slide:first-child, .client-reviews__slide.is-active { flex-basis: 25rem; block-size: var(--review-stage-height); } }
@media (width < 48rem) {
    .client-reviews { --section-padding-block: var(--space-12); }
    .client-reviews__container { gap: var(--space-8); }
    .client-reviews__track { min-block-size: 0; align-items: flex-start; }
    .client-reviews__carousel { display: flex; flex-direction: column; gap: var(--space-6); }
    .client-reviews__navigation { position: static; order: 1; justify-content: center; }
    .client-reviews__slide, .client-reviews__slide:first-child, .client-reviews__slide.is-active, .client-reviews.is-enhanced .client-reviews__slide:first-child:not(.is-active) { flex-basis: 85%; block-size: auto; aspect-ratio: 522 / 673; }
}
@media (prefers-reduced-motion: reduce) { .client-reviews__track, .client-reviews__slide { transition: none; } }