.about-mission-vision{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;padding-block:30px 75px}
.about-purpose-card{border:1px solid #583b3024;border-radius:24px;background:#fffef860;padding:34px;min-height:210px;display:flex;flex-direction:column;justify-content:center}
.about-purpose-card h2{font-size:clamp(2rem,3vw,2.8rem);margin-bottom:16px}.about-purpose-card p{color:#69584c;font-size:1.1rem}
.word-ribbon{padding-block:13px}.ribbon-track>span{font-size:clamp(1.6rem,2.7vw,2.6rem);padding-right:22px}.ribbon-track i{margin-inline:17px}
@media(max-width:720px){.about-mission-vision{grid-template-columns:1fr;gap:16px;padding-block:16px 50px}.about-purpose-card{padding:26px;min-height:170px}.word-ribbon{padding-block:10px}.ribbon-track>span{font-size:1.5rem}.ribbon-track i{margin-inline:14px}}
/* A shared purpose section linking the story to the values below. */
.about-mission-vision{gap:24px;padding-block:12px 72px}.about-purpose-heading{grid-column:1/-1;border-top:1px solid #583b3020;padding-top:28px;margin-bottom:0}.about-purpose-heading .eyebrow{color:#69584c}
.about-purpose-card{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 150px;align-items:center;gap:18px;border:0;background:#e9eddf;min-height:235px;padding:32px;border-radius:24px;overflow:hidden}.about-purpose-vision{background:#eee7ee}.about-purpose-copy{grid-column:1;grid-row:1;position:relative;z-index:1}.about-purpose-art{grid-column:2;grid-row:1;width:150px;height:140px;opacity:.85}.about-purpose-card h2{font-size:clamp(2rem,3vw,2.65rem);margin-bottom:14px}.about-purpose-card p{font-size:1.1rem;line-height:1.5;max-width:23ch}
@media(max-width:1000px) and (min-width:721px){.about-purpose-card{grid-template-columns:minmax(0,1fr) 100px;padding:26px;gap:10px}.about-purpose-art{width:110px;height:120px}}
@media(max-width:720px){.about-mission-vision{gap:16px;padding-block:8px 48px}.about-purpose-heading{padding-top:22px;margin-bottom:4px}.about-purpose-card{grid-template-columns:minmax(0,1fr) 110px;gap:8px;padding:25px 22px;min-height:195px;border-radius:22px}.about-purpose-art{width:110px;height:120px}.about-purpose-card h2{font-size:2rem;margin-bottom:10px}.about-purpose-card p{font-size:1rem}}
@media(max-width:360px){.about-purpose-card{grid-template-columns:minmax(0,1fr) 85px;padding-inline:20px}.about-purpose-art{width:90px}}
.about-purpose-mission .about-purpose-art{animation:purpose-sway 10s ease-in-out infinite alternate;transform-origin:50% 85%}
.about-purpose-vision .about-purpose-art{animation:purpose-lift 12s ease-in-out infinite alternate}
@keyframes purpose-sway{from{transform:rotate(-2deg)}to{transform:rotate(2deg)}}
@keyframes purpose-lift{from{transform:translateY(2px)}to{transform:translateY(-3px)}}
@media(prefers-reduced-motion:reduce){.about-purpose-card .about-purpose-art{animation:none}}
html[data-motion=off] .about-purpose-card .about-purpose-art{animation:none}
.about-purpose-mission{grid-template-columns:minmax(0,1fr) 110px}.about-purpose-mission .about-purpose-art{width:110px}.about-purpose-mission p{max-width:none;line-height:1.55}
@media(max-width:720px){.about-purpose-mission{display:block;padding:26px 22px}.about-purpose-mission .about-purpose-art{position:absolute;right:18px;top:18px;width:85px;height:85px}.about-purpose-mission h2{padding-right:90px;min-height:65px;display:flex;align-items:center;margin-bottom:14px}.about-purpose-mission p{font-size:1rem;line-height:1.55}}

/* Keep the finalized Vision statement open and balanced beside its illustration. */
.about-purpose-vision{grid-template-columns:minmax(0,1fr) 110px;gap:22px}.about-purpose-vision .about-purpose-art{width:110px;height:140px;justify-self:center}.about-purpose-vision p{max-width:none;line-height:1.55}
@media(max-width:1000px) and (min-width:721px){.about-purpose-vision{grid-template-columns:minmax(0,1fr) 85px;gap:14px}.about-purpose-vision .about-purpose-art{width:85px;height:120px}}
@media(max-width:720px){.about-purpose-vision{display:block;padding:26px 22px}.about-purpose-vision .about-purpose-art{position:absolute;right:18px;top:18px;width:85px;height:85px}.about-purpose-vision h2{padding-right:90px;min-height:65px;display:flex;align-items:center;margin-bottom:14px}.about-purpose-vision p{font-size:1rem;line-height:1.55}}

.about-purpose-card.about-purpose-vision .about-purpose-art{width:110px;height:140px}
@media(max-width:720px){.about-purpose-card.about-purpose-vision .about-purpose-art,.about-purpose-card.about-purpose-mission .about-purpose-art{width:85px;height:85px;max-width:85px;max-height:85px}}