/* Distinct About artwork: shared discovery and individual agency. */
.about-purpose-card.about-purpose-mission{grid-template-columns:minmax(0,1fr) 180px;gap:16px;min-height:280px}
.about-purpose-card.about-purpose-mission .mission-discovery-art{position:static;width:180px;height:180px;max-width:none;max-height:none;opacity:1;object-fit:contain;justify-self:center;animation:none}
.value-orb-0 .layered-value-icon{width:100px;height:100px}
.value-orb .layered-value-icon .empowerment-growth-art{display:block;width:100%;height:100%;object-fit:contain}
@media(min-width:721px) and (max-width:1100px){
 .about-purpose-card.about-purpose-mission{display:block;padding:28px}
 .about-purpose-card.about-purpose-mission .mission-discovery-art{position:absolute;right:14px;top:10px;width:135px;height:135px}
 .about-purpose-mission h2{padding-right:125px;min-height:108px;display:flex;align-items:center;margin-bottom:12px}
}
@media(max-width:720px){
 .about-purpose-card.about-purpose-mission{display:block;min-height:0;padding:24px}
 .about-purpose-card.about-purpose-mission .mission-discovery-art{position:absolute;right:12px;top:8px;width:140px;height:140px;max-width:none;max-height:none}
 .about-purpose-mission h2{padding-right:128px;min-height:112px;margin-bottom:12px}
 .value-orb-0 .layered-value-icon{width:78px;height:78px}
}

/* Each value has a distinct narrative scene; keep the artwork upright. */
.values-playground .value-orb .layered-value-icon{width:128px;height:128px;max-width:100%;flex-shrink:0;rotate:0deg}
.values-playground .value-orb:hover>.layered-value-icon{rotate:0deg}
.values-playground .layered-value-icon img{display:block;width:100%;height:100%;object-fit:contain}
@media(min-width:961px) and (max-width:1200px){.values-playground .value-orb .layered-value-icon{width:96px;height:96px}}
@media(max-width:960px){
 .values-playground .values-play-layout{grid-template-columns:1fr;gap:18px}
 .values-playground .values-orbit{max-width:480px;width:100%;margin-inline:auto}
 .values-playground .value-detail{padding:25px 10px}
 .values-playground .value-orb .layered-value-icon{width:112px;height:112px}
}
@media(max-width:520px){
 .values-playground .values-orbit{padding:8px;gap:12px}
 .values-playground .value-orb{padding:12px;gap:8px}
 .values-playground .value-orb .layered-value-icon{width:84px;height:84px}
 .values-playground .value-orb .orb-action{top:11%;right:13%}
}
@media(max-width:380px){
 .values-playground .value-orb{padding:9px;gap:7px}
 .values-playground .value-orb .layered-value-icon{width:68px;height:68px}
}

/* Equal visual weight for the two purpose illustrations. */
.about-purpose-card:is(.about-purpose-mission,.about-purpose-vision){grid-template-columns:minmax(0,1fr) 180px;gap:16px;min-height:280px}
.about-purpose-card:is(.about-purpose-mission,.about-purpose-vision) .about-purpose-art{position:static;width:180px;height:180px;max-width:none;max-height:none;opacity:1;object-fit:contain;justify-self:center;align-self:center;animation:none}
.about-purpose-card:is(.about-purpose-mission,.about-purpose-vision) .about-purpose-copy{align-self:start}
@media(min-width:721px) and (max-width:1100px){
 .about-purpose-card:is(.about-purpose-mission,.about-purpose-vision){display:block;padding:28px}
 .about-purpose-card:is(.about-purpose-mission,.about-purpose-vision) .about-purpose-art{position:absolute;right:14px;top:10px;width:135px;height:135px}
 .about-purpose-card:is(.about-purpose-mission,.about-purpose-vision) h2{padding-right:125px;min-height:108px;display:flex;align-items:center;margin-bottom:12px}
}
@media(max-width:720px){
 .about-purpose-card:is(.about-purpose-mission,.about-purpose-vision){display:block;min-height:0;padding:24px}
 .about-purpose-card:is(.about-purpose-mission,.about-purpose-vision) .about-purpose-art{position:absolute;right:12px;top:8px;width:140px;height:140px;max-width:none;max-height:none}
 .about-purpose-card:is(.about-purpose-mission,.about-purpose-vision) h2{padding-right:128px;min-height:112px;display:flex;align-items:center;margin-bottom:12px}
}
@media(max-width:380px){.about-purpose-card:is(.about-purpose-mission,.about-purpose-vision) h2{font-size:1.65rem}}