/* =========================================================
   home.css — YUECI KEJI homepage skin (namespace: yue)
   Generated from DESIGN.md §0–§11 (single source of truth).
   Scope: every selector hangs off `body.yue-home`.
   NEVER use `body:has(.yue-home)` — it silently disables this sheet (§11 mine 1).
   Primer (style.css / motion.css) is untouched (red line R11): this sheet only
   overrides the brand dimension inside the homepage scope.
   ========================================================= */

/* ---------- §2.1 colour tokens (customer-mandated black + purple, theme D149) ---------- */
body.yue-home {
  --yue-brand-600: #6D3BD1;
  --yue-brand-500: #7C5CD6;
  --yue-brand-400: #A98CFF;
  --yue-brand-300: #B9A3FF;
  --yue-brand-200: #C9B6FF;

  --yue-ink-900: #0A0A0F;
  --yue-ink-800: #121220;
  --yue-ink-700: #141422;
  --yue-ink-600: #1A1A2E;

  --yue-text-hi: #E8E6F0;
  --yue-text-sec: #B9B5CC;
  --yue-text-muted: #8B86A3;

  --yue-paper: #EDEBF5;
  --yue-paper-hi: #F7F6FB;
  --yue-on-paper: #0A0A0F;
  --yue-on-paper-muted: #5C5878;

  --yue-hairline-dark: rgba(169, 140, 255, .16);
  --yue-hairline-light: rgba(109, 59, 209, .14);

  --yue-success: #3FD18A;
  --yue-error: #F5657A;

  /* ---------- §2.2 type (zero webfont, explicit stacks) ---------- */
  --yue-font-sans: "Avenir Next", "Segoe UI", Verdana, Geneva, "Liberation Sans", sans-serif;
  --yue-font-mono: ui-monospace, "SF Mono", "Cascadia Mono", Consolas, "Liberation Mono", monospace;
  --yue-font-display: var(--yue-font-sans);

  /* ---------- §2.3 spacing / radius / elevation ---------- */
  --yue-s-1: 8px; --yue-s-2: 16px; --yue-s-3: 24px; --yue-s-4: 32px;
  --yue-s-5: 48px; --yue-s-6: 72px; --yue-s-7: 96px; --yue-s-8: 128px;
  --yue-r-xs: 2px; --yue-r-sm: 4px; --yue-r: 6px;
  --yue-shadow-lift: 0 18px 48px rgba(10, 10, 15, .55);

  /* homepage page base + surface overrides for the injected chrome */
  background: var(--yue-ink-900);
  color: var(--yue-text-hi);
  font-family: var(--yue-font-sans);
  line-height: 1.65;
}

/* chrome re-skin inside the homepage scope only (engine markup stays as injected) */
body.yue-home .site-header {
  background: var(--yue-ink-800);
  border-bottom: 1px solid var(--yue-hairline-dark);
}
body.yue-home .site-header .brand__name { color: var(--yue-text-hi); }
body.yue-home .site-header .nav__list > li > a { color: var(--yue-text-sec); }
body.yue-home .site-header .nav__list > li > a:hover,
body.yue-home .site-header .nav__list > li > a:focus-visible { color: var(--yue-text-hi); }
body.yue-home .nav__submenu { background: var(--yue-ink-700); border: 1px solid var(--yue-hairline-dark); }
body.yue-home .nav__submenu a { color: var(--yue-text-sec); }
body.yue-home .lang-badge { color: var(--yue-text-muted); border-color: var(--yue-hairline-dark); }
body.yue-home .site-footer { background: var(--yue-ink-800); color: var(--yue-text-sec); border-top: 1px solid var(--yue-hairline-dark); }
body.yue-home .site-footer a { color: var(--yue-brand-300); }
body.yue-home .site-footer .brand__name { color: var(--yue-text-hi); }

