.quote{--quote-photo-size: clamp(160px, 12cqw, 225px);--quote-gap: 3em;--quote-decoration-size-width: clamp(64px, 6cqw, 80px);--quote-decoration-size-height: clamp(48px, 4cqw, 70px);position:relative;display:flex;align-items:center;gap:var(--quote-gap);max-width:54em;margin:0 auto}.quote::before,.quote::after{content:"";width:var(--quote-decoration-size-width);height:var(--quote-decoration-size-height);position:absolute;z-index:-1;-webkit-mask:var(--icon-quote) center/contain no-repeat;mask:var(--icon-quote) center/contain no-repeat;background-color:var(--color-primary)}.quote::before{transform:rotateY(180deg) scaleX(-1);top:calc(100% + var(--section-gap));left:0}.quote::after{bottom:calc(100% + var(--section-gap));right:0}.quote__media{flex:0 0 auto;width:var(--quote-photo-size);aspect-ratio:1;overflow:hidden;border-radius:50%}.quote__image{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.quote__body{font-family:var(--font-basic);font-weight:var(--font-weight-regular);font-optical-sizing:auto;display:flex;flex:1 1 0;flex-direction:column;gap:.8em;min-width:0;margin:0;padding:0;border:0;color:var(--color-text);font-size:var(--font-size-20);max-width:600px;width:100%}.quote__text{margin:0;font-size:var(--font-size-20);font-style:normal;line-height:1.5}.quote__author{margin:0}.quote__author-name{font-size:var(--font-size-20);font-weight:var(--font-weight-bold);line-height:normal}@media(max-width: 1024px){.quote{--quote-gap: 2em}}@media screen and (min-width: 1400px){.quote::before{left:-164px}.quote::after{right:-164px}}@media(max-width: 600px){.quote{flex-direction:column;text-align:center;padding-top:var(--section-gap);padding-bottom:calc(var(--section-gap)*2)}.quote::before{top:calc(100% + var(--section-gap) - 28px)}.quote::after{bottom:calc(100% + var(--section-gap) - 28px)}}