.pro-hero { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.05fr); align-items: center; gap: clamp(28px, 4vw, 65px); }
.pro-hero h1 { font-size: clamp(38px, 3.5vw, 58px); }
.pro-hero .lead { font-size: 18px; }
.pro-team { margin: 0; min-width: 0; }
.pro-team img { display: block; width: 100%; height: auto; border-radius: 24px 24px 70px 24px; }
.pro-team figcaption { font-size: 12px; line-height: 1.5; margin-top: 12px; color: var(--body); }
@media (max-width: 850px) { .pro-hero { grid-template-columns: 1fr; gap: 28px; } .pro-hero h1 { max-width: 740px; font-size: clamp(38px, 6vw, 58px); } .pro-team { max-width: 760px; } }