/* ---------- §3 global component library (also consumed by inner pages) ---------- */
body.yue-home .yue-eyebrow-tag {
  margin: 0 0 var(--yue-s-2);
  font-family: var(--yue-font-mono);
  font-size: 12px;
  line-height: 1.4;
  letter-spacing: .1em;
  text-transform: uppercase;
  color: var(--yue-text-muted);
  white-space: normal;            /* §11 mine 4: eyebrow must wrap, never clip */
  overflow-wrap: anywhere;
}
body.yue-home .yue-cta-solid,
body.yue-home .yue-cta-ghost {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 44px;
  padding: 12px 22px;
  border-radius: var(--yue-r-sm);
  font-size: 16px;
  font-weight: 600;
  text-decoration: none;
  transition: transform var(--motion-fast) var(--ease-out),
              opacity var(--motion-fast) var(--ease-out),
              border-color var(--motion-fast) var(--ease-out);
}
body.yue-home .yue-cta-solid {
  background: var(--yue-brand-400);
  color: var(--yue-ink-900);      /* 7.41:1 AAA (§8) */
  border: 1px solid var(--yue-brand-400);
}
body.yue-home .yue-cta-ghost {
  background: transparent;
  color: var(--yue-text-hi);
  border: 1px solid var(--yue-hairline-dark);
}
body.yue-home .yue-cta-solid:hover,
body.yue-home .yue-cta-ghost:hover {
  transform: translateY(-2px);
  box-shadow: var(--yue-shadow-lift);   /* shadow appears on hover only (§2.3) */
}
body.yue-home .yue-cta-ghost:hover { border-color: var(--yue-brand-400); }
body.yue-home .yue-cta-solid:focus-visible,
body.yue-home .yue-cta-ghost:focus-visible,
body.yue-home a:focus-visible,
body.yue-home button:focus-visible {
  outline: 3px solid var(--yue-brand-200);   /* 10.25:1 on ink-800 (§8) */
  outline-offset: 2px;
}
body.yue-home .yue-numlabel-badge {
  display: inline-block;
  margin-bottom: var(--yue-s-1);
  font-family: var(--yue-font-mono);
  font-size: 12px;
  letter-spacing: .1em;
  text-transform: uppercase;
  color: var(--yue-brand-300);
}
body.yue-home .yue-chipset-tag {
  display: inline-flex;
  align-items: center;
  min-height: 32px;
  padding: 6px 12px;
  border: 1px solid var(--yue-hairline-dark);
  border-radius: var(--yue-r-xs);
  font-family: var(--yue-font-mono);
  font-size: 12px;
  letter-spacing: .04em;
  color: var(--yue-text-sec);
}
body.yue-home .yue-rulebar-line {
  height: 1px;
  margin: 0 0 var(--yue-s-3);
  background: var(--yue-brand-600);
}
body.yue-home .yue-askbar-cta {
  display: block;
  font-size: 14px;
  color: var(--yue-text-muted);
  letter-spacing: .02em;
}
body.yue-home .yue-docrow-item {
  display: grid;
  grid-template-columns: minmax(96px, 30%) 1fr;
  gap: var(--yue-s-2);
  align-items: baseline;
  padding: 10px 0;
  border-bottom: 1px solid var(--yue-hairline-dark);
  font-variant-numeric: tabular-nums;
}
body.yue-home .yue-docrow-item dt {
  font-family: var(--yue-font-mono);
  font-size: 12px;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: var(--yue-brand-300);
}
body.yue-home .yue-docrow-item dd { margin: 0; font-size: 14px; color: var(--yue-text-sec); }

/* ---------- §5 motion (MOTION dial = 4: L1 hover/focus + L2 reveal) ----------
   Section reveal is DELEGATED to the engine: public/script.js adds `.reveal`
   at runtime to `.section` blocks and `style.css` owns the transition, so no
   `.yue-reveal` rules are duplicated here (and the hero / final CTA band
   deliberately omit `.section` so the LCP element never enters a reveal).
   The skin only has to downgrade its own hover transforms under
   prefers-reduced-motion — enumerated per class, never a `*` fallback (§11 mine 3). */
@media (prefers-reduced-motion: reduce) {
  body.yue-home .yue-cta-solid,
  body.yue-home .yue-cta-ghost,
  body.yue-home .yue-materialgrid__cell,
  body.yue-home .yue-materialgrid__featcard,
  body.yue-home .yue-certvault__badge {
    animation: none;
    transition: none;
    transform: none;
  }
}

