/* ==========================================================================
   Core Chiro Rehab — Provider (Dr. Haroun Fetteh) Page Redesign
   Extends the shared `.chc-landing` design system from home-redesign.css.
   A distinct layout language again — mirrored split hero (photo LEFT this
   time), a credentials timeline, a dark awards showcase, and a solid-gradient
   closing band (no photo) — so this page reads as its own experience next
   to the home and about pages, not a re-skin of either.
   ========================================================================== */

/* ---------- profile hero (photo left, mirrored from the About page) ---------- */
.chc-provider-hero{
  position:relative; overflow:hidden;
  background:var(--c-mint);
  min-height:calc(100vh - var(--chc-total-header-h, 133px));
  min-height:calc(100svh - var(--chc-total-header-h, 133px));
  display:flex; align-items:center;
  padding:56px 0;
}
.chc-provider-hero__grid{ display:grid; grid-template-columns:.9fr 1.1fr; gap:64px; align-items:center; }

.chc-provider-hero__media{ position:relative; }
.chc-provider-hero__media .chc-dotgrid{ width:200px; height:200px; bottom:-36px; left:-36px; border-radius:20px; }
.chc-provider-hero__frame{ position:relative; border-radius:28px; overflow:hidden; box-shadow:var(--c-shadow-md); }
.chc-provider-hero__frame img{ width:100%; height:520px; object-fit:cover; object-position:center 12%; display:block; }
.chc-provider-hero__badge{
  position:absolute; right:-24px; bottom:34px;
  background:var(--c-ink); color:#fff; border-radius:18px;
  padding:18px 20px; text-align:center; max-width:150px;
  box-shadow:var(--c-shadow-md);
  animation:chc-float 6.5s ease-in-out infinite;
}
.chc-provider-hero__badge strong{ display:block; font-family:var(--f-head); font-size:26px; font-weight:800; color:var(--c-orange); }
.chc-provider-hero__badge span{ font-size:11.5px; color:rgba(255,255,255,.78); line-height:1.35; display:block; margin-top:4px; }

.chc-provider-hero__crumbs{
  display:flex; align-items:center; gap:8px;
  font-size:13.5px; font-weight:600; color:var(--c-ink-soft);
  margin-bottom:20px;
}
.chc-provider-hero__crumbs a{ color:var(--c-ink-soft); text-decoration:none; }
.chc-provider-hero__crumbs a:hover{ color:var(--c-orange-dark); }
.chc-provider-hero__crumbs i{ font-size:10px; color:var(--c-border); }
.chc-provider-hero__crumbs span{ color:var(--c-ink); font-weight:700; }
.chc-provider-hero h1{
  font-size:clamp(26px, 2.8vw, 36px); font-weight:800; line-height:1.22;
  letter-spacing:-.01em; margin-bottom:10px;
}
.chc-provider-hero__name{ display:flex; align-items:baseline; gap:12px; flex-wrap:wrap; margin-bottom:18px; }
.chc-provider-hero__name strong{ font-family:var(--f-head); font-size:clamp(22px, 2.2vw, 27px); font-weight:800; color:var(--c-orange-dark); }
.chc-provider-hero__name span{ font-size:14.5px; color:var(--c-ink-soft); font-weight:600; }
.chc-provider-hero p.chc-lead{ color:var(--c-ink-soft); font-size:16.5px; line-height:1.8; max-width:560px; margin-bottom:26px; }
.chc-provider-hero__cta{ display:flex; flex-wrap:wrap; gap:16px; }

