.kp-about__grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; text-align: left; }
.kp-about__card { padding: 28px; }
.kp-about__card h3 { margin: 0 0 12px; font-size: 1.4rem; line-height: 1.3; color: #222; }
.kp-about__card p { margin: 0; line-height: 1.6; color: #555; }
.kp-about__join { padding: var(--kp-section-space) 24px; text-align: center; background: #fff7ef; }
.kp-about__join h2 { margin: 0 0 14px; font-size: clamp(1.8rem, 4vw, 2.35rem); line-height: 1.2; color: #222; }
.kp-about__join p { max-width: 720px; margin: 0 auto 24px; font-size: 1.1rem; line-height: 1.6; color: #555; }
.kp-about__join .kp-home-hero__actions { justify-content: center; }
.kp-about a:focus-visible { outline: 3px solid #93430a; outline-offset: 4px; }
@media (max-width: 768px) { .kp-about__grid { grid-template-columns: 1fr; } .kp-about__join { padding: var(--kp-section-space) 18px; } }

.kp-about__photos { display: grid; gap: 24px; width: 100%; max-width: 360px; flex-shrink: 0; }
.kp-about__photo .kp-home-hero__img { aspect-ratio: 4 / 5; object-fit: cover; }
@media (min-width: 992px) {
    .kp-about .kp-home-hero__container { align-items: flex-start; }
    .kp-about__photos { width: 34%; }
}

.kp-about__video { display: block; width: 100%; aspect-ratio: 4 / 5; object-fit: cover; background: #222; border-radius: 12px; box-shadow: 0 10px 28px rgba(0, 0, 0, 0.10); }

/* About: an editorial rescue story instead of repeating mission cards. */
.kp-about__reading{max-width:760px;margin:auto;text-align:left}
body .kp-about--story .kp-about__history,body .kp-about--story .kp-about__people{background:var(--kp-peach,#fcebdc)}
body .kp-about--story .kp-about__history h2{text-align:left}
.kp-about--story h2{margin:0 0 24px}
.kp-about--story p{margin-bottom:22px}
body .kp-about--story .kp-about__year{font:800 46px/1.2 Nunito,'Trebuchet MS',sans-serif!important;color:#96501f;margin:0 0 22px}
.kp-about--story .kp-about__intro .kp-home-hero__content{max-width:650px}
.kp-about--story .kp-about__care .kp-home-hero__content{max-width:none}
.kp-about--story .kp-about__photos:only-child{margin:auto}
.kp-about--story .kp-home-hero__container{align-items:center}
.kp-about--story .kp-about__photo .kp-home-hero__img,.kp-about--story .kp-about__video{border-radius:24px}
@media(min-width:992px){.kp-about--story .kp-home-hero__container{align-items:center}.kp-about--story .kp-about__intro .kp-about__photos{margin-left:auto}.kp-about--story .kp-about__care .kp-about__photos{width:40%;max-width:410px}}
@media(max-width:768px){.kp-about--story .kp-about__photos{max-width:340px}.kp-about--story .kp-about__intro .kp-home-hero__content{text-align:left}.kp-about--story .kp-about__intro .kp-about__photos{margin-top:8px}.kp-about--story .kp-about__join .kp-home-hero__actions{flex-direction:column}}