/* =========================================================
   §4 HOMEPAGE-ONLY layout (B1–B8 + brandwall)
   Inner pages must not reuse these nine root classes
   (audit_innerpage_compliance.py enforces).
   ========================================================= */

/* B1 · .yue-fluxhero — full-bleed dark, left-aligned, no slider */
body.yue-home .yue-fluxhero {
  position: relative;
  overflow: hidden;
  padding: var(--yue-s-7) 0;
  background: var(--yue-ink-900);
  border-bottom: 1px solid var(--yue-hairline-dark);
}
body.yue-home .yue-fluxhero__glow {
  position: absolute;
  inset: -40% -20% auto auto;
  width: 620px;
  height: 620px;
  pointer-events: none;
  background: radial-gradient(circle at 70% 30%, rgba(124, 92, 214, .18), transparent 62%);
}
body.yue-home .yue-fluxhero__inner {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--yue-s-5);
  align-items: start;
}
body.yue-home .yue-fluxhero__copy { max-width: 68ch; }
body.yue-home .yue-fluxhero__title {
  margin: 0 0 var(--yue-s-3);
  max-width: 60ch;                 /* h1-line-cap: constrained measure (§2.5 h) */
  font-family: var(--yue-font-display);
  font-size: clamp(2.25rem, 4.6vw, 4rem);
  font-weight: 700;
  line-height: 1.08;
  letter-spacing: -.02em;
  color: var(--yue-text-hi);
}
body.yue-home .yue-fluxhero__lead {
  margin: 0 0 var(--yue-s-4);
  max-width: 68ch;
  font-size: 18px;
  line-height: 1.65;
  color: var(--yue-text-sec);
}
body.yue-home .yue-fluxhero__actions { display: flex; flex-wrap: wrap; gap: var(--yue-s-2); }
body.yue-home .yue-fluxhero__note {
  margin: var(--yue-s-3) 0 0;
  font-family: var(--yue-font-mono);
  font-size: 12px;
  letter-spacing: .06em;
  color: var(--yue-text-muted);
}
body.yue-home .yue-fluxhero__panel {
  padding: var(--yue-s-4);
  border: 1px solid var(--yue-hairline-dark);
  border-radius: var(--yue-r-sm);
  background: var(--yue-ink-800);
}
body.yue-home .yue-fluxhero__field {
  display: block;
  width: 100%;
  max-width: 320px;
  margin: 0 auto var(--yue-s-4);
  color: var(--yue-brand-400);
}
body.yue-home .yue-fluxhero__fieldlines { opacity: .55; }
body.yue-home .yue-fluxhero__body { fill: var(--yue-ink-600); stroke: var(--yue-brand-500); stroke-width: 1.5; }
body.yue-home .yue-fluxhero__axis { stroke: var(--yue-hairline-dark); stroke-dasharray: 3 5; }
body.yue-home .yue-fluxhero__readout { margin: 0; }

