/* =========================================================
   v87 — Principal hero + Commercial opportunity refinement
   Science is the reference for principal H1 typography and
   pre-footer geometry. This file intentionally avoids global
   header, submenu, ordinary section-intro and footer systems.
   ========================================================= */

/* ---------------------------------------------------------
   SCIENCE PRINCIPAL H1 MASTER
   Apply exactly to Clinical and Commercial desktop heroes.
   --------------------------------------------------------- */
@media (min-width:1024px) {
  html body.clinical-atlas-page .study-hero h1,
  html body.commercial-v82 .commercial-v82-hero h1 {
    max-width:720px !important;
    font-size:clamp(56px,5vw,82px) !important;
    font-weight:570 !important;
    line-height:.99 !important;
    letter-spacing:-.057em !important;
  }
  html body.clinical-atlas-page .study-hero h1 span,
  html body.commercial-v82 .commercial-v82-hero h1 span {
    display:block !important;
    width:max-content !important;
    max-width:100% !important;
    margin-top:0 !important;
    white-space:nowrap !important;
  }
}

/* Commercial bottle: quieter visual weight within the same hero composition. */
@media (min-width:1024px) {
  html body.commercial-v82 .commercial-v82-hero__bottle {
    width:min(238px,52%) !important;
    max-height:372px !important;
  }
  html body.commercial-v82 .commercial-v82-hero__shadow {
    bottom:70px !important;
    width:min(292px,64%) !important;
    height:48px !important;
  }
  html body.commercial-v82 .commercial-v82-hero__orbit--one {
    width:390px !important;
    height:226px !important;
  }
  html body.commercial-v82 .commercial-v82-hero__orbit--two {
    width:300px !important;
    height:382px !important;
  }
}

/* ---------------------------------------------------------
   COMMERCIAL PROOF STRIP
   Neutralise legacy first/last-cell centring so this is the
   exact Science/Clinical four-column, left-aligned contract.
   --------------------------------------------------------- */
html body.commercial-v82.global-proof-type-v76 .commercial-v82-hero > .hero-proof-master-v74 {
  display:grid !important;
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  align-items:stretch !important;
  min-height:126px !important;
  height:126px !important;
  padding:0 !important;
}
html body.commercial-v82.global-proof-type-v76 .commercial-v82-hero > .hero-proof-master-v74 > article,
html body.commercial-v82.global-proof-type-v76 .commercial-v82-hero > .hero-proof-master-v74 > article:first-child,
html body.commercial-v82.global-proof-type-v76 .commercial-v82-hero > .hero-proof-master-v74 > article:last-child {
  box-sizing:border-box !important;
  min-width:0 !important;
  min-height:126px !important;
  height:126px !important;
  padding:0 clamp(16px,1.8vw,28px) !important;
  display:flex !important;
  flex-direction:column !important;
  justify-content:center !important;
  align-items:flex-start !important;
  gap:0 !important;
  place-content:initial !important;
  justify-items:initial !important;
  row-gap:0 !important;
  text-align:left !important;
  border:0 !important;
  border-right:1px solid rgba(255,255,255,.15) !important;
}
html body.commercial-v82.global-proof-type-v76 .commercial-v82-hero > .hero-proof-master-v74 > article:first-child {
  padding-left:0 !important;
}
html body.commercial-v82.global-proof-type-v76 .commercial-v82-hero > .hero-proof-master-v74 > article:last-child {
  padding-right:0 !important;
  border-right:0 !important;
}
html body.commercial-v82.global-proof-type-v76 .commercial-v82-hero > .hero-proof-master-v74 > article strong,
html body.commercial-v82.global-proof-type-v76 .commercial-v82-hero > .hero-proof-master-v74 > article span {
  width:auto !important;
  text-align:left !important;
}
html body.commercial-v82.global-proof-type-v76 .commercial-v82-hero > .hero-proof-master-v74 > article strong {
  margin:0 !important;
  font-size:23px !important;
  font-weight:540 !important;
  line-height:1.05 !important;
  letter-spacing:-.035em !important;
}
html body.commercial-v82.global-proof-type-v76 .commercial-v82-hero > .hero-proof-master-v74 > article span {
  margin:7px 0 0 !important;
  color:rgba(255,255,255,.60) !important;
  font-size:10px !important;
  font-weight:730 !important;
  line-height:1.22 !important;
  letter-spacing:.085em !important;
}

/* ---------------------------------------------------------
   04 ROUTE TO MARKET — premium three-stage sequence
   --------------------------------------------------------- */
