/* WP-10 G5: bright blue surfaces and four shared, decorative native motifs.
   Load after every earlier design sheet. Source copy, portraits and logo stay native. */
:root {
  --gs-royal: #245fe6;
  --gs-cerulean: #0789ee;
  --gs-ice: #eff7ff;
  --gs-ice-soft: #f7fbff;
  --gs-cobalt: #1742bb;
  --gs-ink: #173469;
  --gs-muted: #4f6385;
  --gs-line: #cddff4;
  --gs-surface-white: linear-gradient(120deg, #fff, #f7fbff);
  --gs-surface-ice: linear-gradient(120deg, #eff7ff, #fff 64%, #e8f3ff);
  --gs-surface-cobalt: linear-gradient(120deg, #1742bb, #245fe6);
  --gs-pattern-dna: url('../patterns/dna-linework.svg?ver=d4183c5cffef');
  --gs-pattern-molecules: url('../patterns/molecular-dots.svg?ver=d1ebe8651a73');
  --gs-pattern-waves: url('../patterns/contour-waves.svg?ver=1941fcffe945');
  --gs-pattern-grid: url('../patterns/fine-grid.svg?ver=5b9a05c2018b');
  --gs-dna-pattern: none;
  --ink: var(--gs-ink);
  --navy: var(--gs-cobalt);
  --brand: var(--gs-royal);
  --blue: var(--gs-cerulean);
  --muted: var(--gs-muted);
  --line: var(--gs-line);
  --cream: var(--gs-ice);
  --mist: var(--gs-ice);
  --paper: #fff;
  --gs-pearl: var(--gs-ice-soft);
  --gs-depth-shadow: 0 22px 60px -34px #245fe64a;
  --font: "Noto Sans", "Segoe UI", Arial, sans-serif;
  --font-sans: var(--font);
  --serif: var(--font);
  --gs-font-min: 16px;
}
body { background: #fff; color: var(--gs-ink); font-family: var(--font); }
::selection { background: #cce6ff; color: var(--gs-ink); }
.gene-design,.team-design {
  --gene-navy: var(--gs-ink);
  --gene-blue: var(--gs-royal);
  --gene-cyan: #c9e5ff;
  --team-navy: var(--gs-ink);
  --team-brand: var(--gs-royal);
  --team-cyan: #c9e5ff;
  --premium-ink: var(--gs-ink);
  --premium-blue: var(--gs-royal);
  --premium-line: var(--gs-line);
  --premium-muted: var(--gs-muted);
  --premium-paper: var(--gs-ice-soft);
  --premium-pearl: var(--gs-ice);
}
.brand-page-design {
  --pp-ink: var(--gs-ink);
  --pp-body: var(--gs-muted);
  --pp-navy: var(--gs-cobalt);
  --pp-cyan: #c9e5ff;
  --pp-line: var(--gs-line);
  --pp-paper: var(--gs-ice-soft);
  color: var(--gs-ink);
}

/* The surface itself owns its pattern; cards and reading content remain above it.
   Only section/header/footer pseudos are replaced, never icon/timeline/figure pseudos. */
:where(.homepage .hero,.homepage>section,.gene-design>section,.gene-design>header,.team-design>section,
    .brand-page-design>section,.brand-page-design>header,.editorial-hero,
    .editorial-reading,.editorial-related,.journal-hero,.journal-library,.site-footer,.gs-surface) {
  --gs-pattern-image: var(--gs-pattern-molecules);
  --gs-pattern-size: 160px 160px;
  --gs-pattern-position: center;
  --gs-pattern-repeat: repeat;
  --gs-pattern-opacity: .035;
  --gs-pattern-mask: none;
  --gs-pattern-filter: none;
  position: relative;
  isolation: isolate;
}
:where(.homepage,.gene-design,.team-design,.brand-page-design)>:where(section:nth-of-type(4n+1)) { --gs-pattern-image: var(--gs-pattern-dna); }
:where(.homepage,.gene-design,.team-design,.brand-page-design)>:where(section:nth-of-type(4n+2)) { --gs-pattern-image: var(--gs-pattern-molecules); }
:where(.homepage,.gene-design,.team-design,.brand-page-design)>:where(section:nth-of-type(4n+3)) { --gs-pattern-image: var(--gs-pattern-waves); }
:where(.homepage,.gene-design,.team-design,.brand-page-design)>:where(section:nth-of-type(4n)) { --gs-pattern-image: var(--gs-pattern-grid); }
:is(.homepage .hero,.homepage>section,.homepage>section.dna-pattern,.gene-design>section,.gene-design>header,.team-design>section,
    .brand-page-design>section,.brand-page-design>header,.editorial-hero,
    .editorial-reading,.editorial-related,.journal-hero,.journal-library,.site-footer,.gs-surface)::before {
  content: "";
  display: block;
  position: absolute;
  inset: 0;
  width: auto;
  height: auto;
  margin: 0;
  pointer-events: none;
  z-index: -1;
  background-color: transparent;
  background-image: var(--gs-pattern-image);
  background-size: var(--gs-pattern-size);
  background-position: var(--gs-pattern-position);
  background-repeat: var(--gs-pattern-repeat);
  opacity: var(--gs-pattern-opacity);
  -webkit-mask-image: var(--gs-pattern-mask);
  mask-image: var(--gs-pattern-mask);
  filter: var(--gs-pattern-filter);
  border: 0;
  border-radius: 0;
  box-shadow: none;
  transform: none;
}
.editorial-panel::before,.homepage .ecosystem-section::after { content: none; }
/* Utility hooks let new native sections join the same system without new artwork. */
.gs-surface--white { background: var(--gs-surface-white); color: var(--gs-ink); }
.gs-surface--ice { background: var(--gs-surface-ice); color: var(--gs-ink); }
.gs-surface--cobalt { background: var(--gs-surface-cobalt); color: #fff; --gs-pattern-filter: brightness(0) invert(1); }
.gs-pattern--dna { --gs-pattern-image: var(--gs-pattern-dna); --gs-pattern-size: 160px 160px; }
.gs-pattern--molecules { --gs-pattern-image: var(--gs-pattern-molecules); }
.gs-pattern--waves { --gs-pattern-image: var(--gs-pattern-waves); --gs-pattern-size: 160px 160px; }
.gs-pattern--grid { --gs-pattern-image: var(--gs-pattern-grid); --gs-pattern-size: 160px 160px; --gs-pattern-repeat: repeat; }

/* Bright actions use the royal blue for text contrast; cerulean is decorative. */
.button-primary,.homepage .hero .button-primary,.homepage .contact-actions .button-primary,
.platform-design .platform-pilot-grid .button-primary,
.technology-design .technology-current-grid .button-primary,
.contact-design .contact-brand-form .contact-form .button-primary,
.platform-design .platform-hero .button-light,.brand-page-design .brand-hero .button-light,
.gene-design .gene-button--cyan,.gene-design .gene-button--navy,
.team-design .team-design__connect .button {
  background: var(--gs-royal); color: #fff; border-color: var(--gs-royal);
  box-shadow: 0 9px 25px -18px #245fe688;
}
.button-primary:hover,.homepage .hero .button-primary:hover,
.homepage .contact-actions .button-primary:hover,
.platform-design .platform-hero .button-light:hover,
.brand-page-design .brand-hero .button-light:hover,
.contact-design .contact-brand-form .contact-form .button-primary:hover {
  background: var(--gs-cobalt); color: #fff; border-color: var(--gs-cobalt);
}
.button-light { background: #fff; color: var(--gs-royal); border-color: #fff; }
.button-light:hover { background: var(--gs-ice); color: var(--gs-cobalt); border-color: var(--gs-ice); }
.button-outline,.homepage .contact-actions .button-outline { color: var(--gs-royal); border-color: #8bb5ed; }
.text-link { color: var(--gs-royal); }

/* Airy human opening. The artwork keeps its own warm skin tones and transparency. */
.homepage .hero {
  background: radial-gradient(ellipse at 86% 45%, #d3eaff 0, transparent 48%),
    linear-gradient(112deg, #fff 5%, #f4faff 50%, #e9f4ff 100%);
  color: var(--gs-ink);
  --gs-pattern-image: var(--gs-pattern-dna);
  --gs-pattern-size: 160px 160px;
  --gs-pattern-position: center;
  --gs-pattern-opacity: .035;
}
.homepage .hero h1 { color: var(--gs-ink); text-shadow: none; }
.homepage .hero h1 em {
  color: var(--gs-royal); background: none; -webkit-text-fill-color: currentColor;
  font-weight: 500;
}
.homepage .hero-copy .eyebrow,.homepage .hero .text-link { color: var(--gs-royal); }
.homepage .hero .status-dot { background: var(--gs-cerulean); box-shadow: 0 0 0 4px #0789ee12; }
.homepage .hero-promise { color: var(--gs-ink); }
.homepage .hero-description,.homepage .hero-pilot-note,.homepage .hero-signature div>span { color: var(--gs-muted); }
.homepage .hero-signature { border-color: var(--gs-line); }
.homepage .hero-signature .signature-icon { background: #e1efff; color: var(--gs-royal); border: 0; }
.homepage .hero-visual::before { content: none; }
.homepage .hero-image { aspect-ratio: 3 / 2; object-fit: contain; filter: none; }
.homepage .hero-image-frame { background: transparent; }
.homepage .hero-dna-caption { color: var(--gs-royal); background: transparent; border-color: #8bb5ed; }
.homepage .hero-dna-caption>span { color: var(--gs-muted); }
.homepage .hero-dna-caption>svg { color: var(--gs-royal); }
.homepage .hero-bottom { background: #e4f2ff; color: var(--gs-ink); border-top: 1px solid #c6def7; }
.homepage .hero-bottom>span,.homepage .hero-bottom>div>span,.homepage .hero-bottom>a { color: var(--gs-ink); }
.homepage .hero-bottom svg { color: var(--gs-royal); }

/* Homepage rhythm: white/ice, with only ecosystem and technology in deep cobalt. */
.homepage .introduction,.homepage .report-section,.homepage .mission-section,
.homepage .partners-section,.homepage .journal-section { background: var(--gs-surface-white); }
.homepage .brand-story-section,.homepage .process-section,.homepage .founders-section,
.homepage .faq-section,.homepage .contact-section { background: var(--gs-surface-ice); }
.homepage .introduction,.homepage .mission-section,.homepage .faq-section {
  --gs-pattern-image: var(--gs-pattern-waves); --gs-pattern-size: 160px 160px;
  --gs-pattern-position: center;
  --gs-pattern-mask: none;
}
.homepage .brand-story-section,.homepage .founders-section { --gs-pattern-image: var(--gs-pattern-molecules); }
.homepage .report-section,.homepage .process-section,.homepage .journal-section {
  --gs-pattern-image: var(--gs-pattern-grid); --gs-pattern-size: 160px 160px;
  --gs-pattern-position: center; --gs-pattern-repeat: repeat; --gs-pattern-opacity: .035;
  --gs-pattern-mask: none;
}
.homepage .partners-section { --gs-pattern-image: var(--gs-pattern-molecules); --gs-pattern-position: center; --gs-pattern-mask: none; }
.homepage .contact-section { --gs-pattern-image: var(--gs-pattern-dna); --gs-pattern-size: 160px 160px; --gs-pattern-position: center; }
.homepage .brand-story-copy h2,.homepage .brand-story-copy>p:not(.eyebrow),
.homepage .contact-banner h2,.homepage .contact-banner>div>p:not(.eyebrow),
.homepage .mission-caption strong,.homepage .mission-caption>span { color: var(--gs-ink); }
.homepage .brand-story-copy h2 em,.homepage .brand-story-copy .eyebrow,
.homepage .brand-story-copy .text-link,.homepage .contact-banner h2 em,
.homepage .contact-banner .eyebrow,.homepage .intro-copy .lead { color: var(--gs-royal); }
.homepage .brand-story-photo>figcaption,.homepage .mission-caption,
.homepage .kit-story>figure>figcaption { background: #fff; color: var(--gs-muted); border-color: var(--gs-line); }
.homepage .story-tags,.homepage .contact-image-caption { color: var(--gs-muted); border-color: var(--gs-line); }
.homepage .benefit-card .card-number,.homepage .faq-list summary>span { color: var(--gs-royal); }
.homepage .benefit-card .card-top>svg { color: var(--gs-cerulean); }
.homepage .benefit-card h3 { color: var(--gs-ink); }
.homepage .section-note { background: #e8f3ff; color: var(--gs-muted); border-color: var(--gs-cerulean); }
.homepage .section-note strong { color: var(--gs-ink); }
.homepage .process-image>span,.homepage .founder-role { background: var(--gs-royal); color: #fff; }
.homepage .founder-photo { background: #e5f1ff; }
.homepage .ecosystem-section,.homepage .technology-section {
  background: var(--gs-surface-cobalt); color: #fff;
  --gs-pattern-filter: brightness(0) invert(1); --gs-pattern-opacity: .035;
}
.homepage .ecosystem-section { --gs-pattern-image: var(--gs-pattern-dna); --gs-pattern-size: 160px 160px; --gs-pattern-position: center; }
.homepage .technology-section { --gs-pattern-image: var(--gs-pattern-molecules); --gs-pattern-position: center; }
.homepage .ecosystem-copy h2 em,.homepage .ecosystem-copy .eyebrow,
.homepage .ecosystem-copy>p:not(.eyebrow),.homepage .platform-capabilities>span,
.homepage .ecosystem-bottom>div,.homepage .technology-copy h2 em,
.homepage .technology-copy .eyebrow,.homepage .technology-copy .text-link,
.homepage .technology-copy>p:not(.eyebrow),.homepage .technology-pillars strong,
.homepage .technology-pillars span { color: #fff; }
.homepage .ecosystem-copy>.ecosystem-note { color: #e6f1ff !important; }
.homepage .platform-capabilities>span>svg,.homepage .ecosystem-bottom svg,
.homepage .technology-pillars>div>svg { color: #e6f1ff; }
.homepage .platform-illustration-label,.homepage .technology-image-note {
  background: #1742bb; color: #fff; border-color: #ffffff4a; backdrop-filter: none;
}
.homepage .technology-image-note strong,.homepage .technology-image-note small { color: #fff; }

/* Every article/profile gets DNA at its opening, grid at the reading edge,
   contour waves on related content and the molecular footer. */
.editorial-hero,.journal-hero {
  background: var(--gs-surface-ice); color: var(--gs-ink);
  --gs-pattern-image: var(--gs-pattern-dna); --gs-pattern-size: 160px 160px;
  --gs-pattern-position: center; --gs-pattern-opacity: .035;
}
.editorial-hero h1,.journal-hero h1,.journal-hero p { color: var(--gs-ink); }
.journal-hero h1 em,.journal-hero .eyebrow,.editorial-page .editorial-kicker,
.editorial-kicker svg { color: var(--gs-royal); }
.editorial-breadcrumb,.editorial-breadcrumb a,.editorial-breadcrumb span,
.editorial-page .editorial-intro,.editorial-date,.journal-page .journal-hero .page-intro { color: var(--gs-muted); }
.editorial-page .editorial-context-note { background: #ffffffc9; color: var(--gs-muted); border-color: #83b8f0; }
.editorial-hero-image figcaption { background: #fff; color: var(--gs-muted); border-color: var(--gs-line); }
.editorial-reading,.journal-library {
  background: #fff; --gs-pattern-image: var(--gs-pattern-grid); --gs-pattern-size: 160px 160px;
  --gs-pattern-position: center; --gs-pattern-repeat: repeat; --gs-pattern-opacity: .035;
  --gs-pattern-mask: none;
}
.editorial-body { color: var(--gs-muted); }
.editorial-body h2,.editorial-body h3,.editorial-body h4,.editorial-body h5,.editorial-body h6 { color: var(--gs-ink); }
.editorial-toc { background: #eff7ff; border-color: var(--gs-line); border-left-color: var(--gs-cerulean); }
.editorial-toc a { color: var(--gs-muted); }
.editorial-dna-note { background: var(--gs-surface-cobalt); color: #fff; border-color: #245fe6; }
.editorial-dna-note a,.editorial-dna-note>svg { color: #fff; }
.editorial-related {
  background: var(--gs-surface-ice); --gs-pattern-image: var(--gs-pattern-waves);
  --gs-pattern-size: 160px 160px; --gs-pattern-position: center;
}
.editorial-related-item p,.editorial-body figure figcaption { color: var(--gs-muted); }
.journal-controls { background: #fff; border-color: var(--gs-line); }
.journal-submit { background: var(--gs-royal); border-color: var(--gs-royal); }
.journal-submit:hover { background: var(--gs-cobalt); border-color: var(--gs-cobalt); }

/* Genetic science keeps its source figures, with a light opening and open index. */
.gene-design .gene-hero {
  background: var(--gs-surface-ice); color: var(--gs-ink); border-color: var(--gs-line);
  --gs-pattern-image: var(--gs-pattern-dna); --gs-pattern-size: 160px 160px;
  --gs-pattern-position: center; --gs-pattern-opacity: .035;
}
.gene-design .gene-hero h1 { color: var(--gs-ink); text-shadow: none; }
.gene-design .gene-hero h1 span,.gene-design .gene-hero .gene-kicker { color: var(--gs-royal); }
.gene-design .gene-breadcrumb,.gene-design .gene-hero-intro,
.gene-design .gene-hero-art figcaption { color: var(--gs-muted); border-color: var(--gs-line); }
.gene-design .gene-hero-art img { filter: none; }
.gene-design .gene-section-nav { background: #fff; color: var(--gs-ink); }
.gene-design .gene-context,.gene-design .gene-process,.gene-design .gene-explore,
.gene-design .gene-consult { background: var(--gs-surface-ice); color: var(--gs-ink); border-color: var(--gs-line); }
.gene-design .gene-science,.gene-design .gene-insights,.gene-design .gene-perspectives,
.gene-design .gene-catalogue,.gene-design .gene-reference,.gene-design .gene-detail { background: var(--gs-surface-white); }
.gene-design .gene-context,.gene-design .gene-perspectives { --gs-pattern-image: var(--gs-pattern-molecules); }
.gene-design .gene-science,.gene-design .gene-process,.gene-design .gene-catalogue,
.gene-design .gene-detail { --gs-pattern-image: var(--gs-pattern-grid); --gs-pattern-size: 160px 160px; --gs-pattern-repeat: repeat; }
.gene-design .gene-insights,.gene-design .gene-reference,.gene-design .gene-explore {
  --gs-pattern-image: var(--gs-pattern-waves); --gs-pattern-size: 160px 160px;
  --gs-pattern-position: center; --gs-pattern-mask: none;
}
.gene-design .gene-consult { --gs-pattern-image: var(--gs-pattern-dna); --gs-pattern-size: 160px 160px; }
.gene-design .gene-section-rule,.gene-design .gene-timeline::before { background: linear-gradient(90deg, #5b95ec, #cddff4); }
.gene-design .gene-timeline-dot { background: var(--gs-royal); border-color: #b6d6ff; box-shadow: 0 0 0 4px #eff7ff; }
.gene-design .gene-step-label,.gene-design .gene-step-history summary,
.gene-design .gene-insight-number { color: var(--gs-royal); }
.gene-design .gene-provenance { border-color: var(--gs-cerulean); }
.gene-design .gene-detail-bridge { background: #eff7ff; border-color: var(--gs-line); }
.gene-design .gene-consult-grid { background: var(--gs-surface-cobalt); border-color: var(--gs-royal); color: #fff; }
.gene-design .gene-consult .gene-kicker,.gene-design .gene-consult p:not(.gene-kicker) { color: #fff; }
.gene-design .gene-consult .gene-button--navy { background: #fff; color: var(--gs-royal); border-color: #fff; }

/* Real team portraits retain their colors; only the surrounding surface changes. */
.team-design .team-design__hero {
  background: var(--gs-surface-ice); color: var(--gs-ink); border-color: var(--gs-line);
  --gs-pattern-image: var(--gs-pattern-dna); --gs-pattern-size: 160px 160px; --gs-pattern-position: center;
}
.team-design .team-design__hero h1 span,.team-design .team-design__hero-link,
.team-design .team-design__hero .team-design__eyebrow { color: var(--gs-royal); }
.team-design .team-design__hero-statement { color: var(--gs-ink); }
.team-design .team-design__breadcrumb,.team-design .team-design__hero-person figcaption span { color: var(--gs-muted); }
.team-design .team-design__hero-people::before { background: radial-gradient(ellipse, #c9e2ff80, transparent 72%); }
.team-design .team-design__group-nav { color: var(--gs-ink); border-color: var(--gs-line); }
.team-design .team-design__founders,.team-design .team-design__research,
.team-design .team-design__technical { background: var(--gs-surface-white); }
.team-design .team-design__founders { --gs-pattern-image: var(--gs-pattern-waves); --gs-pattern-size: 160px 160px; --gs-pattern-position: center; }
.team-design .team-design__research,.team-design .team-design__technical { --gs-pattern-image: var(--gs-pattern-grid); --gs-pattern-size: 160px 160px; --gs-pattern-repeat: repeat; }
.team-design .team-design__experience,.team-design .team-design__connect { background: var(--gs-surface-ice); border-color: var(--gs-line); }
.team-design .team-design__experience { --gs-pattern-image: var(--gs-pattern-molecules); }
.team-design .team-design__experience .team-design__eyebrow,.team-design .team-design__experience .team-design__role,
.team-design .team-design__experience .team-design__profile-link,.team-design .team-design__technical .team-design__eyebrow,
.team-design .team-design__technical .team-design__role,.team-design .team-design__technical .team-design__profile-link { color: var(--gs-royal); }
.team-design .team-design__advisors { background: var(--gs-surface-cobalt); border-color: var(--gs-royal); --gs-pattern-filter: brightness(0) invert(1); }
.team-design .team-design__advisors .team-design__eyebrow,.team-design .team-design__advisors .team-design__role,
.team-design .team-design__advisors .team-design__profile-link,.team-design .team-design__advisors .team-design__bio p { color: #fff; }
.team-design .team-design__connect { --gs-pattern-image: var(--gs-pattern-waves); --gs-pattern-size: 160px 160px; }
.team-design .team-design__connect-layout { background: #fff; color: var(--gs-ink); border-color: var(--gs-line); }
.team-design .team-design__connect h2 { color: var(--gs-ink); }
.team-design .team-design__connect .team-design__eyebrow { color: var(--gs-royal); }

/* Platform, about, technology and contact share the same surface vocabulary. */
.brand-page-design .brand-hero,.platform-design .platform-hero,
.technology-design .technology-hero,.about-design .about-hero,
.contact-design .contact-brand-header {
  background: var(--gs-surface-ice); color: var(--gs-ink);
  --gs-pattern-image: var(--gs-pattern-dna); --gs-pattern-size: 160px 160px;
  --gs-pattern-position: center; --gs-pattern-opacity: .035;
}
.brand-page-design .brand-hero h1,.platform-design .platform-hero h1,
.technology-design .technology-hero h1,.about-design .about-hero h1 { color: var(--gs-ink); }
.brand-page-design .brand-hero h1>span {
  background: none; color: var(--gs-royal); -webkit-text-fill-color: currentColor;
}
.brand-page-design .brand-breadcrumb,.brand-page-design .brand-hero-copy>p:not(.brand-kicker),
.platform-design .platform-hero .brand-hero-copy>p:not(.brand-kicker),
.technology-design .technology-hero-grid>div>p:not(.brand-kicker),
.about-design .about-hero .brand-hero-copy>p:not(.brand-kicker) { color: var(--gs-muted); }
.brand-page-design .brand-breadcrumb { opacity: 1; }
.brand-page-design .brand-hero .brand-kicker { color: var(--gs-royal); }
.platform-design .platform-hero-visual { background: #fff; border-color: var(--gs-line); }
.platform-design .platform-hero-visual figcaption { background: #fff; color: var(--gs-muted); }
.platform-design .platform-opening,.platform-design .platform-feature-band--1,
.platform-design .platform-feature-band--3,.platform-design .platform-feature-band--5,
.technology-design .technology-current-section,.brand-page-design .brand-source-section,
.brand-page-design .brand-source-section--blue,.brand-page-design .brand-source-section--navy,
.brand-page-design .brand-source-section--logos,.about-design .about-core-section { background: var(--gs-surface-white); color: var(--gs-ink); }
.platform-design .platform-feature-band--2,.platform-design .platform-pilot-band,
.about-design .about-history-section,.about-design .brand-history-note,
.contact-design .contact-brand-body { background: var(--gs-surface-ice); color: var(--gs-ink); }
.platform-design .platform-opening,.platform-design .platform-feature-band--3,
.platform-design .platform-pilot-band,.brand-page-design .brand-source-section--logos,
.about-design .about-core-section { --gs-pattern-image: var(--gs-pattern-grid); --gs-pattern-size: 160px 160px; --gs-pattern-repeat: repeat; }
.platform-design .platform-feature-band--1,.platform-design .platform-feature-band--5,
.technology-design .technology-current-section,.about-design .about-history-section,
.contact-design .contact-brand-body { --gs-pattern-image: var(--gs-pattern-molecules); }
.platform-design .platform-feature-band--2,.brand-page-design .brand-source-section,
.brand-page-design .brand-source-section--blue,.brand-page-design .brand-source-section--navy {
  --gs-pattern-image: var(--gs-pattern-waves); --gs-pattern-size: 160px 160px;
  --gs-pattern-position: center;
}
.platform-design .platform-feature-band--4,.platform-design .platform-feature-band--6 {
  background: var(--gs-surface-cobalt); color: #fff;
  --gs-pattern-filter: brightness(0) invert(1); --gs-pattern-opacity: .035;
}
.platform-design .platform-feature-band--4 { --gs-pattern-image: var(--gs-pattern-dna); --gs-pattern-size: 160px 160px; }
.platform-design .platform-feature-band--6 { --gs-pattern-image: var(--gs-pattern-waves); --gs-pattern-size: 160px 160px; }
.platform-design .platform-feature-band--4 .platform-feature-copy .brand-kicker,
.platform-design .platform-feature-band--6 .platform-feature-copy .brand-kicker,
.platform-design .platform-feature-band--4 .platform-feature-copy>p:not(.brand-kicker),
.platform-design .platform-feature-band--6 .platform-feature-copy>p:not(.brand-kicker),
.platform-design .platform-feature-band--4 .platform-feature-visual figcaption,
.platform-design .platform-feature-band--6 .platform-feature-visual figcaption { color: #fff; }
.platform-design .platform-feature-band--4 .platform-feature-icon,
.platform-design .platform-feature-band--6 .platform-feature-icon { background: #ffffff16; color: #fff; }
.platform-design .platform-feature-icon { background: #e6f2ff; color: var(--gs-royal); border-color: var(--gs-line); }
.platform-design .platform-jump-links a>span,.platform-design .platform-feature-copy .brand-kicker { color: var(--gs-royal); }
.platform-design .platform-ai-visual { background: #fff; color: var(--gs-ink); border-color: var(--gs-line); }
.platform-design .platform-ai-wordmark { background: none; color: var(--gs-royal); -webkit-text-fill-color: currentColor; }
.platform-design .platform-ai-wordmark>span { color: var(--gs-royal); }
.platform-design .platform-ai-visual li { color: var(--gs-muted); }
.platform-design .platform-ai-visual li>svg { color: var(--gs-royal); }
.brand-page-design .brand-endcap {
  background: var(--gs-surface-ice); color: var(--gs-ink);
  --gs-pattern-image: var(--gs-pattern-dna); --gs-pattern-size: 160px 160px;
}
.brand-page-design .brand-endcap h2,.brand-page-design .brand-endcap p:not(.brand-kicker) { color: var(--gs-ink); }
.brand-page-design .brand-endcap .brand-kicker,.brand-page-design .brand-endcap-links a { color: var(--gs-royal); border-color: var(--gs-line); }
.technology-design .brand-data-flow { background: var(--gs-surface-cobalt); color: #fff; border-color: #245fe6; }
.technology-design .brand-data-inputs>span { background: transparent; color: #fff; border-color: #ffffff52; }
.technology-design .brand-data-inputs svg { color: #fff; }
.technology-design .brand-data-center::before { background: linear-gradient(180deg, #ffffff7a, #ffffff00); }
.technology-design .brand-data-center>strong { background: none; color: #fff; -webkit-text-fill-color: currentColor; }
.technology-design .brand-data-center>span,.technology-design .brand-data-flow .brand-data-flow-label { color: #fff; }
.technology-design .brand-data-output { background: #ffffff16; color: #fff; border-color: #ffffff40; }
.technology-design .brand-data-output svg { color: #fff; }
.brand-page-design .brand-source-section--blue a,.brand-page-design .brand-source-section--navy a,
.brand-page-design .brand-source-section--blue .brand-kicker,.brand-page-design .brand-source-section--navy .brand-kicker { color: var(--gs-royal); }
.brand-page-design .brand-source-section .brand-source-media>figure { background: #fff; border-color: var(--gs-line); }
.about-design .about-timeline-line { background: linear-gradient(180deg, #245fe6, #b9d9ff); }
.about-design .about-timeline-source>.brand-source-line::before { background: var(--gs-royal); border-color: #b9d9ff; }
.about-design .about-core-photo { background: #fff; border-color: var(--gs-line); }
.about-design .about-hero-visual img { filter: none; }
.contact-design .contact-brand-info { background: var(--gs-surface-cobalt); color: #fff; border-color: #245fe6; }
.contact-design .contact-brand-info p { color: #fff; }
.contact-design .contact-brand-info strong,.contact-design .contact-brand-info .text-link { color: #fff; }
.contact-design .contact-brand-form>.brand-kicker { color: var(--gs-royal); }
.contact-design .contact-brand-form .contact-form label,.contact-design .contact-brand-form .contact-form .form-note { color: var(--gs-muted); }
.contact-design .contact-brand-form .contact-form input,.contact-design .contact-brand-form .contact-form textarea { background: #fff; border-color: #a8c8f2; }
.contact-design .contact-brand-form .consent-label input { accent-color: var(--gs-royal); }
.contact-design .contact-brand-form .contact-status { background: #eff7ff; color: var(--gs-ink); border-color: var(--gs-royal); }
/* Source prose and small labels use the same readable blue/ink pairs. */
.platform-design .platform-jump-links a,.brand-page-design .brand-source-section h2,
.about-design .about-core-person-copy>.brand-source-line:first-child { color: var(--gs-ink); }
.platform-design .platform-feature-visual figcaption,.platform-design .platform-pilot-grid .content-note,
.brand-page-design .brand-source-section .brand-source-prose,.brand-page-design .brand-source-label,
.about-design .brand-history-note,.about-design .about-timeline-source,
.about-design .about-core-person-copy { color: var(--gs-muted); }
.platform-design .platform-jump-links a>svg,.platform-design .platform-jump-links a:hover,
.platform-design .platform-pilot-grid .brand-kicker,.technology-design .technology-current-grid .brand-kicker,
.brand-page-design .brand-source-section .brand-kicker,.brand-page-design .brand-endcap-links a svg,
.about-design .brand-history-note svg,.about-design .about-history-heading>.brand-kicker,
.about-design .about-timeline-source>.brand-source-line,.about-design .about-core-heading .brand-kicker,
.about-design .about-core-heading .text-link,.about-design .about-core-person-copy>.brand-source-line,
.contact-design .contact-brand-header .brand-kicker { color: var(--gs-royal); }
.brand-page-design .brand-endcap-links a:hover { color: var(--gs-cobalt); }

/* About's native narrative uses open columns and small topical divisions. */
.about-design .about-section--story,.about-design .about-section--audience,
.about-design .about-section--purpose,.about-design .about-section--data { background: var(--gs-surface-ice); }
.about-design .about-section--problem,.about-design .about-section--connection,
.about-design .about-section--values,.about-design .about-section--contact,
.about-design .about-source-context { background: var(--gs-surface-white); }
.about-design .about-section--story,.about-design .about-section--purpose,.about-design .about-section--contact {
  --gs-pattern-image: var(--gs-pattern-waves); --gs-pattern-size: 160px 160px;
  --gs-pattern-position: center;
}
.about-design .about-section--problem,.about-design .about-section--data { --gs-pattern-image: var(--gs-pattern-molecules); }
.about-design .about-section--audience,.about-design .about-section--values { --gs-pattern-image: var(--gs-pattern-grid); --gs-pattern-size: 160px 160px; --gs-pattern-repeat: repeat; }
.about-design .about-section--connection { --gs-pattern-image: var(--gs-pattern-dna); --gs-pattern-size: 160px 160px; }
.about-design--renewed .brand-source-prose { max-width: 70ch; }
.about-design--renewed .brand-source-prose>h3 { color: var(--gs-ink); font-size: 26px; line-height: 1.4; margin: 28px 0 14px; }
.about-design--renewed .brand-source-prose>h3:first-child { margin-top: 0; }
.about-design .about-section--values .brand-source-prose>h3 { padding-top: 22px; border-top: 1px solid var(--gs-line); }
.about-design .about-source-context> .container { color: var(--gs-muted); }
.about-design .about-source-context details { border-block: 1px solid var(--gs-line); padding: 24px 0; }
.about-design .about-source-context summary { color: var(--gs-royal); font-size: 18px; line-height: 1.7; cursor: pointer; }
.about-design .about-source-context details[open]>summary { margin-bottom: 28px; }
.homepage .ecosystem-link-section {
  background: var(--gs-surface-white); padding-block: 52px;
  --gs-pattern-image: var(--gs-pattern-waves); --gs-pattern-size: 160px 160px;
  --gs-pattern-position: center;
}
.homepage .ecosystem-link-section>.container { display: flex; align-items: center; justify-content: space-between; gap: 30px; flex-wrap: wrap; }
.homepage .ecosystem-link-section p { margin: 0; color: var(--gs-muted); max-width: 65ch; }
.platform-design .platform-care-intro { color: var(--gs-muted); margin-bottom: 38px; }
.platform-design .platform-care-loop {
  display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 24px 38px;
  margin: 30px 0 0; padding: 0; list-style: none; counter-reset: care-step;
}
.platform-design .platform-care-loop>li { border-top: 2px solid #9fc7fb; padding: 19px 0 0; font-size: 18px; line-height: 1.8; counter-increment: care-step; }
.platform-design .platform-care-loop>li::before { content: "0" counter(care-step); display: block; color: var(--gs-royal); font-size: 18px; font-weight: 600; margin-bottom: 9px; }

/* The shared light footer completes the molecular pattern on every layout. */
.site-footer {
  background: #e9f4ff; color: var(--gs-ink); border-top: 1px solid #cddff4;
  --gs-pattern-image: var(--gs-pattern-molecules); --gs-pattern-size: 160px 160px;
  --gs-pattern-position: center; --gs-pattern-opacity: .035;
}
.site-footer p,.site-footer a,.site-footer h3,.site-footer h4,.site-footer .footer-grid h3,
.site-footer .footer-grid h4,.footer-bottom { color: var(--gs-ink); }
.site-footer .footer-note { color: var(--gs-muted); }
.site-footer .footer-brand .brand { background: #fff; border-color: var(--gs-line); box-shadow: none; }
.footer-bottom { border-color: var(--gs-line); }

@media(max-width:767px) {
  :is(.homepage .hero,.homepage>section,.gene-design>section,.gene-design>header,.team-design>section,
      .brand-page-design>section,.brand-page-design>header,.editorial-hero,
      .editorial-reading,.editorial-related,.journal-hero,.journal-library,.site-footer,.gs-surface) {
    --gs-pattern-size: 160px 160px;
    --gs-pattern-position: center;
    --gs-pattern-opacity: .035;
    --gs-pattern-mask: none;
  }
  .homepage .hero { background: linear-gradient(145deg, #fff 5%, #eff7ff 58%, #e2f0ff); --gs-pattern-size: 160px 160px; --gs-pattern-position: center; }
  .homepage .hero-dna-caption { margin-top: 12px; }
  .homepage .introduction,.homepage .mission-section,.homepage .faq-section,
  .gene-design .gene-insights,.gene-design .gene-reference,.gene-design .gene-explore,
  .platform-design .platform-feature-band--2,.brand-page-design .brand-source-section {
    --gs-pattern-size: 160px 160px; --gs-pattern-position: center;
    --gs-pattern-mask: none;
  }
  .homepage .report-section,.homepage .process-section,.homepage .journal-section,
  .editorial-page .editorial-reading,.journal-page .journal-library,.gene-design .gene-science,.gene-design .gene-process,
  .gene-design .gene-catalogue,.gene-design .gene-detail,
  .team-design .team-design__research,.team-design .team-design__technical,
  .platform-design .platform-opening,.platform-design .platform-feature-band--3,
  .platform-design .platform-pilot-band,.brand-page-design .brand-source-section--logos,
  .about-design .about-core-section {
    --gs-pattern-size: 160px 160px; --gs-pattern-position: center;
    --gs-pattern-mask: none;
  }
  .team-design .team-design__founders,.team-design .team-design__connect,
  .editorial-related,.platform-design .platform-feature-band--6,
  .about-design .about-section--story,.about-design .about-section--purpose,.about-design .about-section--contact {
    --gs-pattern-size: 160px 160px; --gs-pattern-position: center;
  }
  .platform-design .platform-care-loop { grid-template-columns: minmax(0,1fr); gap: 24px; }
  .homepage .ecosystem-link-section { padding-block: 38px; }
}

/* Final texture contract: micro motifs tile across the full surface at very low
   opacity. Narrow decoration-only !important rules also defeat legacy corners. */
:is(.homepage .hero,.homepage>section,.homepage>section.dna-pattern,
    .gene-design>section,.gene-design>header,.team-design>section,
    .brand-page-design>section,.brand-page-design>header,.editorial-hero,
    .editorial-reading,.editorial-related,.journal-hero,.journal-library,
    .site-footer,.gs-surface)::before {
  inset: 0 !important;
  width: auto !important;
  height: auto !important;
  background-image: var(--gs-pattern-image) !important;
  background-position: center !important;
  background-size: 160px 160px !important;
  background-repeat: repeat !important;
  opacity: .035 !important;
  -webkit-mask: none !important;
  mask: none !important;
  transform: none !important;
}
:is(.gs-surface--cobalt,.homepage .ecosystem-section,
    .homepage .technology-section,.team-design .team-design__advisors,
    .platform-design .platform-feature-band--4,
    .platform-design .platform-feature-band--6)::before { opacity: .05 !important; }
/* Photographic bands own their image/gradient without a second SVG overlay. */
:is(.gs-photo-band,.photo-band,.homepage .ecosystem-section,
    .homepage .technology-section)::before {
  content: none !important;
  background-image: none !important;
}