/* B2 · .yue-materialgrid — 1 featured + 5 regular, asymmetric (§1.0 rule 2) */
body.yue-home .yue-materialgrid { background: var(--yue-ink-900); }
body.yue-home .yue-materialgrid__head { max-width: 68ch; margin-bottom: var(--yue-s-5); }
body.yue-home .yue-materialgrid__head h2,
body.yue-home .yue-applicationrail h2,
body.yue-home .yue-fluxspec h2,
body.yue-home .yue-certvault h2,
body.yue-home .yue-worksflow h2,
body.yue-home .yue-measuretrust h2,
body.yue-home .yue-companystory h2,
body.yue-home .yue-inquiryflux h2 {
  margin: 0 0 var(--yue-s-2);
  font-size: clamp(1.75rem, 3vw, 2.25rem);
  font-weight: 700;
  line-height: 1.12;
  letter-spacing: -.015em;
  color: var(--yue-text-hi);
}
body.yue-home .yue-materialgrid__lead { margin: 0; font-size: 16px; color: var(--yue-text-sec); }
body.yue-home .yue-materialgrid__layout { display: grid; grid-template-columns: 1fr; gap: var(--yue-s-2); }
body.yue-home .yue-materialgrid__featcard {
  display: flex;
  flex-direction: column;
  gap: var(--yue-s-1);
  padding: var(--yue-s-4);
  border: 1px solid var(--yue-hairline-dark);
  border-radius: var(--yue-r-sm);
  background: var(--yue-ink-700);
  text-decoration: none;
  transition: transform var(--motion-base) var(--ease-out),
              border-color var(--motion-base) var(--ease-out);
}
body.yue-home .yue-materialgrid__featcard h3 { margin: 0; font-size: 28px; line-height: 1.1; color: var(--yue-text-hi); }
body.yue-home .yue-materialgrid__featcard p { margin: 0; max-width: 62ch; font-size: 16px; color: var(--yue-text-sec); }
body.yue-home .yue-materialgrid__more {
  margin-top: var(--yue-s-2);
  font-family: var(--yue-font-mono);
  font-size: 12px;
  letter-spacing: .1em;
  text-transform: uppercase;
  color: var(--yue-brand-300);
}
body.yue-home .yue-materialgrid__cell {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--yue-s-2);
  min-height: 44px;
  padding: 18px var(--yue-s-3);
  border: 1px solid var(--yue-hairline-dark);
  border-radius: var(--yue-r-sm);
  background: var(--yue-ink-600);
  text-decoration: none;
  transition: transform var(--motion-base) var(--ease-out),
              border-color var(--motion-base) var(--ease-out);
}
body.yue-home .yue-materialgrid__cell:hover,
body.yue-home .yue-materialgrid__featcard:hover {
  transform: translateY(-2px);
  border-color: var(--yue-brand-400);
}
body.yue-home .yue-materialgrid__cell:hover .yue-materialgrid__cellgo { opacity: 1; }
body.yue-home .yue-materialgrid__cellname { font-size: 18px; font-weight: 600; color: var(--yue-text-hi); }
body.yue-home .yue-materialgrid__cellgo { font-family: var(--yue-font-mono); color: var(--yue-brand-300); opacity: .5; }

/* B3 · .yue-applicationrail — wide whitespace, mono chips, horizontal scroll on mobile */
body.yue-home .yue-applicationrail {
  padding: var(--yue-s-6) 0;
  background: var(--yue-ink-800);
  border-block: 1px solid var(--yue-hairline-dark);
}
body.yue-home .yue-applicationrail__list {
  display: flex;
  flex-wrap: wrap;
  gap: var(--yue-s-2);
  margin: var(--yue-s-4) 0 0;
  padding: 0;
  list-style: none;
}
body.yue-home .yue-applicationrail__chip {
  padding: 10px 16px;
  border: 1px solid var(--yue-hairline-dark);
  border-radius: var(--yue-r-xs);
  font-family: var(--yue-font-mono);
  font-size: 14px;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: var(--yue-text-sec);
  background: var(--yue-ink-700);
}

/* B4 · .yue-fluxspec — information-dense, measured-quantity narrative */
body.yue-home .yue-fluxspec__inner {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--yue-s-5);
  align-items: start;
}
body.yue-home .yue-fluxspec__copy { max-width: 62ch; }
body.yue-home .yue-fluxspec__copy p { margin: 0 0 var(--yue-s-4); font-size: 16px; color: var(--yue-text-sec); }
body.yue-home .yue-fluxspec__table { margin: 0; }

/* B5 · .yue-certvault — light-paper rhythm break (D2 qualification wall) */
body.yue-home .yue-certvault {
  padding: var(--yue-s-7) 0;
  background: var(--yue-paper);
  color: var(--yue-on-paper);
}
body.yue-home .yue-certvault .yue-eyebrow-tag { color: var(--yue-brand-600); }
body.yue-home .yue-certvault h2 { color: var(--yue-on-paper); }
body.yue-home .yue-certvault__lead {
  margin: 0 0 var(--yue-s-5);
  max-width: 72ch;
  font-size: 16px;
  color: var(--yue-on-paper-muted);
}
body.yue-home .yue-certvault__grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--yue-s-2);
  margin: 0;
  padding: 0;
  list-style: none;
}
body.yue-home .yue-certvault__badge {
  display: flex;
  flex-direction: column;
  gap: 6px;
  padding: var(--yue-s-3);
  border: 1px solid var(--yue-hairline-light);
  border-radius: var(--yue-r-sm);
  background: var(--yue-paper-hi);
  transition: transform var(--motion-base) var(--ease-out);
}
body.yue-home .yue-certvault__badge:hover { transform: translateY(-2px); }
body.yue-home .yue-certvault__code {
  font-family: var(--yue-font-mono);
  font-size: 14px;
  font-weight: 600;
  letter-spacing: .04em;
  color: var(--yue-brand-600);
  overflow-wrap: anywhere;
}
body.yue-home .yue-certvault__label { font-size: 14px; color: var(--yue-on-paper-muted); }

