/* Figma Our Doctors 108:2992. */
.doctors-view { --home-heading:#19093e; }
.doctors-view .page-hero>div:after { background-size:100% 100%; }
.doctors-showcase { width:100%; max-width:none; padding:32px max(40px,calc((100% - 1360px)/2)) 128px; margin:0; }
.doctors-top { display:grid; grid-template-columns:minmax(0,898.66fr) minmax(0,437.34fr); gap:24px; align-items:stretch; }
.featured-expert { min-height:478px; padding:40px; border-radius:32px; background:var(--brand-primary); color:white; display:grid; grid-template-columns:minmax(0,490fr) minmax(260px,327fr); gap:0; overflow:hidden; }
.featured-expert-copy { padding:40px; display:flex; flex-direction:column; min-width:0; }
.doctor-label { height:48px; display:flex; align-items:center; gap:12px; }
.doctor-label i { width:48px; height:48px; flex-shrink:0; border-radius:12px; display:grid; place-items:center; }
.featured-expert .doctor-label i { background:#ffffff33; }
.featured-expert .doctor-label span { font:600 14px/20px 'Cormorant Garamond',serif; letter-spacing:.7px; color:#fffc; }
.featured-expert h2 { font-size:48px; line-height:48px; color:#fff; margin:24px 0 16px; }
.featured-expert p { font-size:18px; line-height:28px; color:#fffc; margin:0; }
.doctor-tags { display:flex; gap:8px; flex-wrap:wrap; margin-top:auto; padding-top:28px; }
.doctor-tags span { padding:8px 16px; border-radius:999px; background:#ffffff1a; backdrop-filter:blur(2px); font-size:14px; line-height:20px; font-weight:500; }
.featured-expert>img { width:100%; height:396px; align-self:center; object-fit:cover; border-radius:12px; }
.featured-expert.awaiting-photo>img { object-fit:contain; padding:48px; background:#fff; }
.certification-card { min-width:0; min-height:478px; border:1px solid #ebecff; border-radius:32px; background:#fff; padding:31px; display:flex; flex-direction:column; }
.certification-card .doctor-label i { background:#f3f4f7; }
.certification-card .doctor-label span { font:600 14px/20px 'Cormorant Garamond',serif; letter-spacing:.7px; color:#7e7e81; }
.certification-card h2 { font-size:36px; line-height:40px; color:#19093e; margin:24px 10px 16px; }
.certification-card>p { color:#7e7e81; font-size:16px; line-height:24px; margin:0 10px; }
.certification-card ul { list-style:none; padding:0 10px; margin:auto 0 0; display:flex; flex-direction:column; gap:16px; }
.certification-card li { display:flex; align-items:center; gap:12px; color:#19093e; font-size:14px; line-height:20px; }
.certification-card li:before { content:"✓"; width:24px; height:24px; flex-shrink:0; border-radius:50%; background:#eff6ff; color:#0e1792; display:grid; place-items:center; }
.doctors-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); justify-content:center; gap:24px; max-width:999px; margin:128px auto 0; }
.doctors-grid>a { text-align:center; color:inherit; }
.doctors-grid>a>div { height:226px; border:1px solid #262626; border-radius:200px 200px 0 0; background:var(--brand-primary); display:flex; align-items:flex-end; overflow:visible; }
.doctors-grid>a img { display:block; width:100%; height:auto; max-height:311px; object-fit:cover; object-position:center bottom; }
.doctors-grid .awaiting-photo>div { align-items:center; justify-content:center; background:#fbf8ef; }
.doctors-grid .awaiting-photo img { width:58%; max-height:145px; object-fit:contain; }
.doctors-grid h2 { font-size:24px; line-height:28px; color:#030303; margin:24px 0 6px; }
.doctors-grid p { font-size:18px; line-height:24px; font-weight:500; color:#999; margin:0; }
.featured-expert { color:white; }
.doctor-profile-main { padding-bottom:96px; }
.doctor-profile-hero { width:100%; padding:72px max(40px,calc((100% - 1360px)/2)); background:#d2b446; color:#0e1792; display:grid; grid-template-columns:minmax(280px,430px) minmax(0,1fr); gap:72px; align-items:center; }
.doctor-profile-photo { height:560px; border-radius:220px 220px 28px 28px; overflow:hidden; background:#fff; display:grid; place-items:center; }
.doctor-profile-photo img { width:100%; height:100%; object-fit:cover; object-position:center bottom; }
.doctor-profile-photo.is-placeholder img { width:62%; height:auto; object-fit:contain; }
.doctor-profile-copy .eyebrow { display:inline-block; background:white; color:#0e1792; }
.doctor-profile-copy h1 { margin:22px 0 8px; color:#0e1792; font-size:clamp(50px,6vw,78px); line-height:1; }
.doctor-profile-role { margin:0 0 24px; font-size:22px; font-weight:600; }
.doctor-profile-summary { max-width:760px; font-size:18px; line-height:1.7; }
.profile-actions { display:flex; gap:12px; flex-wrap:wrap; margin-top:30px; }
.profile-actions .button-primary { background:#0e1792; color:white; }
.profile-actions .button-outline { border-color:#0e1792; color:#0e1792; }
.profile-details { max-width:1180px; margin:auto; padding:72px 30px 0; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px; }
.profile-panel { padding:36px; border:1px solid #dee5ed; border-radius:28px; background:white; }
.profile-panel h2 { margin:0 0 24px; color:#19093e; font-size:36px; }
.profile-panel h3 { margin:20px 0 6px; color:#0e1792; font-size:21px; }
.profile-panel p { margin:0; line-height:1.7; }
.profile-panel ul { margin:0; padding:0; list-style:none; display:grid; gap:14px; }
.profile-panel li { display:flex; gap:10px; line-height:1.55; }
.profile-panel li:before { content:'✓'; color:#0e1792; font-weight:700; }
.profile-panel-wide { grid-column:1/-1; }
@media(max-width:900px){.doctor-profile-hero{grid-template-columns:1fr;gap:36px;padding:56px 28px}.doctor-profile-photo{height:500px;max-width:430px;width:100%;margin:auto}.profile-details{grid-template-columns:1fr;padding:56px 28px 0}.profile-panel-wide{grid-column:auto}}
@media(max-width:600px){.doctor-profile-hero{padding:40px 20px}.doctor-profile-photo{height:410px}.doctor-profile-summary{font-size:16px}.profile-details{padding:40px 20px 0}.profile-panel{padding:24px;border-radius:22px}.profile-panel h2{font-size:30px}}
@media(max-width:1200px) { .featured-expert { padding:24px; grid-template-columns:1.1fr .9fr; } .featured-expert-copy { padding:24px; } .featured-expert h2 { font-size:40px; } .featured-expert p { font-size:16px; line-height:26px; } .certification-card { padding:24px; } }
@media(max-width:1000px) { .doctors-showcase { padding:32px 28px 96px; } .doctors-top { grid-template-columns:1fr; } .featured-expert { min-height:auto; } .certification-card { min-height:420px; } .doctors-grid { grid-template-columns:repeat(3,minmax(0,1fr)); margin-top:96px; } }
@media(max-width:760px) { .featured-expert { grid-template-columns:1fr; } .featured-expert>img { grid-row:1; height:420px; } .featured-expert-copy { padding:28px 0 0; } .doctor-tags { margin-top:24px; } .certification-card { min-height:440px; } .doctors-grid { grid-template-columns:1fr; max-width:420px; margin-left:auto; margin-right:auto; gap:48px; } .doctors-grid>a>div { height:320px; overflow:hidden; } .doctors-grid>a img { max-height:none; } }
@media(max-width:600px) { .doctors-showcase { padding:32px 20px 72px; } .featured-expert,.certification-card { border-radius:24px; padding:24px; } .featured-expert>img { height:330px; } .featured-expert h2 { font-size:38px; line-height:42px; } .featured-expert p { font-size:16px; line-height:26px; } .certification-card { min-height:470px; } .certification-card h2 { margin-left:0; margin-right:0; } .certification-card>p,.certification-card ul { margin-left:0; margin-right:0; padding-left:0; padding-right:0; } .doctors-grid { margin-top:88px; } }
@media(max-width:430px){.doctor-profile-photo{height:350px}.doctor-profile-copy h1{font-size:44px;overflow-wrap:anywhere}.profile-actions{flex-direction:column}.profile-actions .button{width:100%}.profile-panel{padding:22px 20px}.doctors-grid h2{overflow-wrap:anywhere}}