/* CAREpharma Formulation Expertise page. Depends on root.css + style.css + home.css. */

/* ===== Hero (image + dark overlay) ===== */
.cp-exp-hero { position: relative; text-align: center; color: var(--color-white); padding: 96px var(--space-edge); background: linear-gradient(180deg, #006f61 0%, #005344 100%); overflow: hidden; }
.cp-exp-hero::before { content: ""; position: absolute; inset: 0; background: url("../../images/carepharma-life/expertise-page/formulation-expertise-l.webp") center/cover no-repeat; }
.cp-exp-hero::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(0,52,57,.35) 0%, rgba(0,40,45,.5) 100%); }
.cp-exp-hero > * { position: relative; z-index: 1; }
.cp-exp-hero__eyebrow { text-transform: uppercase; letter-spacing: .08em; font-size: var(--fs-small); color: rgba(255,255,255,.85); margin-bottom: var(--space-16); }
.cp-exp-hero h1 { color: var(--color-white); }
.cp-exp-hero p { margin: var(--space-16) auto 0; max-width: 740px; font-size: var(--fs-body); color: rgba(255,255,255,.9); }

/* ===== Methodology (text + numbered steps | image) ===== */
.cp-exp-method { display: flex; gap: var(--space-64); align-items: flex-start; }
.cp-exp-method__text { flex: 1 1 0; min-width: 0; display: flex; flex-direction: column; align-items: flex-start; gap: var(--space-24); }
.cp-exp-method__text h2 { color: var(--color-primary-900); }
.cp-exp-method__intro { color: var(--color-grey-500); font-size: var(--fs-small); }
.cp-exp-method__img { flex: 0 0 470px; width: 470px; height: 620px; object-fit: cover; border-radius: var(--radius-24); }

.cp-exp-steps { display: flex; flex-direction: column; gap: var(--space-16); width: 100%; padding-top: var(--space-8); }
.cp-exp-step { display: flex; gap: var(--space-16); align-items: flex-start; }
.cp-exp-step__num { flex: 0 0 42px; display: flex; align-items: center; justify-content: center; width: 42px; height: 42px; border-radius: var(--radius-pill); background: var(--color-primary-soft); color: var(--color-white); font-size: var(--fs-body); }
.cp-exp-step__body { display: flex; flex-direction: column; gap: var(--space-4); }
.cp-exp-step__body h3 { color: var(--color-primary-900); font-size: var(--fs-body); font-weight: var(--fw-regular); }
.cp-exp-step__body p { color: var(--color-grey-500); font-size: var(--fs-small); }

/* ===== Evidence band (image + dark teal overlay) ===== */
.cp-exp-evidence { position: relative; text-align: center; color: var(--color-white); padding: var(--space-section) var(--space-edge); background: url("../../images/carepharma-life/expertise-page/the-standard-l.webp") center/cover no-repeat; overflow: hidden; }
.cp-exp-evidence::before { content: ""; position: absolute; inset: 0; background: rgba(0,40,45,.25); }
.cp-exp-evidence > * { position: relative; z-index: 1; }
.cp-exp-evidence__eyebrow { text-transform: uppercase; letter-spacing: .08em; font-size: var(--fs-small); color: rgba(255,255,255,.85); margin-bottom: var(--space-16); }
.cp-exp-evidence h2 { color: var(--color-white); }
.cp-exp-evidence p { margin: var(--space-16) auto 0; max-width: 760px; font-size: var(--fs-small); color: rgba(255,255,255,.9); }

/* ===== CTA band (image + overlay, white pill) ===== */
.cp-exp-cta { position: relative; text-align: center; color: var(--color-white); padding: var(--space-section) var(--space-edge); background: url("../../images/carepharma-life/expertise-page/science-l.webp") center/cover no-repeat; overflow: hidden; }
.cp-exp-cta::before { content: ""; position: absolute; inset: 0; background: rgba(0,40,45,.35); }
.cp-exp-cta > * { position: relative; z-index: 1; }
.cp-exp-cta__eyebrow { text-transform: uppercase; letter-spacing: .08em; font-size: var(--fs-small); color: rgba(255,255,255,.85); margin-bottom: var(--space-16); }
.cp-exp-cta h2 { color: var(--color-white); font-size: var(--fs-h1); }
.cp-exp-cta p { margin: var(--space-16) auto var(--space-24); max-width: 760px; font-size: var(--fs-small); color: rgba(255,255,255,.85); }

/* comparison heading: teal + h2 size (homepage makes it dark/h1) */
.cp-compare-sec h2 { font-size: var(--fs-h2); color: var(--color-primary-900); }

/* ===== Responsive ===== */
@media (max-width: 991.98px) {
  .cp-exp-hero { padding-block: 64px; }
  .cp-exp-hero::before { background-image: url("../../images/carepharma-life/expertise-page/formulation-expertise-m.webp"); }
  .cp-exp-evidence, .cp-exp-cta { padding-block: 56px; }
  .cp-exp-evidence { background-image: url("../../images/carepharma-life/expertise-page/the-standard-m.webp"); }
  .cp-exp-cta { background-image: url("../../images/carepharma-life/expertise-page/science-m.webp"); }
  .cp-exp-method { flex-direction: column; align-items: stretch; gap: var(--space-32); }
  .cp-exp-method__img { flex: 0 0 auto; width: 100%; height: 360px; }
}
@media (max-width: 575.98px) {
  .cp-exp-hero::before { background-image: url("../../images/carepharma-life/expertise-page/formulation-expertise-s.webp"); }
  .cp-exp-evidence { background-image: url("../../images/carepharma-life/expertise-page/the-standard-s.webp"); }
  .cp-exp-cta { background-image: url("../../images/carepharma-life/expertise-page/science-s.webp"); }
  .cp-exp-step__body h3 { font-size: 16px; }
}