/* B5 evidence scans — round 4: real certificate and plaque photographs */
body.yue-home .yue-certvault__shots {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--yue-s-2);
  margin: var(--yue-s-5) 0 0;
  padding: 0;
  list-style: none;
}
body.yue-home .yue-certvault__shot {
  margin: 0;
  border: 1px solid var(--yue-hairline-light);
  border-radius: var(--yue-r-sm);
  background: var(--yue-paper-hi);
  overflow: hidden;
}
body.yue-home .yue-certvault__shot img {
  width: 100%;
  aspect-ratio: 4 / 3;
  object-fit: cover;
  object-position: top center;
}
body.yue-home .yue-certvault__shotcap {
  display: block;
  padding: 10px var(--yue-s-3);
  border-top: 1px solid var(--yue-hairline-light);
  font-family: var(--yue-font-mono);
  font-size: 12px;
  letter-spacing: .06em;
  text-transform: uppercase;
  color: var(--yue-on-paper-muted);
}
body.yue-home .yue-certvault__foot { margin: var(--yue-s-5) 0 0; }

/* B6 · .yue-worksflow — four-step custom path */
body.yue-home .yue-worksflow { background: var(--yue-ink-900); }
body.yue-home .yue-worksflow__steps {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--yue-s-2);
  margin: var(--yue-s-4) 0 0;
  padding: 0;
  list-style: none;
  counter-reset: yue-step;
}
body.yue-home .yue-worksflow__step {
  padding: var(--yue-s-3);
  border: 1px solid var(--yue-hairline-dark);
  border-radius: var(--yue-r-sm);
  background: var(--yue-ink-600);
}
body.yue-home .yue-worksflow__step h3 { margin: 0 0 var(--yue-s-1); font-size: 18px; line-height: 1.2; color: var(--yue-text-hi); }
body.yue-home .yue-worksflow__step p { margin: 0; font-size: 14px; line-height: 1.65; color: var(--yue-text-sec); }

/* B7 · .yue-measuretrust — dense chip band tied to the real instrument category */
body.yue-home .yue-measuretrust {
  padding: var(--yue-s-6) 0;
  background: var(--yue-ink-800);
  border-block: 1px solid var(--yue-hairline-dark);
}
body.yue-home .yue-measuretrust__inner {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--yue-s-4);
  align-items: start;
}
body.yue-home .yue-measuretrust__inner p { margin: 0 0 var(--yue-s-3); max-width: 62ch; font-size: 16px; color: var(--yue-text-sec); }
body.yue-home .yue-measuretrust__chips {
  display: flex;
  flex-wrap: wrap;
  gap: var(--yue-s-1);
  margin: 0;
  padding: 0;
  list-style: none;
}

/* B7 evidence scans — round 4: laboratory instrument photographs (dark band) */
body.yue-home .yue-measuretrust__shots {
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--yue-s-2);
  margin: 0;
  padding: 0;
  list-style: none;
}
body.yue-home .yue-measuretrust__shot {
  margin: 0;
  border: 1px solid var(--yue-hairline-dark);
  border-radius: var(--yue-r-sm);
  background: var(--yue-ink-600);
  overflow: hidden;
}
body.yue-home .yue-measuretrust__shot img {
  width: 100%;
  aspect-ratio: 4 / 3;
  object-fit: cover;
}
body.yue-home .yue-measuretrust__shotcap {
  display: block;
  padding: 10px var(--yue-s-3);
  border-top: 1px solid var(--yue-hairline-dark);
  font-family: var(--yue-font-mono);
  font-size: 12px;
  letter-spacing: .06em;
  text-transform: uppercase;
  color: var(--yue-text-muted);
}

