/* WP-10 production polish. Color and vertical rhythm only: native compositions,
   text, photos, grid columns and image geometry retain their existing owners.
   Load after photo-bands.css and brand-renewal.css. Homepage hero, navigation,
   footer and team composition are intentionally outside these selectors. */
:where(.brand-page-design,.gene-design,.editorial-page,.journal-page) {
  --ps-ink: #173469;
  --ps-body: #36527b;
  --ps-link: #1c4bb8;
  --ps-line: #b4cff3;
  --gs-royal: var(--ps-link);
  --gs-muted: var(--ps-body);
  --brand: var(--ps-link);
  --muted: var(--ps-body);
  --pp-body: var(--ps-body);
  --gene-blue: var(--ps-link);
  --ps-sky: linear-gradient(120deg,#e3f0ff,#d8eaff 58%,#e7f2ff);
  --ps-cloud: radial-gradient(ellipse at 78% 18%,#9fcaff45,transparent 62%),
              linear-gradient(120deg,#eaf4ff,#dfedff 62%,#d8eaff);
  --ps-blue: radial-gradient(ellipse at 85% 5%,#4c97ff33,transparent 58%),
             linear-gradient(115deg,#174ac0,#2055ce);
}

/* Section-sized washes join the page without adding boxes or corner artwork.
   Existing 160px SVG tiles remain unchanged at 3.5–5% opacity. */
.brand-page-design:not(.contact-design),.gene-design,.editorial-page,.journal-page {
  background-color: #e7f2ff;
}
.homepage>section:not(.hero):not(.ecosystem-section):not(.technology-section) {
  --gs-royal: #1c4bb8;
  --gs-muted: #36527b;
  --brand: #1c4bb8;
  --muted: #36527b;
  background: radial-gradient(ellipse at 80% 15%,#bddaff66,transparent 64%),
              linear-gradient(115deg,#eff7ff,#e1eeff 70%,#eaf4ff);
  padding-block: clamp(46px,4.8vw,68px);
}
.brand-page-design .brand-source-section,
.brand-page-design .about-core-section,
.brand-page-design .about-source-context,
.brand-page-design .technology-current-section,
.brand-page-design .platform-opening,
.brand-page-design .platform-pilot-band,
.brand-page-design .brand-endcap {
  background: var(--ps-cloud);
  border-color: var(--ps-line);
  padding-block: clamp(44px,4.2vw,62px);
}
.brand-page-design .brand-source-section--white,
.brand-page-design .brand-source-section--logos,
.brand-page-design .about-section--audience,
.brand-page-design .about-section--values {
  background: var(--ps-sky);
}
.brand-page-design .brand-source-section .brand-source-copy,
.brand-page-design .brand-source-section .brand-source-prose,
.brand-page-design .brand-endcap p:not(.brand-kicker),
.brand-page-design .technology-current-section .brand-source-prose,
.brand-page-design .platform-opening .brand-opening-copy p,
.brand-page-design .platform-opening .platform-care-intro,
.brand-page-design .platform-pilot-band .content-note {
  color: var(--ps-body);
}
.brand-page-design .brand-source-section .brand-source-copy h2,
.brand-page-design .brand-source-section .brand-source-prose h3,
.brand-page-design .brand-endcap h2 {
  color: var(--ps-ink);
}
.brand-page-design .brand-source-section .brand-source-copy .brand-kicker,
.brand-page-design .brand-source-section .brand-source-prose a:not(.button),
.brand-page-design .brand-endcap .brand-kicker,
.brand-page-design .brand-endcap .brand-endcap-links a,
.brand-page-design .about-source-context summary {
  color: var(--ps-link);
}

/* About uses diffuse blue light around its existing foreground artwork.
   Technology adds a washed scientific backdrop behind its data composition.
   The two homepage photographic bands keep their own gradient system. */
.brand-page-design.about-design>.about-hero {
  background-color: #dcecff;
  background-image: radial-gradient(ellipse at 85% 15%,#74adff24,transparent 65%),
    linear-gradient(105deg,#e8f3ff 0%,#dcecff 52%,#d1e6ff 100%);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
.brand-page-design.technology-design>.technology-hero {
  background-color: #dbeaff;
  background-image: radial-gradient(ellipse at 80% 18%,#478cfb26,transparent 66%),
    linear-gradient(105deg,#e7f2fff7 0%,#dbeaffee 52%,#d5e8ffdf 100%),
    url('../images/science-panorama-v1.webp');
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
.brand-page-design.about-design .about-hero .brand-breadcrumb,
.brand-page-design.about-design .about-hero .brand-hero-copy>p:not(.brand-kicker),
.brand-page-design.technology-design .technology-hero .brand-breadcrumb,
.brand-page-design.technology-design .technology-hero-grid>div:not(.brand-data-flow)>p:not(.brand-kicker) {
  color: var(--ps-ink);
  opacity: 1;
}
.brand-page-design.about-design .about-hero .brand-kicker,
.brand-page-design.technology-design .technology-hero .brand-kicker {
  color: #173b97;
}
.brand-page-design.technology-design .brand-data-flow {
  background: radial-gradient(ellipse at 88% 0,#619eff33,transparent 66%),
              linear-gradient(135deg,#194fca,#2050c5);
  border-color: #c7deff99;
}
.brand-page-design.technology-design .technology-hero .brand-data-flow .brand-data-flow-label {
  color: #fff;
}

/* A few blue editorial stages add rhythm, while media captions stay dark inside
   their existing light figures. Only the prose column changes to white. */
.brand-page-design.about-design .about-section--connection,
.brand-page-design.about-design .about-section--data,
.brand-page-design.technology-design .brand-source-section--navy {
  background: var(--ps-blue);
  color: #f3f8ff;
  border-color: #638ee1;
  --gs-pattern-filter: brightness(0) invert(1);
}
:is(.brand-page-design.about-design .about-section--connection,
    .brand-page-design.about-design .about-section--data,
    .brand-page-design.technology-design .brand-source-section--navy) .brand-source-copy,
:is(.brand-page-design.about-design .about-section--connection,
    .brand-page-design.about-design .about-section--data,
    .brand-page-design.technology-design .brand-source-section--navy) .brand-source-prose,
:is(.brand-page-design.about-design .about-section--connection,
    .brand-page-design.about-design .about-section--data,
    .brand-page-design.technology-design .brand-source-section--navy) .brand-source-copy h2,
:is(.brand-page-design.about-design .about-section--connection,
    .brand-page-design.about-design .about-section--data,
    .brand-page-design.technology-design .brand-source-section--navy) .brand-source-prose h3,
:is(.brand-page-design.about-design .about-section--connection,
    .brand-page-design.about-design .about-section--data,
    .brand-page-design.technology-design .brand-source-section--navy) .brand-source-copy .brand-kicker,
:is(.brand-page-design.about-design .about-section--connection,
    .brand-page-design.about-design .about-section--data,
    .brand-page-design.technology-design .brand-source-section--navy) .brand-source-prose a:not(.button) {
  color: #f3f8ff;
}
:is(.brand-page-design.about-design .about-section--connection,
    .brand-page-design.about-design .about-section--data,
    .brand-page-design.technology-design .brand-source-section--navy) .brand-source-prose a:focus-visible {
  outline: 2px solid #fff;
  outline-offset: 4px;
}

/* The care page keeps its two cobalt sections; its other bands gain blue depth. */
.brand-page-design.platform-design .platform-feature-band {
  padding-block: clamp(46px,4.5vw,66px);
}
.brand-page-design.platform-design .platform-feature-band:where(:not(.platform-feature-band--4)):where(:not(.platform-feature-band--6)) {
  background: var(--ps-cloud);
}
.brand-page-design.platform-design .platform-feature-band--2 {
  background: var(--ps-sky);
}
.brand-page-design.platform-design .platform-feature-band:not(.platform-feature-band--4):not(.platform-feature-band--6) .platform-feature-copy>p:not(.brand-kicker),
.brand-page-design.platform-design .platform-feature-band:not(.platform-feature-band--4):not(.platform-feature-band--6) .platform-feature-visual figcaption {
  color: var(--ps-body);
}
.brand-page-design.contact-design>.contact-brand-header {
  background: var(--ps-cloud);
}
.brand-page-design.contact-design .contact-brand-body {
  background: var(--ps-sky);
}
.brand-page-design.contact-design .contact-brand-form {
  background: #edf5ff;
}

/* Reading pages and the knowledge library retain light reading surfaces. */
.editorial-page>.editorial-hero,.journal-page>.journal-hero {
  background: var(--ps-cloud);
}
.editorial-page>.editorial-reading,.journal-page>.journal-library,
.editorial-page>.editorial-related {
  background: var(--ps-sky);
  padding-block: clamp(44px,4.3vw,64px);
}
.editorial-page .editorial-panel {
  background: #f9fcff;
  border-color: #bfd5f2;
}
.journal-page .journal-controls,.journal-page .journal-article {
  border-color: #b7d0f0;
}
.gene-design>section {
  padding-block: clamp(46px,4.5vw,66px);
}
.gene-design .gene-science,.gene-design .gene-context,.gene-design .gene-process,
.gene-design .gene-perspectives,.gene-design .gene-detail,
.gene-design .gene-consult {
  background: var(--ps-cloud);
}
.gene-design .gene-detail,.gene-design .gene-perspectives {
  background: var(--ps-sky);
}

@media (max-width: 767px) {
  .homepage>section:not(.hero):not(.ecosystem-section):not(.technology-section) {
    padding-block: 42px;
  }
  .brand-page-design .brand-source-section,
  .brand-page-design .about-core-section,
  .brand-page-design .about-source-context,
  .brand-page-design .technology-current-section,
  .brand-page-design .platform-opening,
  .brand-page-design .platform-pilot-band,
  .brand-page-design .brand-endcap,
  .brand-page-design.platform-design .platform-feature-band,
  .editorial-page>.editorial-reading,.editorial-page>.editorial-related,
  .journal-page>.journal-library,.gene-design>section {
    padding-block: 40px;
  }
}