.quote-cards{display:flex;flex-wrap:wrap;gap:var(--spacing-10x);justify-content:center;@media (max-width:640px){gap:var(--spacing-8x)}}.quote-card{display:flex;flex:0 0 580px;max-width:100%;min-height:272px;position:relative;z-index:0;&.quote-card--red{--card-bg:var(--rosy-400);--card-text-color:var(--rosy-950);--icon-inset:-36px -30px auto auto}&.quote-card--orange{--card-bg:var(--peachy-400);--card-text-color:var(--peachy-950);--icon-inset:-56px -24px auto auto}&.quote-card--purple{--card-bg:var(--treehouseplum-900);--card-text-color:var(--treehouseplum-100);--icon-inset:-40px -32px auto auto}@media (max-width:640px){padding-bottom:92px;&.quote-card--red{--icon-inset:auto auto -13px 27px;& .quote-card__icon{transform:rotate(61deg);svg{height:92px;width:auto}}}&.quote-card--orange{--icon-inset:auto auto -10px 40px;& .quote-card__icon svg{height:98px;width:auto}}&.quote-card--purple{--icon-inset:auto auto -29px 23px;& .quote-card__icon svg{height:97px;width:auto}}}}.quote-card__bg{--angle-value:18px;background:var(--card-bg);clip-path:polygon(var(--angle-value) 0,calc(100% - var(--angle-value)) 0,100% var(--angle-value),100% calc(100% - var(--angle-value)),calc(100% - var(--angle-value)) 100%,var(--angle-value) 100%,0 calc(100% - var(--angle-value)),0 var(--angle-value));content:"";height:100%;inset:0 auto auto 0;position:absolute;width:100%;z-index:-1;@media (max-width:640px){--angle-value:9px}}.quote-card__content{display:flex;flex-direction:column;gap:var(--spacing-4x);justify-content:space-between;padding:var(--spacing-5x);padding-right:0;@media (max-width:640px){gap:var(--spacing-5x);padding:var(--spacing-6x);padding-bottom:0}}.quote-card__quote,.quote-card__quotee,.quote-card__quotee-tag{color:var(--card-text-color);@media (max-width:640px){font-size:var(--body-font-size);line-height:var(--base-line-height)}}.quote-card__quotee{font-weight:800}.quote-card__image-wrapper{align-items:flex-end;display:flex;flex:1 0 258px;@media (max-width:640px){height:148px;inset:auto 0 0 auto;position:absolute;& .quote-card__image{height:100%;width:auto!important}}}.quote-card__icon{inset:var(--icon-inset);position:absolute}