/* about block — qualitative only, no scale figures (R3/R4) */
body.yue-home .yue-companystory { background: var(--yue-ink-900); }
body.yue-home .yue-companystory__inner {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--yue-s-5);
  align-items: start;
}
body.yue-home .yue-companystory__copy p { margin: 0 0 var(--yue-s-3); max-width: 68ch; font-size: 16px; color: var(--yue-text-sec); }
body.yue-home .yue-companystory__aside {
  padding: var(--yue-s-4);
  border: 1px solid var(--yue-hairline-dark);
  border-radius: var(--yue-r-sm);
  background: var(--yue-ink-700);
}
body.yue-home .yue-companystory__aside h3 {
  margin: 0 0 var(--yue-s-2);
  font-family: var(--yue-font-mono);
  font-size: 12px;
  letter-spacing: .1em;
  text-transform: uppercase;
  color: var(--yue-text-muted);
}
body.yue-home .yue-companystory__list {
  margin: 0;
  padding: 0;
  list-style: none;
}
body.yue-home .yue-companystory__list li {
  padding: 10px 0;
  border-bottom: 1px solid var(--yue-hairline-dark);
  font-size: 14px;
  color: var(--yue-text-sec);
}
body.yue-home .yue-companystory__list li:last-child { border-bottom: 0; }

/* B8 · .yue-inquiryflux — full-bleed conversion band */
body.yue-home .yue-inquiryflux {
  padding: var(--yue-s-7) 0 var(--yue-s-6);
  background:
    radial-gradient(circle at 82% 12%, rgba(109, 59, 209, .22), transparent 55%),
    var(--yue-ink-700);
  border-top: 1px solid var(--yue-hairline-dark);
}
body.yue-home .yue-inquiryflux__inner {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--yue-s-4);
  align-items: center;
}
body.yue-home .yue-inquiryflux__inner p { margin: 0; max-width: 62ch; font-size: 16px; color: var(--yue-text-sec); }
body.yue-home .yue-inquiryflux__actions { display: flex; flex-wrap: wrap; gap: var(--yue-s-2); }
body.yue-home .yue-inquiryflux__askbar { margin: var(--yue-s-5) 0 0; }

/* brandwall — deliberately empty; no unverified logos (R6) */
body.yue-home .yue-brandwall-note {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 var(--yue-s-4);
}

/* ---------- §7 responsive (mobile first, no ≥1440 tier) ---------- */
@media (min-width: 576px) {
  body.yue-home .yue-materialgrid__layout { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  body.yue-home .yue-materialgrid__featcard { grid-column: 1 / -1; }
  body.yue-home .yue-worksflow__steps { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (min-width: 768px) {
  body.yue-home .yue-certvault__grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  body.yue-home .yue-certvault__shots { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  body.yue-home .yue-measuretrust__shots { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  body.yue-home .yue-fluxhero__title { font-size: clamp(2.5rem, 4.2vw, 3.75rem); }
}
@media (min-width: 992px) {
  /* hero 7:5 asymmetric; category mix 1 wide + 5 cells with an offset column */
  body.yue-home .yue-fluxhero__inner { grid-template-columns: 7fr 5fr; gap: var(--yue-s-7); }
  body.yue-home .yue-fluxhero { padding: var(--yue-s-8) 0; }
  body.yue-home .yue-materialgrid__layout { grid-template-columns: repeat(6, minmax(0, 1fr)); gap: var(--yue-s-3); }
  body.yue-home .yue-materialgrid__featcard { grid-column: span 3; grid-row: span 2; }
  body.yue-home .yue-materialgrid__cell { grid-column: span 3; }
  body.yue-home .yue-materialgrid__cell:nth-of-type(2) { grid-column: span 3; }
  body.yue-home .yue-fluxspec__inner { grid-template-columns: 5fr 7fr; }
  body.yue-home .yue-measuretrust__inner { grid-template-columns: 7fr 5fr; }
  body.yue-home .yue-companystory__inner { grid-template-columns: 7fr 5fr; }
  body.yue-home .yue-inquiryflux__inner { grid-template-columns: 8fr 4fr; }
  body.yue-home .yue-worksflow__steps { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}