.quotes .grid{row-gap:1.875rem}.quotes.single .quote{display:flex;flex-direction:column;gap:1.6875rem;max-width:calc(var(--column)*6 + var(--gutter)*5);margin-inline:auto;color:var(--dark-blue)}.quotes.single .quote blockquote{margin:0}.quotes.carousel .slider{--slide-gap: 1.25rem;--slide-width: calc((100% - var(--slide-gap)) / 2)}.quotes.carousel .quote{display:flex;align-items:flex-start;gap:3.4375rem;margin:0}.quotes.carousel .quote-image{flex-shrink:0;width:13.0625rem;height:auto;aspect-ratio:1}.quotes.carousel .quote-text{display:flex;flex-direction:column;align-items:flex-start;max-width:25.4375rem}.quotes.carousel blockquote{margin:2.25rem 0 0;font:var(--body-font)}.quotes.carousel figcaption{display:flex;flex-direction:column;margin-top:1rem}.quotes.carousel .slider-dots{margin-top:3.5rem}@container main (max-width: 64rem){.quotes.carousel .slider{--slide-width: 100%}}@container main (min-width: 48rem) and (max-width: 64rem){.quotes.single .quote{max-width:none}.quotes.carousel .quote-image{width:14.25rem}.quotes.carousel .quote-text{max-width:none}}@container main (max-width: 47.9375rem){.quotes.carousel .quote{flex-direction:column;gap:1.875rem}.quotes.carousel .quote-image{width:100%}.quotes.carousel blockquote{margin-top:2.875rem}.quotes.carousel .slider-dots{margin-top:1.875rem}}
