/* Native About Us blocks: the same scoped styles in the page and editor canvas. */
.af-about-page, .af-about-page > .wp-block-post-content { margin:0; padding:0; }
.af-about-mission, .af-about-medical, .af-about-team { box-sizing:border-box; margin-block:0; color:#0a2047; }
.af-about-mission, .af-about-medical { container:af-about / inline-size; }
.af-about-mission { padding:clamp(48px,6vw,86px) 0 clamp(48px,5.3vw,76px); background:#fff url('../images/curved_bg.gif') no-repeat right top / min(46vw,660px) auto; }
:is(.af-about-mission,.af-about-medical) > .af-about-inner { box-sizing:border-box; width:88%; max-width:1280px; margin:0 auto; padding:0; }
.af-about-mission .af-about-eyebrow { margin:0; color:#006fba; font-size:clamp(14px,1.48cqw,21px); line-height:1.3; font-weight:700; letter-spacing:.07em; text-transform:uppercase; }
.af-about-mission .af-about-eyebrow::after,.af-about-medical .af-about-medical-title::before { content:""; display:block; width:clamp(52px,5.5cqw,80px); height:4px; background:#0077ba; }
.af-about-mission .af-about-eyebrow::after { margin:20px 0 26px; }
.af-about-mission .af-about-title { margin:0 0 clamp(36px,5cqw,72px); color:#081e46; font-size:50px; line-height:1.12; font-weight:700; letter-spacing:-.035em; }
.af-about-mission .af-about-lead { max-width:1120px; margin:0 0 clamp(28px,3.4cqw,49px); color:#081e46; font-size:35px; line-height:1.19; font-weight:700; letter-spacing:-.027em; }
.af-about-mission .af-about-description { margin:0; color:#707486; font-size:20px; line-height:1.57; letter-spacing:-.022em; }
.af-about-mission .af-about-jump-links { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:clamp(20px,3.4cqw,49px); margin:clamp(32px,4.3cqw,62px) 0 0; }
.af-about-jump-links > .wp-block-button { width:100%; max-width:280px; margin:0; }
.af-about-jump-links .wp-block-button__link { display:flex; justify-content:center; align-items:center; gap:18px; box-sizing:border-box; width:100%; max-width:280px; min-height:60px; padding:16px 12px; border:1px solid #0081cf; border-radius:5px; background:transparent; color:#0065b4; font-size:18px; font-weight:700; line-height:1.3; text-decoration:none; }
.af-about-jump-links .wp-block-button__link::after { content:"↓"; font-weight:400; }
.af-about-jump-links .wp-block-button__link:hover { background:#eff8fd; color:#064b81; }
.af-about-jump-links .wp-block-button__link:focus-visible { outline:3px solid #081e46; outline-offset:4px; }
.af-about-medical { background:#eaf7fd; padding:clamp(48px,5.3vw,76px) 0 clamp(44px,4.6vw,66px); }
.af-about-medical .af-about-medical-title { margin:0 0 clamp(24px,2.4cqw,35px); color:#081e46; font-size:50px; line-height:1.2; letter-spacing:-.035em; font-weight:700; }
.af-about-medical .af-about-medical-title::before { margin:0 0 24px; }
.af-about-medical .af-about-medical-columns { display:grid; grid-template-columns:58fr 39fr; align-items:start; gap:clamp(28px,3.5cqw,50px); margin:0; }
.af-about-medical-columns > .wp-block-column { min-width:0; margin:0; }
.af-about-medical .af-about-photo { width:100%; margin:0; }
.af-about-medical .af-about-photo img { display:block; width:100%; height:auto; aspect-ratio:1.48; object-fit:cover; object-position:center; }
.af-about-medical .af-about-medical-copy p { margin:0 0 26px; color:#6b7080; font-size:20px; line-height:1.32; letter-spacing:-.022em; }
.af-about-medical .af-about-medical-copy p:last-child { margin-bottom:0; }
.af-about-team { padding:clamp(40px,5vw,72px) 0; background:#fff; }
.af-about-contact { margin-block:0; scroll-margin-top:24px; }
@media(max-width:767px) {
 .af-about-mission { background-size:80vw auto; }
}
@container af-about (max-width:767px) {
 :is(.af-about-mission,.af-about-medical) > .af-about-inner { width:auto; margin-inline:24px; }
 .af-about-mission .af-about-lead { max-width:none; }
 .af-about-mission .af-about-jump-links { grid-template-columns:1fr; gap:14px; }
 .af-about-medical .af-about-medical-columns { grid-template-columns:1fr; gap:28px; }
 .af-about-medical .af-about-photo img { aspect-ratio:1.6; }
 .af-about-medical .af-about-medical-copy p { font-size:20px; line-height:1.55; margin-bottom:22px; }
 .af-about-medical .af-about-medical-title { overflow-wrap:normal; }
}