.landingpage-element .landingpage-quote{--quote-img-width:180px;--quote-img-border-col:var(--whh-col-sand);--quote-text-align:center;display:grid;gap:0 32px;grid-template-areas:"image" "text" "details" "cta";grid-template-columns:100%;grid-template-rows:auto auto auto auto;margin-inline:auto;max-width:330px}@media screen and (min-width:768px){.landingpage-element .landingpage-quote{--quote-img-width:264px;--quote-text-align:left;grid-template-areas:"text image" "details image" "cta cta";grid-template-columns:auto auto;grid-template-rows:auto auto auto;max-width:750px}}.landingpage-element .landingpage-quote__image{align-self:center;grid-area:image;height:var(--quote-img-width);justify-self:center;width:var(--quote-img-width)}.landingpage-element .landingpage-quote__image img{border:8px solid var(--quote-img-border-col);border-radius:50%;height:var(--quote-img-width);width:var(--quote-img-width)}.landingpage-element .landingpage-quote__text{align-self:end;border:none;font-family:var(--whh-font-text);grid-area:text;margin:0 0 16px;padding:40px 0 0;position:relative;text-align:var(--quote-text-align)}.landingpage-element .landingpage-quote__text:before{color:var(--whh-col-green);content:"“";font-size:150px;font-weight:700;left:calc(50% - 36px);line-height:0;position:absolute;text-align:center;top:40px}@media screen and (min-width:768px){.landingpage-element .landingpage-quote__text:before{left:0}}.landingpage-element .landingpage-quote__text p{font-family:var(--whh-font-text);font-size:18px;line-height:28px}.landingpage-element .landingpage-quote__details{grid-area:details;text-align:var(--quote-text-align)}.landingpage-element .landingpage-quote__details cite{font-size:18px;font-style:normal;line-height:22px}.landingpage-element .landingpage-quote__details p{font-family:var(--whh-font-text);font-size:16px;line-height:22px}.landingpage-element .landingpage-quote__cta{grid-area:cta;margin-top:16px;text-align:center}