.page-hero{background:var(--ink);color:var(--ivory);position:relative;overflow:hidden}
.page-hero::before{content:"";position:absolute;inset:0;background:radial-gradient(900px 460px at 85% -10%,rgba(169,38,62,.45),transparent 65%)}
.page-hero>*{position:relative}
.page-hero p.lead{color:#cbb9c7}

.person{padding:130px 0;border-top:1px solid var(--hair)}
.person:first-of-type{border-top:0}
.person .grid{display:grid;grid-template-columns:1fr 1.15fr;gap:110px;align-items:center}
.person.flip .grid{grid-template-columns:1.15fr 1fr}
.person .ph{position:relative}
.person .ph img{width:100%;aspect-ratio:3/4;object-fit:cover;border-radius:2px}
.person .ph::after{content:"";position:absolute;inset:30px -30px -30px 30px;border:1px solid var(--gold);border-radius:2px;z-index:-1}
.person.flip .ph::after{inset:30px 30px -30px -30px}
@media(max-width:620px){.person .ph::after{inset:14px -12px -14px 14px}.person.flip .ph::after{inset:14px 14px -14px -12px}}
.person h2{font-size:clamp(34px,3.8vw,52px);font-weight:360}
.person .role{font-size:11px;font-weight:600;letter-spacing:.28em;text-transform:uppercase;color:var(--gold-dark);margin:18px 0 30px}
.person p{color:var(--muted);font-weight:300;font-size:17px;margin-bottom:18px}
.person blockquote{font-family:'Fraunces',serif;font-style:italic;font-size:21px;line-height:1.5;color:var(--wine);border-left:1px solid var(--gold);padding-left:28px;margin:34px 0}
.creds{margin:30px 0 34px}
.creds li{list-style:none;padding:13px 0;border-top:1px solid var(--hair);font-size:14.5px;color:var(--ink);display:flex;gap:16px}
.creds li:last-child{border-bottom:1px solid var(--hair)}
.creds li::before{content:"—";color:var(--gold-dark)}
.person .tags{margin-top:6px}
.availability{display:inline-flex;align-items:center;gap:10px;font-size:12px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;margin-top:30px;color:var(--ink)}
.availability i{width:9px;height:9px;border-radius:50%;background:var(--teal);display:inline-block}

/* Placeholder frame shown until the practice sends photography. The pre-sale
   build used AI portraits; those are removed — an honest empty frame is better
   than a stock face on a clinician's profile. */
.ph-pending{width:100%;aspect-ratio:3/4;border:1px dashed rgba(122,31,61,.4);background:var(--sand);display:flex;align-items:center;justify-content:center;border-radius:2px}
.ph-pending span{font-family:'Fraunces',serif;font-style:italic;font-size:19px;color:var(--muted);text-align:center;line-height:1.5}
a.tag{text-decoration:none;transition:.25s}
a.tag:hover{background:var(--wine);color:var(--ivory);border-color:var(--wine)}
.tbd{display:inline-block;background:#fff3cd;border:1px dashed #c1934f;color:#6b4e12;font-size:12.5px;letter-spacing:.04em;padding:7px 13px;border-radius:2px;font-family:'Inter',sans-serif}

.joincta{background:var(--sand);text-align:center}
.joincta h2{max-width:22ch;margin:0 auto 20px}
.joincta p{max-width:52ch;margin:0 auto 40px;color:var(--muted);font-weight:300}
.note{font-size:11.5px;color:#a08fa0;text-align:center;padding:26px 6%;letter-spacing:.06em;background:var(--ivory)}
@media(max-width:900px){.person .grid,.person.flip .grid{grid-template-columns:1fr;gap:60px}}

/* Non-clinical staff — a short named row, deliberately not a portrait card. */
.staff{background:var(--white);border-top:1px solid var(--hair)}
.staff-row{max-width:720px;margin-top:26px}
.staff-row h3{font-family:'Fraunces',serif;font-size:28px;font-weight:360}
.staff-row .role{font-size:11px;font-weight:600;letter-spacing:.28em;text-transform:uppercase;color:var(--gold-dark);margin:10px 0 14px}
.staff-row p{color:var(--muted);font-weight:300;font-size:17px}