.testimonials{display:grid;gap:calc(var(--spacing-10x) + 4px);grid-template-columns:repeat(3,1fr);@media (max-width:820px){gap:56px;grid-template-columns:repeat(2,1fr)}@media (max-width:640px){gap:56px;grid-template-columns:1fr}}.testimonial{display:flex;flex-direction:column;gap:var(--spacing-3x);justify-content:space-between;position:relative;z-index:0}.testimonial__quote{max-width:370px;@media (max-width:820px){padding-left:8px}@media (max-width:640px){max-width:327px}}.testimonial__quotee{color:var(--treehouseplum-300);text-align:right}.testimonial-bg-shape{background:var(--treehouseplum-900);content:"";position:absolute;z-index:-1;.testimonial:first-child &{clip-path:polygon(26.5px 8px,calc(100% - 8.5px) 0,100% calc(100% - 11.5px),calc(100% - 13.5px) 100%,31.5px calc(100% - 3.5px),14px calc(100% - 20.5px),0 29.5px);height:calc(100% + 51px);inset:-29px auto auto -27px;width:calc(100% + 49px);@media (max-width:820px){clip-path:polygon(19px .5px,calc(100% - 12px) 0,100% calc(100% - 10.5px),calc(100% - 12px) 100%,16px calc(100% - 3px),.5px calc(100% - 17.5px),0 14px);height:calc(100% + 35px);inset:-15px auto auto -10px;width:calc(100% + 21px)}}.testimonial:nth-child(2) &{clip-path:polygon(21px .5px,calc(100% - 6px) 35px,100% calc(100% - 11px),calc(100% - 23px) 100%,10px calc(100% - 20px),0 11px);height:calc(100% + 70px);inset:-41px auto auto -23px;width:calc(100% + 44px);@media (max-width:820px){clip-path:polygon(16px 0,calc(100% - 7px) 0,100% calc(100% - 20px),calc(100% - 15.5px) calc(100% - 10px),4.5px 100%,0 17px);height:calc(100% + 34px);inset:-17px auto auto -12px;width:calc(100% + 23px)}}.testimonial:nth-child(3) &{clip-path:polygon(14.5px .5px,calc(100% - 60px) 12.5px,calc(100% - 33.5px) 27.5px,100% calc(100% - 18px),calc(100% - 17.5px) calc(100% - 2px),8px 100%,0 13px);height:calc(100% + 36px);inset:-18px auto auto -20px;width:calc(100% + 44px);@media (max-width:820px){clip-path:polygon(20px 0,calc(100% - 24.5px) 0,calc(100% - 3.5px) 15.5px,100% calc(100% - 9.5px),calc(100% - 24.5px) 100%,1px 100%,1px 15.5px);height:calc(100% + 34px);inset:-19px auto auto -10px;width:calc(100% + 19px)}}}.testimonial-bg-shape--bottom{background:var(--treehouseplum-950);z-index:-2;.testimonial:first-child &{inset:-21px auto auto -23px;@media (max-width:820px){clip-path:polygon(20.5px 4.5px,calc(100% - 12px) 0,100% calc(100% - 10.5px),calc(100% - 12px) 100%,16px calc(100% - 3px),0 calc(100% - 17.5px),0 16.5px);height:calc(100% + 39px);inset:-12px auto auto -6px;width:calc(100% + 21px)}}.testimonial:nth-child(2) &{inset:-33px auto auto -19px;@media (max-width:820px){clip-path:polygon(18.5px 7.5px,calc(100% - 11px) 0,100% calc(100% - 22px),calc(100% - 20.5px) calc(100% - 7.5px),7.5px 100%,.5px 20px);height:calc(100% + 40px);inset:-14px auto auto -10px;width:calc(100% + 26px)}}.testimonial:nth-child(3) &{inset:-12px auto auto -14px;@media (max-width:820px){clip-path:polygon(14px 2.5px,calc(100% - 49px) 0,calc(100% - 4px) 18px,100% calc(100% - 12.5px),calc(100% - 25px) 100%,1px 100%,1px 11.5px);height:calc(100% + 30px);inset:-9px auto auto -6px;width:calc(100% + 22px)}}}