html body.commercial-v82 .commercial-v82-route-track {
  position:relative !important;
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:18px !important;
  border:0 !important;
}
html body.commercial-v82 .commercial-v82-route-track::before {
  content:"" !important;
  position:absolute !important;
  z-index:0 !important;
  left:6% !important;
  right:6% !important;
  top:49px !important;
  height:1px !important;
  background:linear-gradient(90deg,rgba(215,179,155,.12),rgba(215,179,155,.52),rgba(215,179,155,.12)) !important;
  opacity:1 !important;
}
html body.commercial-v82 .commercial-v82-route-track article,
html body.commercial-v82 .commercial-v82-route-track article:first-child,
html body.commercial-v82 .commercial-v82-route-track article:last-child {
  position:relative !important;
  z-index:1 !important;
  min-height:318px !important;
  padding:28px 30px 28px !important;
  border:1px solid rgba(255,255,255,.13) !important;
  border-radius:18px !important;
  background:linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,.012)) !important;
  box-shadow:0 18px 45px rgba(0,0,0,.08) !important;
  overflow:hidden !important;
}
html body.commercial-v82 .commercial-v82-route-track article.is-current {
  border-color:rgba(215,179,155,.35) !important;
  background:
    radial-gradient(circle at 15% 0%,rgba(158,36,55,.20),transparent 44%),
    linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.018)) !important;
}
html body.commercial-v82 .commercial-v82-route-track__number {
  width:42px !important;
  height:42px !important;
  border-color:rgba(215,179,155,.48) !important;
  background:#181518 !important;
  font-size:11px !important;
  box-shadow:0 0 0 7px #181518 !important;
}
html body.commercial-v82 .commercial-v82-route-track article.is-current .commercial-v82-route-track__number {
  background:var(--v82-red) !important;
  border-color:var(--v82-red) !important;
  box-shadow:0 0 0 7px rgba(158,36,55,.14) !important;
}
html body.commercial-v82 .commercial-v82-route-track small {
  margin-top:28px !important;
  font-size:11px !important;
  letter-spacing:.13em !important;
}
html body.commercial-v82 .commercial-v82-route-track h3 {
  margin:10px 0 0 !important;
  font-size:clamp(25px,2.15vw,31px) !important;
  line-height:1.08 !important;
}
html body.commercial-v82 .commercial-v82-route-track p {
  max-width:34ch !important;
  margin:16px 0 0 !important;
  color:rgba(255,255,255,.72) !important;
  font-size:16px !important;
  line-height:1.48 !important;
}
html body.commercial-v82 .commercial-v82-route-track em {
  position:absolute !important;
  left:30px !important;
  right:30px !important;
  bottom:26px !important;
  margin:0 !important;
  padding-top:14px !important;
  border-top:1px solid rgba(255,255,255,.10) !important;
  color:rgba(255,255,255,.55) !important;
  font-size:10.5px !important;
  letter-spacing:.095em !important;
}
html body.commercial-v82 .commercial-v82-route-track article.is-current em {
  color:var(--v82-champagne) !important;
}

/* ---------------------------------------------------------
   06 SEVEN-YEAR MODEL — restore dark-section legibility
   --------------------------------------------------------- */
@media (min-width:1024px) {
  html body.commercial-v82 .commercial-v82-growth-axis {
    color:rgba(255,255,255,.66) !important;
  }
  html body.commercial-v82 .commercial-v82-growth-legend {
    color:rgba(255,255,255,.72) !important;
  }
  html body.commercial-v82 .commercial-v82-growth-meta span {
    color:rgba(255,255,255,.70) !important;
  }
  html body.commercial-v82 .commercial-v82-growth-meta em {
    color:#d8b69f !important;
  }
  html body.commercial-v82 .commercial-v82-growth-chart__foot p {
    color:rgba(255,255,255,.72) !important;
  }
  html body.commercial-v82 .commercial-v82-projection-note {
    color:rgba(255,255,255,.64) !important;
  }
  html body.commercial-v82 .commercial-v82-projection-note strong {
    color:rgba(255,255,255,.90) !important;
  }
}

/* ---------------------------------------------------------
   COMMERCIAL PRE-FOOTER — exact Science geometry
   Content differs; geometry, sizing and rhythm do not.
   --------------------------------------------------------- */