/* ---------- credentials timeline ---------- */
.chc-timeline{ padding:100px 0; background:#fff; }
.chc-timeline__list{ max-width:760px; margin:0 auto; position:relative; }
.chc-timeline__list::before{
  content:''; position:absolute; left:23px; top:10px; bottom:10px; width:2px;
  background:var(--c-border);
}
.chc-timeline__item{ position:relative; display:flex; gap:26px; padding-bottom:44px; }
.chc-timeline__item:last-child{ padding-bottom:0; }
.chc-timeline__dot{
  position:relative; z-index:1; flex-shrink:0;
  width:48px; height:48px; border-radius:50%;
  background:#fff; border:2px solid var(--c-orange); color:var(--c-orange);
  display:flex; align-items:center; justify-content:center; font-size:17px;
  box-shadow:0 0 0 6px #fff;
}
.chc-timeline__body{ padding-top:6px; }
.chc-timeline__body h3{ font-size:17.5px; font-weight:800; margin-bottom:4px; }
.chc-timeline__body span{ display:block; font-size:12.5px; font-weight:700; color:var(--c-orange-dark); text-transform:uppercase; letter-spacing:.05em; margin-bottom:8px; }
.chc-timeline__body p{ color:var(--c-ink-soft); font-size:14.5px; line-height:1.7; max-width:560px; }

/* ---------- his approach / narrative ---------- */
.chc-approach{ padding:100px 0; background:var(--c-mint); }
.chc-approach__grid{ display:grid; grid-template-columns:.8fr 1.2fr; gap:60px; align-items:start; }
.chc-approach__quote{
  position:relative; background:#fff; border-radius:24px; padding:36px 32px;
  box-shadow:var(--c-shadow-sm); font-family:var(--f-head); font-weight:700;
  font-size:19px; line-height:1.5; color:var(--c-ink);
}
.chc-approach__quote i{ color:var(--c-orange); font-size:26px; opacity:.4; display:block; margin-bottom:14px; }
.chc-approach__body p{ color:var(--c-ink-soft); font-size:15.5px; line-height:1.85; margin-bottom:20px; }
.chc-approach__body p:last-child{ margin-bottom:0; }
.chc-approach__body a{ color:var(--c-orange-dark); font-weight:700; text-decoration:none; }

/* ---------- awards showcase (dark) ---------- */
.chc-awards{ padding:100px 0; background:var(--c-ink); position:relative; overflow:hidden; text-align:center; }
.chc-awards__inner{ max-width:700px; margin:0 auto; position:relative; z-index:1; }
.chc-awards h2{ color:#fff; margin-bottom:14px; }
.chc-awards p{ color:rgba(255,255,255,.72); font-size:16px; line-height:1.75; margin-bottom:36px; }
.chc-awards__years{ display:flex; flex-wrap:wrap; justify-content:center; gap:14px; }
.chc-awards__years span{
  display:inline-flex; align-items:center; gap:8px;
  background:rgba(255,134,0,.12); border:1px solid rgba(255,134,0,.35);
  color:#ffd9a3; font-family:var(--f-head); font-weight:800; font-size:16px;
  padding:12px 22px; border-radius:50px;
}
.chc-awards__years span i{ color:var(--c-orange); font-size:14px; }

/* ---------- areas of focus (pill grid) ---------- */
.chc-focus{ padding:100px 0; background:#fff; }
.chc-focus .chc-focus__grid{ display:flex; flex-wrap:wrap; justify-content:center; gap:14px; max-width:920px; margin:0 auto; }
.chc-focus__grid li{
  display:flex; align-items:center; gap:10px;
  background:var(--c-mint); border-radius:50px; padding:14px 24px 14px 16px;
  font-size:14.5px; font-weight:700; color:var(--c-ink);
}
.chc-focus__grid li span{
  width:32px; height:32px; border-radius:50%; flex-shrink:0;
  background:#fff; color:var(--c-orange); box-shadow:var(--c-shadow-sm);
  display:flex; align-items:center; justify-content:center; font-size:13px;
}

/* ---------- closing band — solid gradient, no photo (distinct from About's photo band and Home's rounded card) ---------- */
.chc-cta-band{
  padding:90px 0; text-align:center;
  background:linear-gradient(120deg, var(--c-orange) 0%, #ff5f2e 60%, var(--c-orange-dark) 100%);
}
.chc-cta-band__inner{ max-width:620px; margin:0 auto; }
.chc-cta-band h2{ color:#fff; margin-bottom:14px; }
.chc-cta-band p{ color:rgba(255,255,255,.9); font-size:16.5px; line-height:1.8; margin-bottom:30px; }
.chc-cta-band__cta{ display:flex; justify-content:center; gap:16px; flex-wrap:wrap; }
.chc-cta-band .chc-btn--primary{ background:#fff; color:var(--c-orange-dark); box-shadow:0 18px 38px -14px rgba(0,0,0,.35); }
.chc-cta-band .chc-btn--primary:hover{ background:var(--c-ink); color:#fff; }
.chc-cta-band .chc-btn--ghost-light:hover{ background:#fff; color:var(--c-orange-dark); border-color:#fff; }

@media (max-width:1199px){
  .chc-provider-hero__grid{ grid-template-columns:1fr; }
  .chc-provider-hero__media{ max-width:420px; margin:0 auto; }
  .chc-approach__grid{ grid-template-columns:1fr; }
}
@media (max-width:767px){
  .chc-provider-hero{
    min-height:calc(100vh - var(--chc-total-header-h, 74px));
    min-height:calc(100svh - var(--chc-total-header-h, 74px));
    padding:56px 0;
  }
  .chc-provider-hero__cta{ flex-direction:column; align-items:stretch; }
  .chc-provider-hero__cta .chc-btn{ justify-content:center; }
  .chc-provider-hero__frame img{ height:360px; }
  .chc-provider-hero__badge{ right:0; bottom:-20px; }
  .chc-timeline{ padding:70px 0; }
  .chc-approach{ padding:70px 0; }
  .chc-awards{ padding:70px 0; }
  .chc-focus{ padding:70px 0; }
  .chc-cta-band{ padding:60px 0; }
  .chc-cta-band__cta{ flex-direction:column; align-items:stretch; }
  .chc-cta-band .chc-btn{ justify-content:center; }
}