.quote{background-color:var(--background-dark);color:var(--body-on-dark-bg);padding-block:120px;padding-inline:0}.quote__inner{align-items:start;box-sizing:border-box;column-gap:32px;display:grid;grid-template-columns:126px minmax(0,1fr);margin-block:0;margin-inline:auto;max-width:864px;padding-inline:16px;row-gap:16px;width:100%}.quote__photo{aspect-ratio:1/1;border-radius:var(--radius-lg);flex-shrink:0;grid-column:1;grid-row:1/span 2;height:126px;overflow:hidden;position:relative;width:126px}.quote__photo img{display:block;height:100%;object-fit:cover;object-position:center;pointer-events:none;width:100%}.quote__text{color:var(--body-on-dark-bg);font-family:var(--font-headings);font-size:var(--font-size-body-xl);font-weight:var(--font-weight-regular);grid-column:2;grid-row:1;line-height:var(--line-height-body-xl);margin:0}.quote__text p{margin:0}.quote__highlight,.quote__text span[style*=color]{color:var(--primary-light)}.quote__credit{display:flex;flex-direction:column;gap:8px;grid-column:2;grid-row:2;margin:0}.quote__name{color:var(--body-on-dark-bg);font-weight:var(--font-weight-bold);margin:0}.quote__role{color:var(--body-muted-on-dark-bg);font-family:var(--font-body);font-size:var(--font-size-small);font-weight:var(--font-weight-regular);line-height:var(--line-height-body-s);margin:0}.blog-post-body .quote{margin-inline:calc(50% - 50vw);max-width:100vw;width:100vw}.blog-post-body .quote__inner{padding-inline:16px}@media (max-width:639px){.quote{padding-block:clamp(48px,12vw,120px)}.quote__inner{gap:24px;grid-template-columns:1fr}.quote__photo{grid-column:1;grid-row:1}.quote__text{font-size:clamp(22px,5vw,var(--font-size-body-xl));grid-column:1;grid-row:2;line-height:clamp(28px,6vw,var(--line-height-body-xl))}.quote__credit{grid-column:1;grid-row:3}}