/* ==========================================================================
   AOM — Providers page styles
   ========================================================================== */

/* ---------- Hero ----------
   No card behind the copy — text sits flush on the page canvas, centered,
   same treatment as the other single-column category-page heroes. */
.main-wrapper > .providers-hero{margin:0;border-radius:0;--section-inset:0px}
.providers-hero-inner{
  display:flex;
  flex-direction:column;
  align-items:center;
  text-align:center;
  padding-top:3.5rem;padding-bottom:2.4rem; /* the home's tightness: copy close under the header, photo close under the copy */
}
.providers-hero-title{font-size:clamp(2.5rem,5vw,4.2rem);letter-spacing:-.03em;margin-top:.8rem;max-width:16ch}
.providers-hero-sub{margin-top:1.2rem;font-size:1.08rem;color:var(--grey-700);max-width:60ch}
.providers-hero-actions{display:flex;justify-content:center;gap:.8rem;margin-top:1.8rem;flex-wrap:wrap}
/* The photo sits under the copy at the framed-section width (viewport minus
   the frame gap), the same idiom as the Clinical Trials hero. */
.providers-hero-media{
  margin:0 var(--frame-gap);
  height:clamp(320px,56vh,600px);
  border-radius:var(--radius-card);
  overflow:hidden;
}
.providers-hero-media img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}

/* ---------- Specialties ---------- */