/* Hair Restoration hub — page-owned layout only. */
.hair-page{background:var(--ivory);color:var(--ink)}.hair-page main{overflow:hidden}
.hair-hero{position:relative;overflow:hidden;background:linear-gradient(118deg,#faf8f4 0%,#f7f0e6 56%,#eee1cf 100%);border-bottom:1px solid rgba(201,154,61,.2)}
.hair-hero::before{content:"";position:absolute;right:-120px;top:-190px;width:520px;height:520px;border:1px solid rgba(201,154,61,.13);border-radius:50%;box-shadow:0 0 0 90px rgba(255,255,255,.13),0 0 0 180px rgba(201,154,61,.025);pointer-events:none}
.hair-hero__grid{position:relative;z-index:1;min-height:510px;display:grid;grid-template-columns:minmax(0,1.08fr) minmax(250px,.62fr) minmax(290px,.72fr);gap:28px;align-items:center;padding-block:44px}
.hair-hero__copy{position:relative;z-index:3;max-width:650px}.hair-eyebrow{margin:0 0 16px;color:var(--gold-dark);font:600 12px/1.3 var(--sans);letter-spacing:.2em;text-transform:uppercase}
.hair-hero h1{margin:0;color:#29231f;font:400 55px/1.12 var(--serif);letter-spacing:-.035em}.hair-hero h1 em{display:block;margin-top:3px;color:var(--gold-dark);font-weight:400;font-style:italic;letter-spacing:var(--pb-heading-emphasis-letter-spacing)}
.hair-rule{width:58px;height:1px;margin:20px 0;background:var(--gold)}.hair-hero__lead{max-width:610px;margin:0;color:#473f37;font:400 19px/1.55 var(--serif)}.hair-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:22px}
.hair-hero__portrait{position:relative;z-index:1;align-self:stretch;min-width:0;pointer-events:none}.hair-hero__portrait img{position:absolute;left:44%;bottom:-42px;width:auto;height:111%;max-width:none;transform:translateX(-50%);object-fit:contain;object-position:center bottom}
.hair-hero__panel{position:relative;z-index:3;transform:translateX(68px);padding:24px 24px 22px;border:1px solid rgba(201,154,61,.24);border-left:2px solid rgba(201,154,61,.7);background:rgba(255,255,255,.72);box-shadow:0 22px 60px rgba(76,57,31,.07);backdrop-filter:blur(3px)}.hair-hero__panel strong{position:relative;z-index:1;display:block;margin:0 0 14px;color:#342e29;font:400 19px/1.4 var(--serif)}.hair-hero__panel p{position:relative;z-index:1;margin:0;color:#5b5148;font:400 14px/1.65 var(--sans)}.hair-hero__facts{position:relative;z-index:1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:17px;border-top:1px solid rgba(201,154,61,.28)}.hair-hero__facts div{padding:14px 10px 0 0}.hair-hero__facts div+div{padding-left:14px;border-left:1px solid rgba(201,154,61,.24)}.hair-hero__facts b{display:block;color:var(--gold-dark);font:400 27px/1 var(--serif)}.hair-hero__facts span{display:block;margin-top:5px;color:#62584f;font:600 10px/1.4 var(--sans);letter-spacing:.07em;text-transform:uppercase}
.hair-section{padding:60px 0;background:#fff}.hair-section--ivory{background:var(--ivory)}#concerns{padding-top:52px;padding-bottom:42px}.hair-section--soft{background:linear-gradient(118deg,#f4ecdf 0%,#faf8f4 62%,#fff 100%)}.hair-section__head{max-width:780px;margin-bottom:30px}.hair-section__head--center{text-align:center;margin:0 auto 34px}.hair-section__head--center .hair-section__intro{margin-inline:auto}.hair-section h2,.hair-callout h2,.hair-physician h2{margin:0;color:#2c2723;font-family:var(--serif);font-size:var(--pb-section-heading-size);font-weight:400;line-height:var(--pb-section-heading-line-height);letter-spacing:-.025em}.hair-section h2 em,.hair-callout h2 em,.hair-physician h2 em{color:var(--gold-dark);font-weight:400;font-style:italic}.hair-section__intro{max-width:680px;margin:16px 0 0;color:#5d554d;font:400 18px/1.7 var(--sans)}
.hair-intro__grid{display:grid;grid-template-columns:minmax(300px,.8fr) minmax(0,1.2fr);gap:8vw;align-items:start}.hair-intro__copy{max-width:680px;color:#514a43;font:400 18px/1.7 var(--sans)}.hair-intro__copy p{margin:0 0 16px}.hair-grid{display:grid;grid-template-columns:repeat(4,1fr);margin-top:16px;border-top:1px solid rgba(201,154,61,.4);border-bottom:1px solid rgba(201,154,61,.4)}.hair-card{padding:26px 26px 28px;border-right:1px solid rgba(201,154,61,.26)}.hair-card:last-child{border-right:0}.hair-card__n{display:block;margin-bottom:18px;color:var(--gold-dark);font:600 10px/1 var(--sans);letter-spacing:.16em}.hair-card h3{margin:0 0 10px;color:var(--bronze);font:400 25px/1.2 var(--serif)}.hair-card p{margin:0;color:#514a43;font:400 16px/1.7 var(--sans)}
.hair-pathways .hair-section__head--center{margin-bottom:20px}.hair-pathways__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.hair-pathway{min-height:0;padding:26px 30px 27px;border:1px solid rgba(201,154,61,.34);background:rgba(255,255,255,.78);display:flex;flex-direction:column}.hair-pathway--featured{border-color:rgba(166,124,55,.5);background:rgba(255,255,255,.9)}.hair-pathway__kicker{margin:0 0 12px;color:var(--gold-dark);font:600 11px/1.4 var(--sans);letter-spacing:.17em;text-transform:uppercase}.hair-pathway h3{margin:0 0 12px;color:var(--bronze);font:400 29px/1.2 var(--serif)}.hair-pathway p{margin:0;color:#514a43;font:400 16px/1.7 var(--sans)}.hair-pathway a{margin-top:18px;padding-top:0;color:var(--gold-dark);font:600 11px/1.3 var(--sans);letter-spacing:.09em;text-transform:uppercase}
.hair-inline-cta{display:flex;align-items:center;justify-content:center;gap:24px;margin-top:32px;padding:20px 0;border-top:1px solid rgba(201,154,61,.32);border-bottom:1px solid rgba(201,154,61,.32)}.hair-inline-cta span{color:#38332e;font:400 16px/1.5 var(--sans)}.hair-inline-cta .pb-btn{flex-shrink:0;min-height:48px;padding-inline:20px}.hair-text-link{color:var(--gold-dark);font:600 10.5px/1.35 var(--sans);letter-spacing:.08em;text-transform:uppercase;white-space:nowrap}.hair-text-link:hover{text-decoration:underline;text-underline-offset:4px}
.hair-women__heading{max-width:850px;margin:0 auto 38px;text-align:center}.hair-women__heading .hair-eyebrow{margin-bottom:18px}.hair-women__heading h2{margin:0}.hair-women__heading>p:last-child{max-width:760px;margin:22px auto 0;color:#5d554d;font:400 18px/1.7 var(--sans)}.hair-women__content{max-width:960px;margin:0 auto}.hair-women__content p{margin:0 0 18px;color:#514a43;font:400 18px/1.7 var(--sans)}.hair-women__list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:22px;border-block:1px solid rgba(201,154,61,.3)}.hair-women__list span{padding:14px 16px 14px 0;color:#5a5047;font:600 10px/1.4 var(--sans);letter-spacing:.08em;text-transform:uppercase}.hair-women__list span:not(:nth-child(3n+1)){padding-left:20px;border-left:1px solid rgba(201,154,61,.25)}.hair-women__actions{display:flex;align-items:center;justify-content:center;gap:22px;flex-wrap:wrap;margin-top:24px}
.hair-physician{background:#fff;border-block:1px solid rgba(201,154,61,.18)}.hair-physician__grid{display:grid;grid-template-columns:minmax(0,.84fr) minmax(0,1.16fr);min-height:500px}.hair-physician__visual{position:relative;overflow:hidden;margin:32px 0 32px 32px;border-radius:12px;background:linear-gradient(145deg,#efe4d3,#faf8f4)}.hair-physician__visual img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:46% center;-webkit-mask-image:radial-gradient(ellipse 82% 80% at 49% 50%,#000 60%,transparent 100%);mask-image:radial-gradient(ellipse 82% 80% at 49% 50%,#000 60%,transparent 100%)}.hair-physician__copy{display:flex;align-items:stretch;justify-content:center;padding:60px 6vw 60px 58px}.hair-physician__copy-inner{width:100%;max-width:800px;margin-block:auto}.hair-physician__copy p:not(.hair-eyebrow){color:#514a43;font:400 18px/1.7 var(--sans)}.hair-credentials{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));margin:28px 0 24px;padding:20px 0;border-block:1px solid rgba(201,154,61,.3)}.hair-credential{display:grid;grid-template-columns:auto 1fr;align-items:center;column-gap:15px;min-height:58px;padding-right:28px}.hair-credential+.hair-credential{padding-left:30px;border-left:1px solid rgba(201,154,61,.24)}.hair-credential b{color:var(--gold-dark);font:400 36px/1 var(--serif);letter-spacing:-.025em}.hair-credential span{max-width:150px;color:#5d5248;font:600 9.5px/1.35 var(--sans);letter-spacing:.085em;text-transform:uppercase}.hair-physician__actions{display:flex;justify-content:center;margin-top:24px}
.hair-process{display:grid;grid-template-columns:repeat(3,1fr);max-width:1080px;margin:auto}.hair-process__step{padding:12px 36px;border-right:1px solid rgba(201,154,61,.3)}.hair-process__step:last-child{border:0}.hair-process__n{display:block;color:var(--gold-dark);font:600 10px var(--sans)}.hair-process__step strong{display:block;margin:10px 0;color:var(--bronze);font:400 25px var(--serif)}.hair-process__step span:last-child{color:#514a43;font:400 16px/1.7 var(--sans)}
.hair-process~.hair-section__head--center{max-width:1080px;margin:34px auto 0;padding-top:28px;border-top:1px solid rgba(201,154,61,.24)}.hair-process~.hair-section__head--center .pb-btn{display:inline-flex}.hair-section--ivory .hair-section__head--center h2 em{white-space:nowrap}
.hair-faq{max-width:920px;margin:auto;border-top:1px solid rgba(201,154,61,.35)}.hair-faq details{border-bottom:1px solid rgba(201,154,61,.28)}.hair-faq summary{position:relative;cursor:pointer;padding:22px 52px 22px 4px;color:#352f2a;font:500 18px/1.45 var(--serif);list-style:none;transition:color .2s ease}.hair-faq summary::-webkit-details-marker{display:none}.hair-faq summary::after{content:"+";position:absolute;right:6px;top:50%;transform:translateY(-50%);color:var(--gold-dark);font:400 25px/1 var(--serif)}.hair-faq details[open] summary{color:var(--bronze)}.hair-faq details[open] summary::after{content:"−"}.hair-faq p{margin:0;padding:0 52px 22px 4px;color:#5a524a;font:400 16px/1.7 var(--sans)}.hair-faq summary:focus-visible{outline:1px solid var(--gold);outline-offset:4px}.hair-callout{padding:64px 0;background:linear-gradient(122deg,#efe3d1,#faf8f4 56%,#fff)}.hair-callout__inner{text-align:center}.hair-callout p:not(.hair-eyebrow){color:#5d554d;font:400 18px/1.7 var(--sans)}.hair-location-actions{display:flex;justify-content:center;gap:12px;margin-top:26px}
@media(max-width:1100px) and (min-width:801px){.hair-hero__grid{grid-template-columns:1fr .52fr .68fr;gap:18px;min-height:500px}.hair-hero h1{font-size:46px}.hair-hero__lead{font-size:16px}.hair-hero__panel{transform:translateX(28px)}.hair-hero__panel strong{font-size:17px}.hair-credential{column-gap:10px;padding-right:16px}.hair-credential+.hair-credential{padding-left:18px}.hair-credential b{font-size:32px}.hair-credential span{font-size:8.5px}}
@media(max-width:800px){.hair-hero__grid{grid-template-columns:1fr;min-height:auto;padding-block:52px}.hair-hero__copy{max-width:680px}.hair-hero__portrait{height:420px;margin:-10px auto -20px;width:min(100%,520px)}.hair-hero__panel{max-width:620px;transform:none}.hair-intro__grid,.hair-women__grid,.hair-physician__grid{grid-template-columns:1fr}.hair-grid{grid-template-columns:repeat(2,1fr)}.hair-pathways__grid{grid-template-columns:1fr}.hair-women__content{padding-left:0;border:0}.hair-physician__visual{min-height:360px;margin:0 24px 0;border-radius:12px}.hair-process{grid-template-columns:1fr}.hair-process__step{border-right:0;border-bottom:1px solid rgba(201,154,61,.28);padding:20px 0}.hair-section--ivory .hair-section__head--center h2 em{white-space:normal}.hair-process~.hair-section__head--center{margin-top:24px;padding-top:24px}}
@media(max-width:620px){.hair-hero h1{font-size:40px}.hair-hero__lead{font-size:16px}.hair-hero__portrait{height:340px}.hair-section,.hair-callout{padding:52px 0}#concerns{padding-block:44px}.hair-grid{grid-template-columns:1fr;margin-top:14px}.hair-card{border-right:0;border-bottom:1px solid rgba(201,154,61,.26)}.hair-women__list{grid-template-columns:repeat(3,minmax(0,1fr))}.hair-women__list span{padding:10px 8px;font-size:9px;line-height:1.4;text-align:center;overflow-wrap:break-word}.hair-women__list span:not(:nth-child(3n+1)){padding-left:8px;border-left:1px solid rgba(201,154,61,.25)}.hair-physician__visual{min-height:300px;margin:0 16px}.hair-location-actions{flex-wrap:wrap}.hair-inline-cta{align-items:center;flex-direction:column;gap:12px;text-align:center}.hair-inline-cta a{white-space:normal;text-align:center}.hair-women__actions{align-items:center;flex-direction:column;gap:14px}.hair-credentials{grid-template-columns:repeat(2,minmax(0,1fr));gap:0;padding:12px 0}.hair-credential{min-width:0;column-gap:8px;padding:10px 10px 10px 0}.hair-credential+.hair-credential{padding-left:12px;border-left:1px solid rgba(201,154,61,.2);border-top:0}.hair-credential span{font-size:8px;line-height:1.35}.hair-credential b{font-size:34px}.hair-credential span{max-width:none}.hair-faq summary{padding:19px 42px 19px 2px;font-size:17px}.hair-faq summary::after{right:2px}.hair-faq p{padding:0 42px 20px 2px}}


/* Very-small-screen refinement: preserve the approved Hair hub composition without
   compressing its portrait, credentials, or paired actions. */
@media(max-width:430px){
  .hair-hero__grid{padding-block:30px;gap:14px}
  .hair-eyebrow{font-size:10px;letter-spacing:.17em}
  .hair-hero h1{font-size:clamp(35px,9.8vw,40px)}
  .hair-hero__lead{font-size:15.5px}
  .hair-actions{align-items:stretch;flex-direction:column}
  .hair-actions .pb-btn{width:100%;text-align:center}
  .hair-hero__portrait{height:255px;margin:-8px auto -12px}
  .hair-hero__panel{padding:17px 18px}
  .hair-hero__panel strong{font-size:18px}
  .hair-hero__facts div{padding-top:12px}
  #concerns{padding-block:30px}
  .hair-card{padding:17px 16px}
  .hair-pathway{padding:18px 18px}
  .hair-pathway h3{font-size:25px}
  .hair-women__list span{padding-block:9px}
  .hair-physician__visual{min-height:250px}
  .hair-physician__copy{padding:28px 22px}
  .hair-process__step{padding-block:12px}
  .hair-location-actions{align-items:stretch;flex-direction:column}
  .hair-location-actions .pb-btn{width:100%;text-align:center}

  .hair-section__intro,.hair-women__heading>p:last-child,.hair-women__content p,.hair-physician__copy p:not(.hair-eyebrow),.hair-callout p:not(.hair-eyebrow){font-size:16px;line-height:1.65}
  .hair-intro__copy{font-size:16px;line-height:1.6}
  .hair-card p,.hair-pathway p,.hair-process__step span:last-child,.hair-faq p{font-size:15px;line-height:1.6}
  .hair-section h2,.hair-callout h2,.hair-physician h2{font-size:clamp(32px,8.4vw,36px);line-height:1.14}
  .hair-section,.hair-callout{padding-block:32px}
  .hair-eyebrow{margin-bottom:10px}
  .hair-section__head,.hair-section__head--center{margin-bottom:20px}
  .hair-section__intro{margin-top:10px}
  .hair-intro__grid{gap:16px}
  .hair-intro__copy p{margin-bottom:12px}
  .hair-card__n{margin-bottom:10px}
  .hair-card h3{margin-bottom:6px;font-size:23px}
  .hair-pathways .hair-section__head--center{margin-bottom:16px}
  .hair-pathways__grid{gap:12px}
  .hair-pathway__kicker{margin-bottom:8px}
  .hair-pathway h3{margin-bottom:8px}
  .hair-pathway a{margin-top:12px}
  .hair-inline-cta{margin-top:20px;padding-block:14px}
  .hair-women__heading{margin-bottom:20px}
  .hair-women__heading .hair-eyebrow{margin-bottom:10px}
  .hair-women__heading>p:last-child{margin-top:12px}
  .hair-women__content p{margin-bottom:12px}
  .hair-women__list{margin-top:14px}
  .hair-women__actions{margin-top:16px}
  .hair-credentials{margin:18px 0 14px;padding-block:8px}
  .hair-credential{min-height:0;padding-block:10px}
  .hair-physician__actions{margin-top:16px}
  .hair-process__step strong{margin:6px 0;font-size:23px}
  .hair-process~.hair-section__head--center{margin-top:16px;padding-top:16px}
  .hair-faq summary{padding-block:14px}
  .hair-faq p{padding-bottom:14px}
  .hair-location-actions{margin-top:18px}
  .hair-callout h2 em{display:block}
}

/* Hair Restoration hub: shared hero badge with mobile-only editorial alignment. */
.hair-hero__non-surgical{display:inline-block;padding:4px 9px;border-radius:4px;background:#8b6b3f;color:#faf8f4;letter-spacing:.12em}
.hair-mobile-break{display:none}
@media(max-width:620px){
  .hair-hero__copy{text-align:center;margin-inline:auto}
  .hair-hero__eyebrow{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:5px 7px;line-height:1.7}
  .hair-hero__copy .hair-rule{margin-inline:auto}
  .hair-hero__lead{margin-inline:auto}
  .hair-actions{justify-content:center}
  #concerns .hair-intro__grid>div:first-child,
  .hair-section--ivory>.hair-intro__grid>div:first-child{text-align:center}
  .hair-mobile-break{display:inline}
}

/* Quiet gold separator between the hero credential eyebrow and its statement. */
.hair-hero__panel-rule{width:58px;height:1px;margin:0 0 14px;background:#c99a3d}

/* Keep the physician portrait entirely above the credential card on mobile. */
@media(max-width:800px){
  .hair-hero__portrait{margin-bottom:0}
  .hair-hero__portrait img{height:100%;bottom:0}
  .hair-hero__panel{margin-top:12px}
  .hair-hero__panel::after{content:none}
}

/* Mobile portrait emphasis: increase image scale without overlapping the card. */
@media(max-width:620px){
  .hair-hero__portrait{height:390px;width:100%;max-width:520px;margin:0 auto}
  .hair-hero__portrait img{height:100%;left:50%;bottom:0}
}
@media(max-width:430px){
  .hair-hero__portrait{height:340px}
}

/* Compact numbered concern cards: number beside heading, not on its own row. */
@media(max-width:620px){
  #concerns .hair-card{display:grid;grid-template-columns:24px minmax(0,1fr);column-gap:12px;row-gap:7px;align-items:baseline}
  #concerns .hair-card__n{grid-column:1;grid-row:1;margin:0;align-self:baseline}
  #concerns .hair-card h3{grid-column:2;grid-row:1;margin:0}
  #concerns .hair-card p{grid-column:2;grid-row:2}
}
