/* Kerr University homepage photos (2026-10-05) — feature card photos + founder portrait */
.card.card--photo{display:flex;flex-direction:column}
.card--photo .card-photo{margin:-1.7rem -1.7rem 1.25rem;height:160px;overflow:hidden;border-radius:var(--r,18px) var(--r,18px) 0 0;border-bottom:1px solid rgba(199,161,74,.45);background:#201814;position:relative}
.card--photo .card-photo picture,.card--photo .card-photo img{display:block;width:100%;height:100%}
.card--photo .card-photo img{object-fit:cover;object-position:center 35%;transition:transform .6s cubic-bezier(.2,.7,.2,1)}
.card--photo:hover .card-photo img{transform:scale(1.04)}
.card--photo .card-photo::after{content:"";position:absolute;inset:auto 0 0 0;height:38%;background:linear-gradient(to top,rgba(20,14,11,.35),transparent);pointer-events:none}
@media(min-width:640px){.card--photo .card-photo{height:190px}}
@media(min-width:1024px){.card--photo .card-photo{height:210px}}
html[data-theme="dark"] .card--photo .card-photo{border-bottom-color:rgba(199,161,74,.35)}
/* Founder portrait: new image is 16:9 with branding baked in — don't crop it, hide the overlay seal */
.portrait.portrait--wide picture{display:block}
.portrait.portrait--wide img{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;display:block}
.portrait.portrait--wide .seal{display:none}
@media (prefers-reduced-motion:reduce){.card--photo .card-photo img{transition:none}.card--photo:hover .card-photo img{transform:none}}