html body.commercial-v82 .commercial-v82-prefooter {
  position:relative !important;
  overflow:hidden !important;
  min-height:0 !important;
  background:linear-gradient(180deg,#f7f2ec 0%,#f1e9e0 100%) !important;
  border-top:1px solid rgba(143,29,44,.10) !important;
  padding:0 !important;
}
html body.commercial-v82 .commercial-v82-prefooter .science-cta__grid {
  position:relative !important;
  min-height:0 !important;
  display:grid !important;
  grid-template-columns:minmax(160px,.45fr) minmax(420px,1.15fr) minmax(300px,.8fr) !important;
  grid-template-areas:"eyebrow title copy" ". title action" !important;
  gap:26px clamp(46px,6vw,94px) !important;
  padding-block:clamp(70px,8vw,106px) !important;
  align-items:start !important;
}
html body.commercial-v82 .commercial-v82-prefooter .eyebrow {
  grid-area:eyebrow !important;
  margin:0 !important;
  color:var(--v82-red) !important;
  font-size:12px !important;
  font-weight:800 !important;
  line-height:1.2 !important;
  letter-spacing:.145em !important;
  text-transform:uppercase !important;
  white-space:nowrap !important;
}
html body.commercial-v82 .commercial-v82-prefooter h2 {
  grid-area:title !important;
  max-width:15ch !important;
  margin:0 !important;
  color:#242124 !important;
  font-size:clamp(46px,5vw,72px) !important;
  font-weight:560 !important;
  line-height:.99 !important;
  letter-spacing:-.058em !important;
}
html body.commercial-v82 .commercial-v82-prefooter .science-cta__grid > p:nth-of-type(2) {
  grid-area:copy !important;
  max-width:34ch !important;
  margin:0 !important;
  color:#5a5652 !important;
  font-size:17px !important;
  line-height:1.6 !important;
}
html body.commercial-v82 .commercial-v82-prefooter .button {
  grid-area:action !important;
  width:max-content !important;
  max-width:100% !important;
  margin-top:8px !important;
  justify-self:start !important;
  white-space:nowrap !important;
}

@media (max-width:1023px) {
  html body.commercial-v82 .commercial-v82-route-track {
    grid-template-columns:1fr !important;
    gap:14px !important;
  }
  html body.commercial-v82 .commercial-v82-route-track::before { display:none !important; }
  html body.commercial-v82 .commercial-v82-route-track article,
  html body.commercial-v82 .commercial-v82-route-track article:first-child,
  html body.commercial-v82 .commercial-v82-route-track article:last-child {
    min-height:0 !important;
    padding:28px !important;
  }
  html body.commercial-v82 .commercial-v82-route-track em {
    position:static !important;
    display:block !important;
    margin-top:22px !important;
  }
  html body.commercial-v82 .commercial-v82-prefooter .science-cta__grid {
    grid-template-columns:1fr 1fr !important;
    grid-template-areas:"eyebrow eyebrow" "title title" "copy action" !important;
  }
}
@media (max-width:700px) {
  html body.commercial-v82 .commercial-v82-prefooter .science-cta__grid {
    grid-template-columns:1fr !important;
    grid-template-areas:"eyebrow" "title" "copy" "action" !important;
    gap:22px !important;
    padding-block:68px !important;
  }
  html body.commercial-v82 .commercial-v82-prefooter h2 {
    font-size:clamp(40px,11vw,54px) !important;
  }
  html body.commercial-v82 .commercial-v82-prefooter .button {
    width:100% !important;
  }
}

/* Final principal-page alignment: the legacy commercial reveal rule carried a
   permanent 16px translate after reveal. Release it so hero/proof content lands
   on the same vertical geometry as Science and Clinical. */
html body.commercial-v82.commercial-v265 .js-reveal.is-visible {
  transform:none !important;
}
@media (min-width:1024px) {
  html body.commercial-v82 .commercial-v82-hero .eyebrow {
    font-size:12px !important;
    line-height:1.2 !important;
    font-weight:800 !important;
    letter-spacing:.14em !important;
    margin-bottom:18px !important;
  }
}

/* Match the ACTUAL Science pre-footer master (science-v47), including its
   current global/home-derived geometry. The concise Commercial copy simply
   occupies the same master more cleanly. */
@media (min-width:1024px) {
  html body.commercial-v82 .commercial-v82-prefooter .science-cta__grid {
    min-height:390px !important;
    grid-template-columns:minmax(0,.7fr) minmax(0,1.5fr) minmax(280px,.8fr) !important;
    grid-template-areas:"eyebrow title copy" ". title action" !important;
    gap:30px clamp(50px,7vw,110px) !important;
    padding-block:clamp(76px,8vw,108px) !important;
  }
  html body.commercial-v82 .commercial-v82-prefooter h2 {
    max-width:13ch !important;
    font-size:clamp(44px,4.8vw,70px) !important;
  }
}