.quote{--quote--shape--offset:1.25rem;--quote--skew-angle:3.3deg;margin-bottom:0;margin-inline:0;text-align:left}.quote__inner{align-items:flex-start}.quote__image{--min-size:54;--max-size:120;border-radius:50%;height:clamp(var(--min-size) * 1px,var(--min-size) * 1px + (var(--max-size) - var(--min-size)) * (100vw - var(--viewport-min) * 1px)/(var(--viewport-max) - var(--viewport-min)),var(--max-size) * 1px);margin:auto;margin-bottom:calc(clamp(var(--min-size) * 1px, var(--min-size) * 1px + (var(--max-size) - var(--min-size)) * (100vw - var(--viewport-min) * 1px) / (var(--viewport-max) - var(--viewport-min)), var(--max-size) * 1px) * -.5);overflow:clip;width:clamp(var(--min-size) * 1px,var(--min-size) * 1px + (var(--max-size) - var(--min-size)) * (100vw - var(--viewport-min) * 1px)/(var(--viewport-max) - var(--viewport-min)),var(--max-size) * 1px);z-index:1}.quote__image-inner{aspect-ratio:1/1}.quote__content{overflow-x:clip;position:relative;width:100%;z-index:0}.quote__content-inner{background-color:var(--color--white);color:var(--color--black);padding:var(--space--xs);position:relative;width:100%;z-index:1}.quote__content:after,.quote__content:before{content:"";height:calc(100% + var(--quote--shape--offset) * 2);left:0;position:absolute;top:calc(var(--quote--shape--offset) * -1);width:100%;z-index:0}.quote__content:before{background-color:var(--accent--color);transform:skewY(var(--quote--skew-angle))}.quote__content:after{background-color:var(--color--white);transform:skewY(calc(var(--quote--skew-angle) * -1))}.quote:not(.has-background){--flex-column--gap:var(--space--3xs)}.quote.has-background{padding:var(--space--2xl) var(--space--xs)}.quote__quotation{font-family:var(--type--1--font-family);line-height:1.45}.quote__quotation strong{font-family:var(--type--2--font-family);text-transform:uppercase}.quote__citation{display:flex;flex-direction:column;font-style:normal;gap:var(--space--3xs);padding-top:var(--space--xs);position:relative}.quote__citation__name{font-weight:var(--type--1--font-weight--bold)}.quote__citation__name:after{background-color:var(--accent--color);bottom:-1rem;content:"";height:.125rem;left:0;position:absolute;width:5rem}.quote__citation__citation{font-style:italic}.quote:has(.quote__image).has-background{padding:var(--space--m) var(--space--xs) var(--space--xl) var(--space--xs)}@media (min-width:62em){.quote:has(.quote__image).has-background{padding:var(--space--m) var(--space--xs) var(--space--3xl) var(--space--xs)}}.quote:has(.quote__image) .quote__content{padding-top:var(--space--s)}.quote:has(.quote__image) .quote__citation{flex-flow:row;gap:1ch;justify-content:center}.quote:has(.quote__image) .quote__citation__name:after{margin:auto;right:0}