.about-page .hero-image.art,.about-page .about-portrait-frame{border:3px solid #7738b4;border-bottom-width:8px;border-radius:24px;background:linear-gradient(140deg,#f2faff,#d8e8f6);overflow:hidden;box-shadow:0 8px 0 #7738b414}
.about-page .page-hero .hero-image.art{height:auto;aspect-ratio:1312/1199;align-self:end}
.about-page .page-hero .hero-image.art img{padding:0;object-fit:contain;object-position:center bottom;width:100%;height:100%}
.about-page .about-portrait-frame{height:300px;margin:0 0 24px;display:flex;align-items:flex-end;justify-content:center}
.about-page .team-card img{height:100%;width:100%;max-width:100%;object-fit:contain;object-position:center bottom;margin:0}
.about-page .team-card:nth-child(2) .about-portrait-frame{background:linear-gradient(140deg,#f1fcf4,#cce8d9)}
@media(max-width:700px){.about-page .about-portrait-frame{height:260px}.about-page .team-card{padding:22px}.about-page .page-hero .hero-image.art{height:auto;max-width:550px}}

/* About-only compact section rhythm; avoid stacked white padding. */
.about-page .section{padding:44px 0}
.about-page #details{padding-bottom:18px}
.about-page #details + .section{padding-top:18px}
.about-page #details .intro > :last-child{margin-bottom:0}
@media(max-width:700px){.about-page .section{padding:32px 0}.about-page #details{padding-bottom:14px}.about-page #details + .section{padding-top:14px}}