/* People keeps the gallery's outer edges and uses its two lavender card colors. */
#people.people-section{padding:12px 0 28px;background:#fff;border:0;color:#2c1c3e}
#people .people-grid{width:calc(100% - var(--gutter)*2);max-width:1280px;margin-inline:auto;padding:52px clamp(32px,4.4vw,64px);gap:clamp(42px,5.3vw,76px);border:1px solid #d7c7e9;border-radius:0;background:radial-gradient(ellipse closest-side at 50% 50%,#eeebf5 0%,#e2dced 100%) #e2dced;box-shadow:none}
#people .people-copy .eyebrow{color:#5b3d78;margin-bottom:20px}
#people .people-copy h2{color:#2c1c3e}
#people .people-copy h2 span{color:#6539c0}
#people .people-copy>p:not(.eyebrow),#people .people-principles p{color:#51425f}
#people .people-principles h3{color:#30203f}
#people .people-principles article{border-color:#b7a0ce80;padding-block:18px}
#people .people-principles article:first-child{padding-top:0}
#people .people-principles article:last-child{padding-bottom:0}
#people .people-copy>p:not(.eyebrow){margin-top:18px}
#people .people-principles article>span{color:#5b3d78}

@media(max-width:1100px){#people .people-grid{padding:44px 34px;gap:40px}}
@media(max-width:900px){#people.people-section{padding:10px 0 24px}#people .people-grid{padding:40px 36px;gap:32px}}
@media(min-width:601px) and (max-width:800px){#people .people-principles article{padding-block:0}}
@media(max-width:600px){#people.people-section{padding:8px 0 20px}#people .people-grid{padding:32px 24px;gap:28px}#people .people-copy h2{font-size:32px;letter-spacing:-1.35px}#people .people-principles article:first-child{padding-top:18px}}
@media(max-width:360px){#people .people-grid{padding-inline:20px}#people .people-copy h2{font-size:29px;letter-spacing:-1.15px}#people .people-principles article{gap:16px}}