/*
 * Yuanze V1 — Kelo Motion Language Backport 02.
 * Premium Industrial Editorial Motion at 6/10 intensity.
 * Safety contract: governed content is visible by default. Every motion class
 * is an optional enhancement and may be removed without changing content.
 */

:root {
  --kelo-motion-duration: 860ms;
  --kelo-motion-ease: cubic-bezier(.16, .76, .28, 1);
  --kelo-motion-gold: #b88b3d;
  --kelo-motion-green: #12382e;
}

/* --------------------------------------------------------------------------
   Jiro Free Components design/motion optimization 03
   Composition-only enhancement. All visible copy, facts, routes and assets
   remain owned by the existing V1 DOM.
   -------------------------------------------------------------------------- */

.jiro03-ready {
  --jiro03-gold: #c5a86c;
  --jiro03-green: #12382e;
  --jiro03-ivory: #fffdf7;
  --jiro03-line: rgba(18, 56, 46, .18);
  --jiro03-ease: cubic-bezier(.22, 1, .36, 1);
}

/* A — manufacturing strength: one lead fact, three supporting facts. */
@media (min-width: 1101px) {
  body[data-page="home"] .fc-manufacturing.jiro03-strength {
    grid-template-columns: 31% 43% 26%;
  }
}

body[data-page="home"] .fc-company-metrics.jiro03-metrics {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  grid-template-rows: minmax(0, 1.35fr) repeat(2, minmax(0, 1fr));
  gap: 1px;
  background: rgba(197, 168, 108, .45);
}

body[data-page="home"] .jiro03-metrics > div {
  position: relative;
  min-width: 0;
  border: 0;
  background: var(--jiro03-green);
  transition: background-color 360ms ease, transform 360ms var(--jiro03-ease);
}

body[data-page="home"] .jiro03-metrics > div:first-child {
  grid-column: 1 / -1;
  padding-block: clamp(2.4rem, 4vw, 4.7rem);
  background:
    radial-gradient(circle at 82% 18%, rgba(197, 168, 108, .22), transparent 42%),
    #0d3028;
}

body[data-page="home"] .jiro03-metrics > div:last-child { grid-column: 1 / -1; }

body[data-page="home"] .jiro03-metrics > div::after {
  content: "";
  position: absolute;
  left: 1rem;
  right: 1rem;
  bottom: .8rem;
  height: 1px;
  background: linear-gradient(90deg, var(--jiro03-gold), transparent 72%);
  opacity: .36;
  transform: scaleX(.24);
  transform-origin: left;
  transition: opacity 360ms ease, transform 600ms var(--jiro03-ease);
}

body[data-page="home"] .jiro03-metrics > div:first-child::after { opacity: .7; }
body[data-page="home"] .jiro03-metrics.kelo-zone-active > div::after,
body[data-page="home"] .jiro03-metrics > div:is(:hover, :focus-within)::after { transform: scaleX(1); }

/* B — product-development stages become a paced editorial sequence. */
@media (min-width: 1101px) {
  body[data-page="rd"] .jiro03-process .pdv1-process-track {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 1px;
    border: 1px solid var(--jiro03-line);
    background: var(--jiro03-line);
  }

  body[data-page="rd"] .jiro03-process .pdv1-process-step {
    min-height: 9.5rem;
    border: 0;
    background: rgba(255, 253, 247, .96);
  }

  body[data-page="rd"] .jiro03-process .pdv1-process-step:nth-child(5) { grid-column: 2; }
  body[data-page="rd"] .jiro03-process .pdv1-process-step:nth-child(2n) { padding-top: 2.3rem; }
  body[data-page="rd"] .jiro03-process .pdv1-process-step:nth-child(2n + 1) { padding-top: 1.3rem; }
}

body[data-page="rd"] .jiro03-process .pdv1-process-step {
  position: relative;
  transition: color 320ms ease, background-color 320ms ease, transform 420ms var(--jiro03-ease);
}

body[data-page="rd"] .jiro03-process .pdv1-process-step::after {
  content: "";
  position: absolute;
  inset: auto 1rem .8rem;
  height: 2px;
  background: linear-gradient(90deg, var(--jiro03-gold), transparent);
  opacity: .22;
  transform: scaleX(.18);
  transform-origin: left;
  transition: transform 480ms var(--jiro03-ease), opacity 320ms ease;
}

body[data-page="rd"] .jiro03-process .pdv1-process-step:is(.is-active, [aria-selected="true"], :hover)::after {
  opacity: .92;
  transform: scaleX(1);
}

/* C — object-stage satellites; existing imagery only. */
@media (min-width: 821px) {
  body[data-page="packaging"] .packaging-gallery.jiro03-satellite-stage {
    --jiro-pointer-x: 0px;
    --jiro-pointer-y: 0px;
  }

  body[data-page="packaging"] .jiro03-satellite-stage .packaging-gallery-primary {
    left: 7%;
    top: 7%;
    width: 68%;
    height: 86%;
    transform: translate3d(calc(var(--jiro-pointer-x) * -.35), calc(var(--jiro-pointer-y) * -.35), 0);
  }

  body[data-page="packaging"] .jiro03-satellite-stage .packaging-gallery-item[data-gallery-slot="support-1"] {
    right: 0;
    top: 0;
    width: 31%;
    height: 29%;
  }

  body[data-page="packaging"] .jiro03-satellite-stage .packaging-gallery-item[data-gallery-slot="support-2"] {
    right: 2%;
    top: 35.5%;
    width: 25%;
    height: 25%;
  }

  body[data-page="packaging"] .jiro03-satellite-stage .packaging-gallery-item[data-gallery-slot="support-3"] {
    right: 0;
    bottom: 0;
    width: 32%;
    height: 31%;
  }

  body[data-page="packaging"] .jiro03-satellite-stage .packaging-gallery-item {
    transform: translate3d(var(--jiro-pointer-x), var(--jiro-pointer-y), 0);
  }
}

.jiro03-pointer-light {
  position: absolute;
  z-index: 6;
  width: 6px;
  height: 6px;
  left: calc(50% + var(--jiro-pointer-x, 0px));
  top: calc(50% + var(--jiro-pointer-y, 0px));
  border: 1px solid rgba(197, 168, 108, .76);
  border-radius: 50%;
  box-shadow: 0 0 0 8px rgba(197, 168, 108, .07);
  opacity: .52;
  pointer-events: none;
  transition: left 500ms var(--jiro03-ease), top 500ms var(--jiro03-ease), opacity 300ms ease;
}

body[data-page="products"] .jiro03-product-stage .jiro03-pointer-light {
  box-shadow: 0 0 0 10px rgba(197, 168, 108, .055), 0 0 26px rgba(197, 168, 108, .16);
}

/* D — R&D precision frame. */
.jiro03-rd-precision {
  position: relative;
  isolation: isolate;
}

.jiro03-rd-precision::after {
  content: "";
  position: absolute;
  z-index: 3;
  inset: clamp(1rem, 2.6vw, 2.5rem);
  border: 1px solid rgba(197, 168, 108, .32);
  clip-path: polygon(0 0, 18% 0, 18% 1px, 100% 1px, 100% 82%, calc(100% - 1px) 82%, calc(100% - 1px) 100%, 0 100%);
  pointer-events: none;
}

.jiro03-precision-rail {
  position: absolute;
  z-index: 4;
  top: clamp(1rem, 2.6vw, 2.5rem);
  right: clamp(1rem, 2.6vw, 2.5rem);
  bottom: clamp(1rem, 2.6vw, 2.5rem);
  width: 1px;
  background: rgba(197, 168, 108, .3);
  pointer-events: none;
}

.jiro03-precision-rail i {
  position: absolute;
  left: -3px;
  top: calc(var(--jiro03-node, 0) * 29% + 6%);
  width: 7px;
  height: 7px;
  border: 1px solid var(--jiro03-gold);
  border-radius: 50%;
  background: #fffdf7;
  opacity: .55;
}

.kelo-zone-active .jiro03-precision-rail i { animation: jiro03-node-pulse 2.8s ease-in-out calc(var(--jiro03-node) * 180ms) infinite; }

/* E — quality reads as checkpoints and measurement, not the R&D scan. */
.jiro03-quality-inspection { position: relative; }

.jiro03-measurement-rail {
  position: absolute;
  z-index: 4;
  left: 0;
  right: 0;
  bottom: -.9rem;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  height: 1.8rem;
  border-top: 1px solid rgba(197, 168, 108, .42);
  pointer-events: none;
}

.jiro03-measurement-rail span {
  position: relative;
  border-left: 1px solid rgba(197, 168, 108, .44);
}

.jiro03-measurement-rail span:last-child { border-right: 1px solid rgba(197, 168, 108, .44); }
.jiro03-measurement-rail span::after {
  content: "";
  position: absolute;
  left: 50%;
  top: -3px;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: var(--jiro03-gold);
  opacity: .35;
  transform: scale(.6);
}

.kelo-zone-active .jiro03-measurement-rail span::after {
  animation: jiro03-checkpoint 3.2s ease-in-out calc(var(--jiro03-node) * 320ms) infinite;
}

/* F — refine the existing seamless supplier rail. */
.jiro03-rail .logo-marquee-group { position: relative; }
.jiro03-rail .logo-marquee-group::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(197, 168, 108, .32) 12%, rgba(197, 168, 108, .32) 88%, transparent);
  pointer-events: none;
}

.jiro03-rail .logo-marquee-item { position: relative; z-index: 1; }
.jiro03-rail .logo-marquee-item::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: -.43rem;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: var(--jiro03-gold);
  box-shadow: 0 0 0 4px rgba(197, 168, 108, .08);
  opacity: .52;
}

.jiro03-rail .logo-marquee-track::after {
  content: "";
  position: absolute;
  z-index: 3;
  left: 0;
  top: calc(50% - 1px);
  width: 5rem;
  height: 2px;
  background: linear-gradient(90deg, transparent, rgba(197, 168, 108, .95), transparent);
  filter: drop-shadow(0 0 4px rgba(197, 168, 108, .55));
  opacity: 0;
  pointer-events: none;
}

.jiro03-rail.kelo-zone-active .logo-marquee-track::after {
  opacity: .7;
  animation: jiro03-rail-light 7.5s linear infinite;
}

.jiro03-rail .logo-marquee-rail:is(:hover, :focus-within) .logo-marquee-track::after { animation-play-state: paused; }

/* G — asymmetric editorial systems, preserving every existing card and link. */
@media (min-width: 901px) {
  body[data-page="case-studies"] .case-series-grid.jiro03-case-grid {
    display: grid;
    grid-template-columns: 1.65fr 1fr 1fr;
    gap: 1px;
    background: var(--jiro03-line);
  }

  body[data-page="case-studies"] .jiro03-case-grid > :is(button, article):first-child { min-height: 29rem; }
  body[data-page="case-studies"] .jiro03-case-grid > :is(button, article):not(:first-child) { min-height: 22rem; }
  body[data-page="case-studies"] .case-crosslink-grid.jiro03-case-crosslinks { grid-template-columns: 1.35fr .65fr; }

  body[data-page="knowledge"] .p2-topics.jiro03-knowledge-grid {
    display: grid;
    grid-template-columns: repeat(12, minmax(0, 1fr));
    gap: 1px;
    background: var(--jiro03-line);
    border: 1px solid var(--jiro03-line);
  }

  body[data-page="knowledge"] .jiro03-knowledge-grid > section {
    display: grid;
    grid-template-columns: 1fr;
    align-content: space-between;
    min-height: 18rem;
    margin: 0;
    padding: clamp(1.5rem, 3vw, 3rem);
    border: 0;
    background: var(--jiro03-ivory);
  }

  body[data-page="knowledge"] .jiro03-knowledge-grid > section:nth-child(1) { grid-column: 1 / 8; grid-row: 1 / 3; min-height: 36rem; }
  body[data-page="knowledge"] .jiro03-knowledge-grid > section:nth-child(2),
  body[data-page="knowledge"] .jiro03-knowledge-grid > section:nth-child(3) { grid-column: 8 / 13; }
  body[data-page="knowledge"] .jiro03-knowledge-grid > section:nth-child(4) { grid-column: 1 / 7; }
  body[data-page="knowledge"] .jiro03-knowledge-grid > section:nth-child(5) { grid-column: 7 / 13; }
}

.jiro03-case-grid > *,
.jiro03-knowledge-grid > section {
  transition: transform 520ms var(--jiro03-ease), box-shadow 360ms ease, background-color 360ms ease;
}

@media (hover: hover) and (pointer: fine) {
  .jiro03-case-grid > *:hover,
  .jiro03-knowledge-grid > section:hover { transform: translateY(-3px); box-shadow: 0 1.1rem 2.8rem rgba(18, 56, 46, .08); }
}

@keyframes jiro03-node-pulse {
  0%, 100% { opacity: .32; transform: scale(.72); }
  42% { opacity: .95; transform: scale(1.2); box-shadow: 0 0 0 7px rgba(197, 168, 108, .09); }
}

@keyframes jiro03-checkpoint {
  0%, 100% { opacity: .28; transform: scale(.6); }
  35% { opacity: 1; transform: scale(1.35); box-shadow: 0 0 0 6px rgba(197, 168, 108, .1); }
}

@keyframes jiro03-rail-light {
  from { transform: translate3d(-6rem, 0, 0); }
  to { transform: translate3d(calc(100vw + 6rem), 0, 0); }
}

@media (max-width: 1100px) {
  body[data-page="home"] .fc-company-metrics.jiro03-metrics {
    grid-template-rows: auto;
  }
}

@media (max-width: 900px) {
  body[data-page="case-studies"] .case-series-grid.jiro03-case-grid,
  body[data-page="case-studies"] .case-crosslink-grid.jiro03-case-crosslinks,
  body[data-page="knowledge"] .p2-topics.jiro03-knowledge-grid { display: block; background: transparent; border: 0; }
  body[data-page="knowledge"] .jiro03-knowledge-grid > section { min-height: 0; margin-block: 1px; padding: 1.4rem; }
  .jiro03-measurement-rail { display: none; }
}

@media (prefers-reduced-motion: reduce) {
  .jiro03-ready .jiro03-pointer-light { display: none; }
  .jiro03-ready .jiro03-precision-rail i,
  .jiro03-ready .jiro03-measurement-rail span::after,
  .jiro03-ready .jiro03-rail .logo-marquee-track::after { animation: none !important; }
  .jiro03-ready :where(.jiro03-case-grid > *, .jiro03-knowledge-grid > section, .jiro03-metrics > div, .jiro03-satellite-stage .packaging-gallery-primary, .jiro03-satellite-stage .packaging-gallery-item, .jiro03-product-stage .series-selector) {
    transform: none !important;
    transition-duration: .001ms !important;
  }
}

/* --------------------------------------------------------------------------
   Jiro Optimization 04 — targeted visual refinement only.
   The base content remains visible and readable without JavaScript or motion.
   -------------------------------------------------------------------------- */

/* Removed effects: no Products pointer light and no travelling rail light. */
body[data-page="products"] .jiro03-product-stage > .jiro03-pointer-light {
  display: none !important;
}

.jiro03-rail .logo-marquee-track::after,
.jiro03-rail.kelo-zone-active .logo-marquee-track::after {
  content: none !important;
  animation: none !important;
  opacity: 0 !important;
}

/* Product Development — a quiet, connected 01 → 07 process architecture. */
@media (min-width: 1101px) {
  body[data-page="rd"] .jiro04-connected-process .pdv1-process-track {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    grid-template-rows: repeat(2, minmax(9.5rem, auto));
    gap: clamp(1.35rem, 2.7vw, 3.2rem);
    overflow: visible;
    border: 0;
    background: transparent;
  }

  body[data-page="rd"] .jiro04-connected-process .pdv1-process-track::before {
    content: none;
  }

  body[data-page="rd"] .jiro04-connected-process .pdv1-process-step {
    min-height: 9.5rem;
    padding: 1.45rem 1.25rem 1.3rem;
    overflow: visible;
    border: 1px solid rgba(197, 168, 108, .28);
    background: rgba(255, 253, 247, .055);
    box-shadow: inset 0 1px rgba(255, 255, 255, .04);
    opacity: .82;
  }

  body[data-page="rd"] .jiro04-connected-process .pdv1-process-step:nth-child(1) { grid-column: 1; grid-row: 1; }
  body[data-page="rd"] .jiro04-connected-process .pdv1-process-step:nth-child(2) { grid-column: 2; grid-row: 1; }
  body[data-page="rd"] .jiro04-connected-process .pdv1-process-step:nth-child(3) { grid-column: 3; grid-row: 1; }
  body[data-page="rd"] .jiro04-connected-process .pdv1-process-step:nth-child(4) { grid-column: 4; grid-row: 1; }
  body[data-page="rd"] .jiro04-connected-process .pdv1-process-step:nth-child(5) { grid-column: 4; grid-row: 2; }
  body[data-page="rd"] .jiro04-connected-process .pdv1-process-step:nth-child(6) { grid-column: 3; grid-row: 2; }
  body[data-page="rd"] .jiro04-connected-process .pdv1-process-step:nth-child(7) { grid-column: 2; grid-row: 2; }

  body[data-page="rd"] .jiro04-connected-process .pdv1-process-step::before {
    content: "";
    position: absolute;
    z-index: 2;
    top: 50%;
    left: 100%;
    width: calc(clamp(1.35rem, 2.7vw, 3.2rem) + 1px);
    height: 1px;
    background: linear-gradient(90deg, rgba(197, 168, 108, .72), rgba(197, 168, 108, .26));
    opacity: .58;
    transform: scaleX(1);
    transform-origin: left;
    pointer-events: none;
  }

  body[data-page="rd"] .jiro04-connected-process .pdv1-process-step:nth-child(4)::before {
    top: 100%;
    left: 50%;
    width: 1px;
    height: calc(clamp(1.35rem, 2.7vw, 3.2rem) + 1px);
    background: linear-gradient(180deg, rgba(197, 168, 108, .72), rgba(197, 168, 108, .26));
    transform: scaleY(1);
    transform-origin: top;
  }

  body[data-page="rd"] .jiro04-connected-process .pdv1-process-step:nth-child(5)::before,
  body[data-page="rd"] .jiro04-connected-process .pdv1-process-step:nth-child(6)::before {
    right: 100%;
    left: auto;
    background: linear-gradient(270deg, rgba(197, 168, 108, .72), rgba(197, 168, 108, .26));
    transform-origin: right;
  }

  body[data-page="rd"] .jiro04-connected-process .pdv1-process-step:nth-child(7)::before {
    content: none;
  }

  body[data-page="rd"] .jiro04-connected-process .pdv1-process-track.kelo-sequence-active .pdv1-process-step::before {
    animation: jiro04-process-connector 620ms cubic-bezier(.22, 1, .36, 1) calc(var(--kelo-item-index, 0) * 300ms + 160ms) both;
  }

  body[data-page="rd"] .jiro04-connected-process .pdv1-process-track.kelo-sequence-active .pdv1-process-step:nth-child(4)::before {
    animation-name: jiro04-process-connector-vertical;
  }
}

body[data-page="rd"] .jiro04-connected-process .pdv1-process-step:is(.is-active, [aria-selected="true"], :hover, :focus-visible) {
  z-index: 3;
  opacity: 1;
  border-color: rgba(197, 168, 108, .76);
  background: rgba(255, 253, 247, .1);
  box-shadow: inset 0 -2px #c5a86c, 0 1rem 2.4rem rgba(6, 31, 25, .12);
}

@keyframes jiro04-process-connector {
  0% { opacity: .18; transform: scaleX(0); }
  65% { opacity: .95; }
  100% { opacity: .58; transform: scaleX(1); }
}

@keyframes jiro04-process-connector-vertical {
  0% { opacity: .18; transform: scaleY(0); }
  65% { opacity: .95; }
  100% { opacity: .58; transform: scaleY(1); }
}

/* Packaging — factual satellites derived from the existing gallery data. */
body[data-page="packaging"] .jiro03-satellite-stage::before {
  content: "";
  position: absolute;
  z-index: 1;
  inset: 9% 18% 9% 54%;
  border-block: 1px solid rgba(197, 168, 108, .18);
  background:
    linear-gradient(116deg, transparent 0 29%, rgba(197, 168, 108, .24) 29.2% 29.5%, transparent 29.7% 100%),
    linear-gradient(90deg, transparent 0 47%, rgba(197, 168, 108, .2) 47.2% 47.5%, transparent 47.7% 100%),
    linear-gradient(64deg, transparent 0 66%, rgba(197, 168, 108, .2) 66.2% 66.5%, transparent 66.7% 100%);
  pointer-events: none;
}

.jiro04-satellite-info {
  position: absolute;
  z-index: 5;
  right: .62rem;
  bottom: .62rem;
  left: .62rem;
  display: grid;
  grid-template-columns: auto 1fr;
  gap: .2rem .55rem;
  align-items: baseline;
  padding: .55rem .62rem .5rem;
  border: 1px solid rgba(234, 209, 159, .38);
  background: rgba(9, 44, 36, .78);
  color: #fff6df;
  text-align: left;
  backdrop-filter: blur(8px);
  pointer-events: none;
}

.jiro04-satellite-info::before {
  content: "";
  position: absolute;
  left: 2.55rem;
  right: .65rem;
  top: -.42rem;
  height: 1px;
  background: linear-gradient(90deg, rgba(234, 209, 159, .7), transparent);
  opacity: .7;
}

.jiro04-satellite-order {
  grid-row: 1 / 3;
  color: #d8b876;
  font: italic 1rem/1 var(--font-display, "Newsreader", serif);
}

.jiro04-satellite-title,
.jiro04-satellite-detail {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-family: var(--sans, Arial, sans-serif);
  text-transform: uppercase;
}

.jiro04-satellite-title {
  font-size: .5rem;
  font-weight: 700;
  letter-spacing: .12em;
}

.jiro04-satellite-detail {
  color: rgba(255, 246, 223, .7);
  font-size: .43rem;
  letter-spacing: .1em;
}

.kelo-packaging-ambient .packaging-gallery-layer,
.kelo-packaging-ambient .packaging-gallery-item,
.kelo-packaging-ambient.kelo-zone-active .packaging-gallery-layer,
.kelo-packaging-ambient.kelo-zone-active .packaging-gallery-item {
  animation: none !important;
}

@media (min-width: 821px) {
  body[data-page="packaging"] .jiro03-satellite-stage .packaging-gallery-primary {
    transform: translate3d(calc(var(--jiro-pointer-x) * -.25), calc(var(--jiro-pointer-y) * -.25), 0) scale(1.012);
    transition: transform 900ms cubic-bezier(.22, 1, .36, 1), box-shadow 520ms ease;
  }

  body[data-page="packaging"] .jiro03-satellite-stage .packaging-gallery-item[data-gallery-slot="support-1"] {
    transform: translate3d(calc(var(--jiro-pointer-x) * .55), calc(var(--jiro-pointer-y) * .55), 0);
  }

  body[data-page="packaging"] .jiro03-satellite-stage .packaging-gallery-item[data-gallery-slot="support-2"] {
    transform: translate3d(calc(var(--jiro-pointer-x) * 1), calc(var(--jiro-pointer-y) * 1), 0);
  }

  body[data-page="packaging"] .jiro03-satellite-stage .packaging-gallery-item[data-gallery-slot="support-3"] {
    transform: translate3d(calc(var(--jiro-pointer-x) * 1.45), calc(var(--jiro-pointer-y) * 1.45), 0);
  }

  body[data-page="packaging"] .jiro04-sequence-active .jiro04-satellite-info {
    animation: jiro04-satellite-settle 900ms cubic-bezier(.22, 1, .36, 1) both;
  }

  body[data-page="packaging"] .jiro04-sequence-active [data-gallery-slot="support-2"] .jiro04-satellite-info { animation-delay: 130ms; }
  body[data-page="packaging"] .jiro04-sequence-active [data-gallery-slot="support-3"] .jiro04-satellite-info { animation-delay: 260ms; }
}

@keyframes jiro04-satellite-settle {
  from { opacity: 0; transform: translate3d(0, 10px, 0); clip-path: inset(0 0 100% 0); }
  to { opacity: 1; transform: translate3d(0, 0, 0); clip-path: inset(0); }
}

/* R&D — finite formulation / development / testing sequence. */
.kelo-lab-zone::before,
.kelo-lab-zone::after,
.kelo-lab-zone.kelo-zone-active::before,
.kelo-lab-zone.kelo-zone-active::after,
.kelo-lab-zone.kelo-zone-active :where(.pdv1-formula, .pdv1-sampling),
.kelo-zone-active .jiro03-precision-rail i {
  animation: none !important;
}

.jiro03-rd-precision::after {
  inset: auto 8% 1.25rem;
  height: 1px;
  border: 0;
  clip-path: none;
  background: linear-gradient(90deg, #b88b3d, rgba(205, 226, 193, .78), transparent);
  opacity: .48;
  transform: scaleX(1);
  transform-origin: left;
}

.jiro03-precision-rail i {
  opacity: .54;
  transform: scale(.82);
}

.jiro03-rd-precision.jiro04-sequence-active::before {
  animation: jiro04-lab-scan 2.8s cubic-bezier(.4, 0, .2, 1) 120ms both !important;
}

.jiro03-rd-precision.jiro04-sequence-active::after {
  animation: jiro04-lab-progress 3.2s cubic-bezier(.22, 1, .36, 1) 160ms both !important;
}

.jiro03-rd-precision.jiro04-sequence-active .jiro03-precision-rail i {
  animation: jiro04-lab-node 820ms cubic-bezier(.22, 1, .36, 1) calc(var(--jiro03-node) * 430ms + 360ms) both !important;
}

.jiro03-rd-precision.jiro04-sequence-active :where(.pdv1-media img, img) {
  animation: jiro04-lab-depth 3.4s cubic-bezier(.22, 1, .36, 1) both !important;
}

@keyframes jiro04-lab-scan {
  0% { transform: translate3d(-130%, 0, 0); opacity: 0; }
  18% { opacity: .72; }
  72% { opacity: .6; }
  100% { transform: translate3d(760%, 0, 0); opacity: 0; }
}

@keyframes jiro04-lab-progress {
  0% { opacity: .22; transform: scaleX(.08); }
  72% { opacity: .82; }
  100% { opacity: .48; transform: scaleX(1); }
}

@keyframes jiro04-lab-node {
  0% { opacity: .34; transform: scale(.72); box-shadow: 0 0 0 0 rgba(197, 168, 108, 0); }
  48% { opacity: 1; transform: scale(1.24); box-shadow: 0 0 0 7px rgba(197, 168, 108, .11); }
  100% { opacity: .62; transform: scale(.88); box-shadow: 0 0 0 0 rgba(197, 168, 108, 0); }
}

@keyframes jiro04-lab-depth {
  0% { transform: scale(1); filter: saturate(.92); }
  42% { transform: scale(1.008); filter: saturate(1) contrast(1.015); }
  100% { transform: scale(1); filter: none; }
}

/* Quality Control — a separate inspection / measurement / release language. */
.kelo-quality-zone::before,
.kelo-quality-zone::after,
.kelo-quality-zone.kelo-zone-active::before,
.kelo-quality-zone.kelo-zone-active::after,
.qcv1-testing.kelo-zone-active .qcv1-testing-tab,
.kelo-zone-active .jiro03-measurement-rail span::after {
  animation: none !important;
}

.qcv1-testing.jiro04-sequence-active .kelo-quality-zone::before {
  animation: jiro04-quality-sweep 2.45s cubic-bezier(.4, 0, .2, 1) 160ms both !important;
}

.qcv1-testing.jiro04-sequence-active .kelo-quality-zone::after {
  animation: jiro04-quality-release 1.05s cubic-bezier(.22, 1, .36, 1) 2.05s both !important;
}

.qcv1-testing.jiro04-sequence-active .jiro03-measurement-rail span::after {
  animation: jiro04-quality-checkpoint 650ms cubic-bezier(.22, 1, .36, 1) calc(var(--jiro03-node) * 360ms + 430ms) both !important;
}

.qcv1-testing.jiro04-sequence-active .qcv1-testing-tab {
  animation: jiro04-quality-tab-pass 720ms ease-out calc(var(--kelo-item-index, 0) * 270ms + 360ms) both !important;
}

@keyframes jiro04-quality-sweep {
  0% { transform: translate3d(0, -30px, 0); opacity: 0; }
  15% { opacity: .9; }
  82% { opacity: .64; }
  100% { transform: translate3d(0, calc(var(--kelo-zone-height, 520px) * .82), 0); opacity: 0; }
}

@keyframes jiro04-quality-release {
  0% { opacity: .3; transform: scale(.65); box-shadow: 0 0 0 0 rgba(205, 226, 193, .32); }
  55% { opacity: 1; transform: scale(1.1); box-shadow: 0 0 0 .72rem rgba(205, 226, 193, 0); }
  100% { opacity: .72; transform: scale(.88); box-shadow: 0 0 0 0 rgba(205, 226, 193, 0); }
}

@keyframes jiro04-quality-checkpoint {
  0% { opacity: .28; transform: scale(.55); }
  52% { opacity: 1; transform: scale(1.35); box-shadow: 0 0 0 6px rgba(197, 168, 108, .1); }
  100% { opacity: .68; transform: scale(.8); box-shadow: none; }
}

@keyframes jiro04-quality-tab-pass {
  0% { box-shadow: inset 0 0 transparent; }
  52% { box-shadow: inset 3px 0 rgba(184, 139, 61, .92); }
  100% { box-shadow: inset 3px 0 rgba(184, 139, 61, .35); }
}

@media (max-width: 820px) {
  body[data-page="packaging"] .jiro03-satellite-stage::before,
  body[data-page="packaging"] .jiro03-satellite-stage > .jiro03-pointer-light {
    display: none;
  }

  body[data-page="packaging"] .jiro03-satellite-stage .packaging-gallery-primary,
  body[data-page="packaging"] .jiro03-satellite-stage .packaging-gallery-item {
    transform: none !important;
  }

  .jiro04-satellite-info {
    right: .35rem;
    bottom: .35rem;
    left: .35rem;
    display: block;
    padding: .38rem .42rem;
  }

  .jiro04-satellite-order,
  .jiro04-satellite-info::before {
    display: none;
  }

  .jiro04-satellite-title {
    display: block;
    overflow: visible;
    font-size: .42rem;
    line-height: 1.2;
    text-overflow: clip;
    white-space: normal;
  }

  .jiro04-satellite-detail {
    display: block;
    margin-top: .2rem;
    overflow: visible;
    font-size: .34rem;
    line-height: 1.25;
    white-space: normal;
  }
}

@media (prefers-reduced-motion: reduce) {
  .jiro04-connected-process .pdv1-process-step::before,
  .jiro04-satellite-info,
  .jiro03-rd-precision::before,
  .jiro03-rd-precision::after,
  .jiro03-rd-precision .jiro03-precision-rail i,
  .jiro03-rd-precision :where(.pdv1-media img, img),
  .qcv1-testing .kelo-quality-zone::before,
  .qcv1-testing .kelo-quality-zone::after,
  .qcv1-testing .jiro03-measurement-rail span::after,
  .qcv1-testing .qcv1-testing-tab {
    animation: none !important;
    transition-duration: .001ms !important;
  }

  body[data-page="packaging"] .jiro03-satellite-stage .packaging-gallery-primary,
  body[data-page="packaging"] .jiro03-satellite-stage .packaging-gallery-item {
    transform: none !important;
  }
}

/* Fail-open correction for legacy runtimes that otherwise gate visibility. */
:where(
  [data-pdv1-reveal],
  [data-qcv1-reveal],
  [data-mfgv1-reveal],
  [data-case-reveal],
  [data-gbe-reveal]
):not(.kelo-motion-play):not(.kelo-motion-hero-layer) {
  opacity: 1 !important;
  transform: none !important;
  clip-path: none !important;
}

/* P1 — four visible-by-default entrance families. */
.kelo-motion-play,
.kelo-motion-hero-layer {
  animation-duration: var(--kelo-motion-duration);
  animation-delay: var(--kelo-motion-delay, 0ms);
  animation-timing-function: var(--kelo-motion-ease);
  animation-fill-mode: both;
  clip-path: none !important;
}

.kelo-motion-hero-layer,
.kelo-family-rise { animation-name: kelo-enter-rise; }
.kelo-family-editorial-left { animation-name: kelo-enter-left; }
.kelo-family-editorial-right { animation-name: kelo-enter-right; }
.kelo-family-depth { animation-name: kelo-enter-depth; }

.site-header.kelo-motion-hero-layer {
  animation-name: kelo-enter-header;
  animation-duration: 680ms;
}

@keyframes kelo-enter-rise {
  from { opacity: .08; transform: translate3d(0, 38px, 0); }
  to { opacity: 1; transform: translate3d(0, 0, 0); }
}

@keyframes kelo-enter-left {
  from { opacity: .08; transform: translate3d(-44px, 0, 0); }
  to { opacity: 1; transform: translate3d(0, 0, 0); }
}

@keyframes kelo-enter-right {
  from { opacity: .08; transform: translate3d(44px, 0, 0); }
  to { opacity: 1; transform: translate3d(0, 0, 0); }
}

@keyframes kelo-enter-depth {
  from { opacity: .12; transform: translate3d(0, 24px, 0) scale(.965); }
  to { opacity: 1; transform: translate3d(0, 0, 0) scale(1); }
}

@keyframes kelo-enter-header {
  from { opacity: .08; transform: translate3d(0, -22px, 0); }
  to { opacity: 1; transform: translate3d(0, 0, 0); }
}

/* P2 + P3 — cinematic media drift and bounded scroll departure. */
.kelo-scroll-hero-media,
.kelo-scroll-hero-copy {
  will-change: transform;
  transition: opacity 100ms linear;
}

.kelo-scroll-hero-media {
  transform: translate3d(0, var(--kelo-scroll-media-y, 0px), 0) scale(var(--kelo-scroll-media-scale, 1));
}

.kelo-scroll-hero-copy {
  transform: translate3d(0, var(--kelo-scroll-copy-y, 0px), 0);
  opacity: var(--kelo-scroll-copy-opacity, 1);
}

.kelo-cinematic-media {
  transform-origin: 52% 48%;
  animation: kelo-cinematic-drift 16s ease-in-out infinite alternate paused;
  will-change: transform;
}

.kelo-cinematic-zone.kelo-zone-active .kelo-cinematic-media {
  animation-play-state: running;
}

body[data-page="home"] .kelo-cinematic-media { animation-duration: 18s; }
body[data-page="packaging"] .kelo-cinematic-media { animation-duration: 13s; }

@keyframes kelo-cinematic-drift {
  0% { transform: translate3d(-.35%, -.35%, 0) scale(1.005); }
  52% { transform: translate3d(.55%, .25%, 0) scale(1.024); }
  100% { transform: translate3d(-.15%, .7%, 0) scale(1.035); }
}

/* Stronger, family-specific section pacing. */
.kelo-section-active > :where(header, .series-section-head, .p2-section-head, .case-section-head),
.kelo-section-active :where(.pdv1-section-head, .qcv1-section-head, .mfgv1-section-head) {
  animation-name: kelo-enter-left;
}

.kelo-section-active :where(
  .series-detail,
  .packaging-gallery,
  .pdv1-media,
  .qcv1-media,
  .mfgv1-media,
  .case-hero-media,
  .case-feature-media-grid,
  .p2-feature-story img
) {
  transform-origin: center;
}

/* P4 — stronger tactile interaction for product, packaging and editorial cards. */
@media (hover: hover) and (pointer: fine) and (prefers-reduced-motion: no-preference) {
  :where(
    .series-selector,
    .visual-card,
    .overview-card,
    .evidence-card,
    .route-card,
    .p2-product-card,
    .component-grid > article,
    .engineering-grid > article,
    .legacy-list > article,
    .pdv1-start-card,
    .pdv1-quality-bridge,
    .pdv1-production-ready,
    .qcv1-evidence-grid article,
    .qcv1-trust-grid article,
    .case-series-selector,
    .case-crosslink-grid > a,
    .p2-topics li > a
  ) {
    position: relative;
    transition: transform 420ms var(--kelo-motion-ease), box-shadow 420ms ease, border-color 420ms ease, background-color 420ms ease;
  }

  :where(
    .series-selector,
    .visual-card,
    .overview-card,
    .evidence-card,
    .route-card,
    .p2-product-card,
    .component-grid > article,
    .engineering-grid > article,
    .legacy-list > article,
    .pdv1-start-card,
    .pdv1-quality-bridge,
    .pdv1-production-ready,
    .qcv1-evidence-grid article,
    .qcv1-trust-grid article,
    .case-series-selector,
    .case-crosslink-grid > a,
    .p2-topics li > a
  ):hover {
    animation: none !important;
    transform: translate3d(0, -6px, 0) !important;
    border-color: rgba(184, 139, 61, .52) !important;
    box-shadow: 0 1.25rem 2.8rem rgba(18, 56, 46, .14) !important;
  }

  :where(
    .series-selector,
    .visual-card,
    .p2-product-card,
    .component-grid > article,
    .qcv1-evidence-grid article,
    .case-series-selector,
    .case-crosslink-grid > a
  ) img {
    transition: transform 620ms var(--kelo-motion-ease), filter 420ms ease;
    transform-origin: 52% 48%;
  }

  :where(
    .series-selector,
    .visual-card,
    .p2-product-card,
    .component-grid > article,
    .qcv1-evidence-grid article,
    .case-series-selector,
    .case-crosslink-grid > a
  ):hover img {
    transform: translate3d(3px, -2px, 0) scale(1.06) !important;
  }

  body[data-page="packaging"] :where(.series-selector, .component-grid > article):hover img {
    transform: translate3d(3px, -3px, 0) scale(1.07) !important;
  }

  :where(.series-selector, .case-series-selector, .case-crosslink-grid > a, .p2-topics li > a)
  :where(.series-arrow, .case-series-arrow, em, svg) {
    transition: transform 380ms var(--kelo-motion-ease), color 380ms ease;
  }

  :where(.series-selector, .case-series-selector, .case-crosslink-grid > a, .p2-topics li > a):hover
  :where(.series-arrow, .case-series-arrow, em, svg) {
    transform: translate3d(5px, -1px, 0);
  }

  :where(.series-selector, .component-grid > article, .case-series-selector)::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 3;
    pointer-events: none;
    opacity: 0;
    background: linear-gradient(118deg, transparent 18%, rgba(255,255,255,.13) 48%, transparent 74%);
    transform: translate3d(-36%, 0, 0);
    transition: opacity 360ms ease, transform 620ms var(--kelo-motion-ease);
  }

  :where(.series-selector, .component-grid > article, .case-series-selector):hover::after {
    opacity: 1;
    transform: translate3d(36%, 0, 0);
  }
}

/* P6 — visibly calm existing continuous rail; mechanics remain in logo-marquee.js. */
body[data-page="home"] .global-brand-ecosystem.kelo-rail-enhanced {
  --gbe-marquee-speed: 26;
}

body[data-page="home"] .global-brand-ecosystem.kelo-rail-enhanced .logo-marquee-rail {
  box-shadow: inset 0 1px rgba(184,139,61,.14), inset 0 -1px rgba(18,56,46,.09);
  cursor: grab;
  touch-action: pan-y;
  user-select: none;
}

body[data-page="home"] .global-brand-ecosystem.kelo-rail-enhanced .logo-marquee-rail.is-kelo-dragging {
  cursor: grabbing;
}

body[data-page="home"] .global-brand-ecosystem.kelo-rail-enhanced .logo-marquee-item {
  transition: transform 320ms var(--kelo-motion-ease), border-color 320ms ease, background-color 320ms ease;
}

/* P5 — R&D formula/laboratory motion language. */
.kelo-lab-zone {
  position: relative;
  isolation: isolate;
  overflow: hidden;
}

.kelo-lab-zone::before {
  content: "";
  position: absolute;
  z-index: 7;
  top: 0;
  bottom: 0;
  left: -24%;
  width: 18%;
  pointer-events: none;
  opacity: 0;
  background: linear-gradient(90deg, transparent, rgba(205,226,193,.12) 42%, rgba(255,239,189,.25) 52%, transparent);
  mix-blend-mode: screen;
  animation: kelo-lab-scan 5.4s linear infinite paused;
}

.kelo-lab-zone::after {
  content: "";
  position: absolute;
  z-index: 7;
  left: 8%;
  right: 8%;
  bottom: 1.25rem;
  height: 1px;
  pointer-events: none;
  opacity: .45;
  transform: scaleX(.12);
  transform-origin: left;
  background: linear-gradient(90deg, #b88b3d, rgba(205,226,193,.78), transparent);
  animation: kelo-lab-progress 4.8s ease-in-out infinite paused;
}

.kelo-lab-zone.kelo-zone-active::before,
.kelo-lab-zone.kelo-zone-active::after { animation-play-state: running; }

.kelo-lab-zone.kelo-zone-active :where(.pdv1-formula, .pdv1-sampling) {
  animation: kelo-lab-breathe 7.6s ease-in-out infinite alternate;
}

@keyframes kelo-lab-scan {
  0%, 14% { transform: translate3d(-120%,0,0); opacity: 0; }
  22% { opacity: .82; }
  72% { opacity: .82; }
  82%, 100% { transform: translate3d(760%,0,0); opacity: 0; }
}

@keyframes kelo-lab-progress {
  0%, 12% { transform: scaleX(.12); opacity: .3; }
  68% { transform: scaleX(.88); opacity: .78; }
  100% { transform: scaleX(1); opacity: 0; }
}

@keyframes kelo-lab-breathe {
  from { transform: translate3d(0, 0, 0); }
  to { transform: translate3d(0, -7px, 0); }
}

/* QC uses a vertical inspection language, distinct from the R&D sweep. */
.kelo-quality-zone {
  position: relative;
  isolation: isolate;
  overflow: hidden;
}

.kelo-quality-zone::before {
  content: "";
  position: absolute;
  z-index: 9;
  top: -10%;
  right: 0;
  left: 0;
  height: 3px;
  pointer-events: none;
  opacity: 0;
  background: linear-gradient(90deg, transparent 4%, rgba(255,239,189,.85) 30%, rgba(205,226,193,.95) 55%, transparent 96%);
  box-shadow: 0 0 1rem rgba(205,226,193,.54);
  animation: kelo-quality-inspection 4.6s cubic-bezier(.4,0,.2,1) infinite paused;
}

.kelo-quality-zone::after {
  content: "";
  position: absolute;
  z-index: 8;
  inset: 8% 1.25rem auto auto;
  width: .62rem;
  height: .62rem;
  border: 1px solid rgba(255,239,189,.86);
  border-radius: 50%;
  pointer-events: none;
  box-shadow: 0 0 0 0 rgba(205,226,193,.3);
  animation: kelo-quality-checkpoint 2.3s ease-out infinite paused;
}

.kelo-quality-zone.kelo-zone-active::before,
.kelo-quality-zone.kelo-zone-active::after { animation-play-state: running; }

.qcv1-testing.kelo-zone-active .qcv1-testing-tab {
  animation: kelo-quality-tab 5.6s ease-in-out infinite;
  animation-delay: calc(var(--kelo-item-index, 0) * 520ms);
}

@keyframes kelo-quality-inspection {
  0%, 8% { transform: translate3d(0,-30px,0); opacity: 0; }
  18% { opacity: .9; }
  76% { opacity: .72; }
  88%, 100% { transform: translate3d(0, calc(var(--kelo-zone-height, 520px) * .8), 0); opacity: 0; }
}

@keyframes kelo-quality-checkpoint {
  0% { box-shadow: 0 0 0 0 rgba(205,226,193,.34); opacity: .38; }
  55% { box-shadow: 0 0 0 .62rem rgba(205,226,193,0); opacity: 1; }
  100% { box-shadow: 0 0 0 .62rem rgba(205,226,193,0); opacity: .38; }
}

@keyframes kelo-quality-tab {
  0%, 70%, 100% { box-shadow: inset 3px 0 transparent; }
  12%, 28% { box-shadow: inset 3px 0 rgba(184,139,61,.9); }
}

/* Manufacturing uses a directional floor-flow rhythm. */
.kelo-manufacturing-zone {
  position: relative;
  isolation: isolate;
  overflow: hidden;
}

.kelo-manufacturing-zone::after {
  content: "";
  position: absolute;
  z-index: 9;
  left: 5%;
  right: 5%;
  bottom: 1.2rem;
  height: 2px;
  pointer-events: none;
  opacity: .86;
  transform: scaleX(.04);
  transform-origin: left;
  background: linear-gradient(90deg, #b88b3d, #d7c08c 44%, #cde2c1 72%, transparent);
  box-shadow: 0 0 .8rem rgba(184,139,61,.28);
  animation: kelo-production-flow 6.4s cubic-bezier(.3,.1,.2,1) infinite paused;
}

.kelo-manufacturing-zone.kelo-zone-active::after { animation-play-state: running; }

.mfgv1-process.kelo-zone-active .mfgv1-process-tab {
  animation: kelo-production-step 6.4s ease-in-out infinite;
  animation-delay: calc(var(--kelo-item-index, 0) * 480ms);
}

@keyframes kelo-production-flow {
  0%, 8% { transform: scaleX(.04); opacity: .28; }
  76% { transform: scaleX(1); opacity: .92; }
  94%, 100% { transform: scaleX(1); opacity: 0; }
}

@keyframes kelo-production-step {
  0%, 72%, 100% { transform: translate3d(0,0,0); }
  10%, 24% { transform: translate3d(4px,0,0); }
}

/* Product Development is a finite, one-shot sequential activation. */
.pdv1-process-track.kelo-sequence-active {
  position: relative;
}

.pdv1-process-track.kelo-sequence-active::after {
  content: "";
  position: absolute;
  z-index: 0;
  left: 0;
  right: 0;
  bottom: 0;
  height: 2px;
  pointer-events: none;
  transform: scaleX(0);
  transform-origin: left;
  background: linear-gradient(90deg, #b88b3d, #cde2c1);
  animation: kelo-sequence-line 2.8s var(--kelo-motion-ease) forwards;
}

.pdv1-process-track.kelo-sequence-active .pdv1-process-step {
  position: relative;
  z-index: 1;
  animation: kelo-sequence-step 720ms var(--kelo-motion-ease) both;
  animation-delay: calc(var(--kelo-item-index, 0) * 260ms);
}

@keyframes kelo-sequence-line {
  from { transform: scaleX(0); opacity: .35; }
  to { transform: scaleX(1); opacity: .9; }
}

@keyframes kelo-sequence-step {
  0% { transform: translate3d(0,18px,0); box-shadow: inset 0 0 transparent; }
  52% { transform: translate3d(0,-3px,0); box-shadow: inset 0 -3px rgba(184,139,61,.78); }
  100% { transform: translate3d(0,0,0); box-shadow: inset 0 -1px rgba(184,139,61,.32); }
}

/* Selected ambient motion: decorative packaging layers only. */
.kelo-packaging-ambient.kelo-zone-active .packaging-gallery-layer:nth-child(1),
.kelo-packaging-ambient.kelo-zone-active .packaging-gallery-item:nth-child(1) {
  animation: kelo-ambient-a 9s ease-in-out infinite alternate;
}

.kelo-packaging-ambient.kelo-zone-active .packaging-gallery-layer:nth-child(2),
.kelo-packaging-ambient.kelo-zone-active .packaging-gallery-item:nth-child(2) {
  animation: kelo-ambient-b 11s ease-in-out 700ms infinite alternate;
}

.kelo-packaging-ambient.kelo-zone-active .packaging-gallery-layer:nth-child(3) {
  animation: kelo-ambient-c 13s ease-in-out 1.1s infinite alternate;
}

@keyframes kelo-ambient-a {
  from { transform: translate3d(0,-4px,0) rotate(-.35deg); }
  to { transform: translate3d(4px,8px,0) rotate(.7deg); }
}

@keyframes kelo-ambient-b {
  from { transform: translate3d(-3px,5px,0) rotate(.5deg); }
  to { transform: translate3d(3px,-7px,0) rotate(-.8deg); }
}

@keyframes kelo-ambient-c {
  from { transform: translate3d(2px,-6px,0) scale(1); }
  to { transform: translate3d(-3px,6px,0) scale(1.015); }
}

body[data-kelo-document-hidden="true"] :where(
  .kelo-cinematic-media,
  .kelo-lab-zone::before,
  .kelo-lab-zone::after,
  .kelo-quality-zone::before,
  .kelo-quality-zone::after,
  .kelo-manufacturing-zone::after
) {
  animation-play-state: paused !important;
}

/* ================================================================
   YUANZE V1 production interaction integration 08
   Final curation translated into the existing V1 component system.
   ================================================================ */

body[data-yz-interaction-integration="08"] {
  --motion-fast: 260ms;
  --motion-base: 320ms;
  --motion-reveal: 560ms;
  --ease-premium: cubic-bezier(.22, .61, .36, 1);
  --cta-height: 54px;
  --cta-radius: 2px;
  --cta-gap: 20px;
  --image-hover-scale: 1.022;
}

/* Final global A/B language for controls not owned by editorial-interactions.js. */
body[data-yz-interaction-integration="08"] .yz-i08-button[data-yz-button-system="a"] {
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--cta-gap);
  min-height: var(--cta-height);
  height: auto;
  padding: 13px 17px 13px 22px;
  color: #f7f2e8;
  background: #0d3b31;
  border: 1px solid rgba(13, 59, 49, .86);
  border-radius: var(--cta-radius);
  box-shadow: none;
  clip-path: none;
  touch-action: manipulation;
  transition: background-color var(--motion-base) var(--ease-premium), border-color var(--motion-base) var(--ease-premium), color var(--motion-fast) ease, transform var(--motion-fast) var(--ease-premium);
}
body[data-yz-interaction-integration="08"] :is(.bm-hero,.mfgv1-hero,.mfgv1-final,.v2-final-cta) .yz-i08-button[data-yz-button-system="a"] {
  color: #123a31;
  background: #f4eddf;
  border-color: rgba(244, 237, 223, .9);
}
body[data-yz-interaction-integration="08"] .yz-i08-button[data-yz-button-system="a"]::before,
body[data-yz-interaction-integration="08"] .yz-i08-button[data-yz-button-system="a"]::after,
body[data-yz-interaction-integration="08"] .yz-i08-button[data-yz-button-system="a"] > .yz-btn__reveal { display: none; }
body[data-yz-interaction-integration="08"] .yz-i08-button[data-yz-button-system="a"] :is(.yz-btn__icon,.yz-action-icon,span[aria-hidden="true"]) {
  transform: translateX(0);
  transition: transform var(--motion-fast) var(--ease-premium), opacity var(--motion-fast) ease;
}
body[data-yz-interaction-integration="08"] .yz-i08-button[data-yz-button-system="b"] {
  display: inline-flex;
  align-items: center;
  justify-content: flex-start;
  gap: 14px;
  min-height: 44px;
  height: auto;
  padding: 10px 0;
  color: inherit;
  background: transparent;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  clip-path: none;
  touch-action: manipulation;
  transition: color var(--motion-fast) ease, opacity var(--motion-fast) ease;
}
body[data-yz-interaction-integration="08"] .yz-i08-button[data-yz-button-system="b"]::before,
body[data-yz-interaction-integration="08"] .yz-i08-button[data-yz-button-system="b"]::after,
body[data-yz-interaction-integration="08"] .yz-i08-button[data-yz-button-system="b"] > .yz-btn__reveal { display: none; }
body[data-yz-interaction-integration="08"] .yz-i08-button[data-yz-button-system="b"] :is(.yz-btn__label,.yz-btn__icon,.yz-action-label,.yz-action-icon,span[aria-hidden="true"]) {
  transform: translateX(0);
  transition: transform var(--motion-fast) var(--ease-premium), opacity var(--motion-fast) ease;
}
@media (hover: hover) and (pointer: fine) {
  body[data-yz-interaction-integration="08"] .yz-i08-button[data-yz-button-system="a"]:hover {
    color: #f7f2e8;
    background: #174a3d;
    border-color: #174a3d;
    transform: translateY(-1px);
  }
  body[data-yz-interaction-integration="08"] :is(.bm-hero,.mfgv1-hero,.mfgv1-final,.v2-final-cta) .yz-i08-button[data-yz-button-system="a"]:hover {
    color: #0d3b31;
    background: #fffaf0;
    border-color: #fffaf0;
  }
  body[data-yz-interaction-integration="08"] .yz-i08-button[data-yz-button-system="a"]:hover :is(.yz-btn__icon,.yz-action-icon,span[aria-hidden="true"]),
  body[data-yz-interaction-integration="08"] .yz-i08-button[data-yz-button-system="b"]:hover :is(.yz-btn__label,.yz-btn__icon,.yz-action-label,.yz-action-icon,span[aria-hidden="true"]) {
    transform: translateX(3px);
  }
}
body[data-yz-interaction-integration="08"] .yz-i08-button[data-yz-button-system="a"]:active { transform: translateY(0) scale(.985); transition-duration: 100ms; }
body[data-yz-interaction-integration="08"] .yz-i08-button[data-yz-button-system="b"]:active { opacity: .72; }
body[data-yz-interaction-integration="08"] .yz-i08-button:focus-visible { outline: 2px solid #cfa85f; outline-offset: 4px; }

/* Home — two signature moments, four supporting modules, one ambient rail. */
body[data-page="home"] .yz-i08-home-product-cards :is(.fc-product-primary,.fc-product-support > a) figure { overflow: hidden; }
body[data-page="home"] .yz-i08-home-product-cards :is(.fc-product-primary,.fc-product-support > a) img {
  transform: scale(1);
  transform-origin: 50% 48%;
  transition: transform 420ms var(--ease-premium), filter 320ms ease;
}
body[data-page="home"] .yz-i08-home-product-cards :is(.fc-product-primary,.fc-product-support > a) .yz-action-icon {
  transition: transform var(--motion-fast) var(--ease-premium), opacity var(--motion-fast) ease;
}
@media (hover: hover) and (pointer: fine) {
  body[data-page="home"] .yz-i08-home-product-cards :is(.fc-product-primary,.fc-product-support > a):hover img { transform: scale(var(--image-hover-scale)); }
  body[data-page="home"] .yz-i08-home-product-cards :is(.fc-product-primary,.fc-product-support > a):hover .yz-action-icon { transform: translate(5px, -1px); }
}
body[data-page="home"] .yz-i08-synchronized-split :is(.fc-quality-image,.fc-quality-statement,.fc-quality-stages) {
  opacity: 0;
  transform: translateY(18px);
  transition: opacity var(--motion-reveal) var(--ease-premium), transform var(--motion-reveal) var(--ease-premium);
}
body[data-page="home"] .yz-i08-synchronized-split.is-integration-visible :is(.fc-quality-image,.fc-quality-statement,.fc-quality-stages) { opacity: 1; transform: none; }
body[data-page="home"] .yz-i08-synchronized-split.is-integration-visible .fc-quality-statement { transition-delay: 70ms; }
body[data-page="home"] .yz-i08-synchronized-split.is-integration-visible .fc-quality-stages { transition-delay: 130ms; }
@media (min-width: 1025px) {
  body[data-page="home"] .yz-i08-sticky-story .fc-company-image { position: sticky; top: 112px; align-self: start; }
}
body[data-page="home"] .yz-i08-evidence-labels > div {
  box-shadow: none;
  transition: transform var(--motion-base) var(--ease-premium), border-color var(--motion-base) ease, background-color var(--motion-base) ease;
}
body[data-page="home"] .fc-company-metrics.yz-i08-evidence-labels { background: rgba(197, 168, 108, .18); }
body[data-page="home"] .yz-i08-evidence-labels > div:first-child {
  background: radial-gradient(circle at 82% 18%, rgba(197, 168, 108, .1), transparent 42%), #10352d;
}
body[data-page="home"] .yz-i08-evidence-labels > div::after { opacity: .18; transition-duration: var(--motion-reveal); }
body[data-page="home"] .yz-i08-evidence-labels > div:first-child::after { opacity: .3; }
body[data-page="home"] .yz-i08-evidence-labels.kelo-zone-active > div::after,
body[data-page="home"] .yz-i08-evidence-labels > div:is(:hover,:focus-within)::after { transform: scaleX(.68); }
body[data-page="home"] .yz-i08-sticky-story.is-integration-visible .yz-i08-evidence-labels > div:nth-child(2n) { transform: translateY(2px); }
body[data-page="home"] .yz-i08-market-rail :is(.logo-marquee-track,.yz-collab-track) { animation-timing-function: linear; }
body[data-page="home"] .yz-i08-image-conclusion {
  position: relative;
  isolation: isolate;
  background-image: linear-gradient(90deg, rgba(5, 37, 31, .96) 0%, rgba(5, 37, 31, .84) 48%, rgba(5, 37, 31, .34) 100%), url('/assets/media/source-derived/factory-wave01/bulk-preparation-source-candidate-desktop.webp');
  background-position: center;
  background-size: cover;
}
body[data-page="home"] .yz-i08-image-conclusion::before { content: ""; position: absolute; inset: 0; z-index: -1; border-top: 1px solid rgba(244, 237, 223, .26); border-bottom: 1px solid rgba(244, 237, 223, .16); }

/* Products — border/reposition cards, edge mask, linked explorer, restrained scale. */
body[data-page="products"] .yz-i08-product-card-grid .series-selector {
  border: 1px solid rgba(18, 58, 49, .24);
  transform: translateY(0);
  transition: border-color var(--motion-base) ease, transform var(--motion-base) var(--ease-premium), background-color var(--motion-base) ease;
}
body[data-page="products"] .yz-i08-edge-mask img {
  clip-path: inset(0 5% 0 0);
  transform: scale(1.002) translateX(-.75%);
  transition: clip-path 480ms var(--ease-premium), transform 420ms var(--ease-premium);
}
body[data-page="products"] .yz-i08-product-card-grid .series-selector:is(.is-selected,:focus-visible) { border-color: rgba(178, 139, 71, .9); transform: translateY(-2px) !important; }
body[data-page="products"] .yz-i08-product-card-grid .series-selector:is(.is-selected,:focus-visible) img { clip-path: inset(0); transform: scale(1.018) translateX(0) !important; }
@media (hover: hover) and (pointer: fine) {
  body[data-page="products"] .yz-i08-product-card-grid .series-selector:hover { border-color: rgba(18, 58, 49, .58) !important; transform: translateY(-2px) !important; box-shadow: 0 12px 28px rgba(18, 56, 46, .07) !important; }
  body[data-page="products"] .yz-i08-product-card-grid .series-selector:hover img { clip-path: inset(0); transform: scale(1.022) translateX(0) !important; }
  body[data-page="products"] .yz-i08-product-card-grid .series-selector:hover .series-arrow { transform: translate(3px, -1px); }
}
body[data-page="products"] .yz-i08-product-card-grid .series-selector::after { content: none !important; }
body[data-page="products"] .yz-i08-controlled-scale > * { animation: yz-i08-controlled-scale 520ms var(--ease-premium) both; }
@keyframes yz-i08-controlled-scale { from { opacity: .72; transform: scale(.988); } to { opacity: 1; transform: scale(1); } }

/* Packaging — purposeful primary preview, separated controls and focus expansion. */
body[data-page="packaging"] .yz-i08-focus-gallery .packaging-gallery-item {
  transform-origin: center;
  transition: transform 360ms var(--ease-premium), opacity 280ms ease, border-color 280ms ease;
}
body[data-page="packaging"] .yz-i08-focus-gallery .packaging-gallery-item:is(:focus-visible,.is-active-thumbnail) { z-index: 6; transform: scale(1.035); }
@media (hover: hover) and (pointer: fine) {
  body[data-page="packaging"] .yz-i08-focus-gallery .packaging-gallery-item:hover { z-index: 6; transform: scale(1.035); }
  body[data-page="packaging"] .yz-i08-focus-gallery:has(.packaging-gallery-item:hover) .packaging-gallery-item:not(:hover) { opacity: .82; }
  body[data-page="packaging"] .component-grid > article:hover { transform: translateY(-2px) !important; box-shadow: 0 12px 28px rgba(18, 56, 46, .07) !important; }
  body[data-page="packaging"] .component-grid > article:hover img { transform: scale(1.018) !important; }
}
body[data-page="packaging"] .component-grid > article::after,
body[data-page="packaging"] .jiro03-satellite-stage > .jiro03-pointer-light { content: none !important; display: none !important; }
body[data-page="packaging"] .yz-i08-primary-preview { outline: 1px solid rgba(244, 237, 223, .18); outline-offset: -1px; }
body[data-page="packaging"] .yz-i08-material-explorer button {
  min-height: 44px;
  transition: color var(--motion-fast) ease, border-color var(--motion-fast) ease, background-color var(--motion-fast) ease;
}
body[data-page="packaging"] .yz-i08-material-explorer button[aria-pressed="true"] { border-color: #b28b47; color: #fff8eb; background: rgba(178, 139, 71, .16); }
body[data-page="packaging"] .yz-i08-synchronized-split .series-section-head,
body[data-page="packaging"] .yz-i08-synchronized-split .component-grid {
  opacity: 0;
  transform: translateY(16px);
  transition: opacity var(--motion-reveal) var(--ease-premium), transform var(--motion-reveal) var(--ease-premium);
}
body[data-page="packaging"] .yz-i08-synchronized-split.is-integration-visible :is(.series-section-head,.component-grid) { opacity: 1; transform: none; }
body[data-page="packaging"] .yz-i08-synchronized-split.is-integration-visible .component-grid { transition-delay: 120ms; }

/* Manufacturing — process timeline, sticky stage, verified count, linked QC and layered frames. */
body[data-page="manufacturing"] .yz-i08-timeline .mfgv1-process-tabs { position: relative; }
body[data-page="manufacturing"] .yz-i08-timeline .mfgv1-process-tabs::before {
  content: "";
  position: absolute;
  left: 24px;
  top: 24px;
  bottom: 24px;
  width: 1px;
  background: linear-gradient(to bottom, #c9a35d 0%, rgba(201, 163, 93, .18) 100%);
  pointer-events: none;
}
body[data-page="manufacturing"] .yz-i08-timeline .mfgv1-process-tab { position: relative; z-index: 1; }
body[data-page="manufacturing"] .yz-i08-timeline .mfgv1-process-tab:is(.is-active,:focus-visible) { border-color: rgba(201, 163, 93, .78); }
@media (min-width: 961px) {
  body[data-page="manufacturing"] .yz-i08-timeline .mfgv1-process-tab { min-height: 132px; }
  body[data-page="manufacturing"] .yz-i08-sticky-story .mfgv1-process-stage { position: sticky; top: 104px; align-self: start; }
  body[data-page="manufacturing"] .yz-i08-sticky-story.mfgv1-process-layout .mfgv1-process-stage { height: min(66vh, 640px); min-height: 560px; }
}
body[data-page="manufacturing"] .yz-i08-count-rule article { position: relative; }
body[data-page="manufacturing"] .yz-i08-count-rule article::after {
  content: "";
  position: absolute;
  left: 0;
  right: 18%;
  bottom: -10px;
  height: 1px;
  background: linear-gradient(90deg, rgba(201, 163, 93, .9), rgba(201, 163, 93, .08));
}
body[data-page="manufacturing"] .yz-i08-quality-options { list-style: none; padding: 0; }
body[data-page="manufacturing"] .yz-i08-quality-options li { margin: 0; }
body[data-page="manufacturing"] .yz-i08-quality-option {
  width: 100%;
  min-height: 46px;
  padding: 11px 34px 11px 0;
  color: inherit;
  font: inherit;
  text-align: left;
  background: transparent;
  border: 0;
  border-bottom: 1px solid rgba(244, 237, 223, .18);
  cursor: pointer;
  transition: color var(--motion-fast) ease, padding-left var(--motion-base) var(--ease-premium), border-color var(--motion-fast) ease;
}
body[data-page="manufacturing"] .yz-i08-quality-option[aria-selected="true"] { color: #d3af69; padding-left: 12px; border-color: rgba(211, 175, 105, .72); }
body[data-page="manufacturing"] .yz-i08-quality-option:focus-visible { outline: 2px solid #d3af69; outline-offset: 3px; }
body[data-page="manufacturing"] .yz-i08-quality-explorer .mfgv1-quality-mosaic figure {
  inset: 0;
  width: 100%;
  height: 100%;
  border-width: 6px;
  opacity: 0;
  visibility: hidden;
  filter: none;
  transform: none;
  pointer-events: none;
  transition: opacity 420ms var(--ease-premium), visibility 0s linear 420ms;
}
body[data-page="manufacturing"] .yz-i08-quality-explorer .mfgv1-quality-mosaic figure.is-integration-active { z-index: 2; opacity: 1; visibility: visible; filter: none; transform: none; transition-delay: 0s; }
body[data-page="manufacturing"] .mfgv1-hero-detail-b { display: none; }
body[data-page="manufacturing"] .yz-i08-layered-frames > article {
  box-shadow: none;
  transition: opacity 420ms var(--ease-premium);
}
@media (min-width: 701px) {
  body[data-page="manufacturing"] .yz-i08-layered-frames {
    grid-template-columns: minmax(0, 3fr) minmax(260px, 1fr);
    grid-template-rows: minmax(520px, 68vh);
    gap: 14px;
  }
  body[data-page="manufacturing"] .yz-i08-layered-frames > article { display: none; transform: none; }
  body[data-page="manufacturing"] .yz-i08-layered-frames > .mfgv1-completion-wide,
  body[data-page="manufacturing"] .yz-i08-layered-frames > .mfgv1-completion-carton { display: block; grid-row: 1; }
  body[data-page="manufacturing"] .yz-i08-layered-frames > .mfgv1-completion-wide { grid-column: 1; }
  body[data-page="manufacturing"] .yz-i08-layered-frames > .mfgv1-completion-carton { grid-column: 2; }
}

@media (max-width: 1024px) {
  body[data-page="home"] .yz-i08-sticky-story .fc-company-image,
  body[data-page="manufacturing"] .yz-i08-sticky-story .mfgv1-process-stage { position: relative; top: auto; }
  body[data-page="manufacturing"] .yz-i08-timeline .mfgv1-process-tabs::before { display: none; }
}
@media (max-width: 700px) {
  body[data-page="products"] .yz-i08-edge-mask img { clip-path: none; transform: none; }
  body[data-page="packaging"] .yz-i08-focus-gallery .packaging-gallery-item:is(:focus-visible,.is-active-thumbnail) { transform: none; }
  body[data-page="home"] .yz-i08-sticky-story.is-integration-visible .yz-i08-evidence-labels > div { transform: none; }
  body[data-yz-interaction-integration="08"] .yz-i08-button[data-yz-button-system="a"] { min-height: 52px; padding: 12px 16px 12px 19px; }
}
@media (prefers-reduced-motion: reduce) {
  body[data-yz-interaction-integration="08"] .yz-i08-module,
  body[data-yz-interaction-integration="08"] .yz-i08-module *,
  body[data-yz-interaction-integration="08"] .yz-i08-button,
  body[data-yz-interaction-integration="08"] .yz-i08-button * {
    animation: none !important;
    scroll-behavior: auto !important;
    transition: none !important;
  }
  body[data-page="home"] .yz-i08-synchronized-split :is(.fc-quality-image,.fc-quality-statement,.fc-quality-stages),
  body[data-page="packaging"] .yz-i08-synchronized-split :is(.series-section-head,.component-grid) { opacity: 1; transform: none; }
  body[data-page="products"] .yz-i08-edge-mask img { clip-path: none; transform: none; }
  body[data-page="manufacturing"] .yz-i08-quality-explorer .mfgv1-quality-mosaic figure { opacity: 1; filter: none; transform: none; }
}

/* ========================================================================== 
   YUANZE-V1-JIRO-BUTTON-SYSTEM-05-PILOT
   Bounded CTA families for the approved pilot routes only. Motion levels:
   0 static, 1 restrained state change, 2 centered spot fill, 3 label/icon swap.
   ========================================================================== */

.yz-btn[data-yz-button-pilot="true"] {
  --yz-btn-bg: #143c32;
  --yz-btn-ink: #f7f2e9;
  --yz-btn-border: #143c32;
  --yz-btn-reveal: #2d584b;
  --yz-btn-focus: #c6a968;
  position: relative;
  isolation: isolate;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  gap: 13px;
  min-height: 48px;
  width: auto;
  max-width: 100%;
  padding: 11px 20px !important;
  border: 1px solid var(--yz-btn-border) !important;
  border-radius: 10px !important;
  overflow: hidden !important;
  background: var(--yz-btn-bg) !important;
  color: var(--yz-btn-ink) !important;
  box-shadow: 0 8px 20px rgba(18, 56, 46, .12);
  font: inherit;
  font-size: clamp(.73rem, .69rem + .12vw, .82rem) !important;
  font-weight: 650 !important;
  line-height: 1.15 !important;
  letter-spacing: .065em !important;
  text-align: center;
  text-decoration: none !important;
  text-transform: uppercase;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
  transition:
    color 220ms ease,
    border-color 220ms ease,
    background-color 220ms ease,
    box-shadow 220ms ease,
    transform 220ms cubic-bezier(.2, .72, .22, 1) !important;
}

html body[data-page] .yz-btn.yz-btn[data-yz-button-pilot="true"]::before,
html body[data-page] .yz-btn.yz-btn[data-yz-button-pilot="true"]::after {
  content: none !important;
  display: none !important;
}

.yz-btn__label,
.yz-btn__icon,
.yz-btn > .yz-action-label,
.yz-btn > .yz-action-icon {
  position: relative;
  z-index: 2;
}

.yz-btn__label,
.yz-btn > .yz-action-label {
  display: block;
  min-width: 0;
  transition: transform 240ms cubic-bezier(.2, .72, .22, 1);
}

.yz-btn__icon,
.yz-btn > .yz-action-icon {
  display: inline-grid;
  place-items: center;
  flex: 0 0 auto;
  width: 24px;
  height: 24px;
  border: 1px solid currentColor;
  border-radius: 50%;
  font-size: 13px;
  line-height: 1;
  letter-spacing: 0;
  transition:
    color 240ms ease,
    background-color 240ms ease,
    border-color 240ms ease,
    transform 240ms cubic-bezier(.2, .72, .22, 1);
}

.yz-btn__reveal {
  position: absolute;
  z-index: 1;
  left: 50%;
  top: 50%;
  width: min(100%, 240px);
  aspect-ratio: 1;
  border-radius: 50%;
  background: var(--yz-btn-reveal);
  opacity: 0;
  transform: translate(-50%, -50%) scale(.06);
  transform-origin: center;
  pointer-events: none;
  transition:
    opacity 240ms ease,
    transform 440ms cubic-bezier(.18, .76, .26, 1);
}

.yz-btn--compact[data-yz-button-pilot="true"] {
  min-height: 40px;
  padding: 9px 15px !important;
  border-radius: 9px !important;
  box-shadow: none;
  font-size: .69rem !important;
  letter-spacing: .055em !important;
  white-space: nowrap;
}

.yz-btn--outline[data-yz-button-pilot="true"] {
  --yz-btn-bg: transparent;
  --yz-btn-ink: #143c32;
  --yz-btn-border: rgba(20, 60, 50, .48);
  --yz-btn-reveal: rgba(198, 169, 104, .18);
  box-shadow: none;
}

.yz-btn--outline .yz-btn__reveal {
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  aspect-ratio: auto;
  border-radius: 0;
  opacity: 1;
  transform: scaleX(0);
  transform-origin: left center;
  transition: transform 300ms cubic-bezier(.2, .72, .22, 1);
}

.yz-btn--dark[data-yz-button-pilot="true"] {
  --yz-btn-bg: #f4eee3;
  --yz-btn-ink: #143c32;
  --yz-btn-border: #f4eee3;
  --yz-btn-reveal: #c5a86c;
  box-shadow: 0 10px 24px rgba(0, 0, 0, .15);
}

.yz-btn--swap[data-yz-button-pilot="true"] {
  --yz-btn-bg: transparent;
  --yz-btn-ink: #143c32;
  --yz-btn-border: rgba(20, 60, 50, .34);
  padding-inline: 18px 13px !important;
  box-shadow: none;
}

.yz-btn--swap .yz-btn__reveal {
  display: none;
}

.yz-btn--swap.yz-btn--on-dark[data-yz-button-pilot="true"] {
  --yz-btn-ink: #f7f2e9;
  --yz-btn-border: rgba(247, 242, 233, .5);
}

.yz-btn--swap .yz-btn__icon,
.yz-btn--swap > .yz-action-icon {
  background: #143c32;
  color: #f7f2e9;
  border-color: transparent;
}

.yz-btn--swap.yz-btn--on-dark .yz-btn__icon,
.yz-btn--swap.yz-btn--on-dark > .yz-action-icon {
  background: #f7f2e9;
  color: #143c32;
}

@media (hover: hover) and (pointer: fine) {
  .yz-btn[data-yz-button-pilot="true"]:hover {
    transform: translateY(-1px);
    box-shadow: 0 10px 22px rgba(18, 56, 46, .18);
  }

  .yz-btn[data-yz-button-pilot="true"]:hover .yz-btn__reveal {
    opacity: 1;
    transform: translate(-50%, -50%) scale(1);
  }

  .yz-btn--outline[data-yz-button-pilot="true"]:hover {
    border-color: rgba(20, 60, 50, .72) !important;
    box-shadow: 0 0 0 4px rgba(198, 169, 104, .1);
  }

  .yz-btn--outline[data-yz-button-pilot="true"]:hover .yz-btn__reveal {
    transform: scaleX(1);
  }

  .yz-btn--swap[data-yz-button-pilot="true"]:hover {
    box-shadow: none;
  }

  .yz-btn--swap[data-yz-button-pilot="true"]:hover .yz-btn__label,
  .yz-btn--swap[data-yz-button-pilot="true"]:hover > .yz-action-label {
    transform: translateX(-2px);
  }

  .yz-btn--swap[data-yz-button-pilot="true"]:hover .yz-btn__icon,
  .yz-btn--swap[data-yz-button-pilot="true"]:hover > .yz-action-icon {
    transform: translateX(3px);
  }

  .yz-btn--compact[data-yz-button-pilot="true"]:hover {
    box-shadow: 0 0 0 4px rgba(198, 169, 104, .12);
  }
}

html body[data-page] .yz-btn.yz-btn[data-yz-button-pilot="true"]:focus,
html body[data-page] .yz-btn.yz-btn[data-yz-button-pilot="true"]:focus-visible {
  outline-color: var(--yz-btn-focus) !important;
  outline-style: solid !important;
  outline-width: 3px !important;
  outline-offset: 3px !important;
  box-shadow: 0 0 0 6px rgba(198, 169, 104, .18) !important;
}

.yz-btn[data-yz-button-pilot="true"]:active {
  transform: translateY(0) scale(.99);
}

@media (max-width: 760px) {
  .yz-btn[data-yz-button-pilot="true"] {
    min-height: 48px;
    padding: 12px 18px !important;
  }

  .yz-btn--compact[data-yz-button-pilot="true"] {
    min-height: 44px;
  }
}

@media (hover: none), (pointer: coarse) {
  .yz-btn[data-yz-button-pilot="true"] {
    min-height: 48px;
    transform: none !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  .yz-btn[data-yz-button-pilot="true"],
  .yz-btn[data-yz-button-pilot="true"] *,
  .yz-btn[data-yz-button-pilot="true"]::before,
  .yz-btn[data-yz-button-pilot="true"]::after {
    scroll-behavior: auto !important;
    animation: none !important;
    transition-duration: .001ms !important;
  }

  .yz-btn[data-yz-button-pilot="true"]:hover,
  .yz-btn[data-yz-button-pilot="true"]:active,
  .yz-btn--swap[data-yz-button-pilot="true"]:hover .yz-btn__label,
  .yz-btn--swap[data-yz-button-pilot="true"]:hover .yz-btn__icon,
  .yz-btn--swap[data-yz-button-pilot="true"]:hover > .yz-action-label,
  .yz-btn--swap[data-yz-button-pilot="true"]:hover > .yz-action-icon {
    transform: none !important;
  }
}

@media (max-width: 1024px) {
  body[data-page="home"] .global-brand-ecosystem.kelo-rail-enhanced { --gbe-marquee-speed: 22; }
}

@media (max-width: 767px) {
  body[data-page="home"] .global-brand-ecosystem.kelo-rail-enhanced { --gbe-marquee-speed: 18; }
  .kelo-scroll-hero-media,
  .kelo-scroll-hero-copy { transform: none !important; opacity: 1 !important; }
  .kelo-cinematic-media { animation-duration: 18s; }
}

@media (prefers-reduced-motion: reduce) {
  .kelo-motion-hero-layer,
  .kelo-motion-play,
  .kelo-cinematic-media,
  .kelo-lab-zone::before,
  .kelo-lab-zone::after,
  .kelo-quality-zone::before,
  .kelo-quality-zone::after,
  .kelo-quality-zone .qcv1-testing-tab,
  .kelo-manufacturing-zone::after,
  .kelo-manufacturing-zone .mfgv1-process-tab,
  .pdv1-process-track::after,
  .pdv1-process-track .pdv1-process-step,
  .kelo-packaging-ambient .packaging-gallery-layer,
  .kelo-packaging-ambient .packaging-gallery-item {
    animation: none !important;
    opacity: 1 !important;
    transform: none !important;
    clip-path: none !important;
  }

  .kelo-scroll-hero-media,
  .kelo-scroll-hero-copy {
    transform: none !important;
    opacity: 1 !important;
  }

  body[data-page="home"] .global-brand-ecosystem { --gbe-marquee-speed: 0; }

  :where(
    .series-selector,
    .visual-card,
    .overview-card,
    .evidence-card,
    .route-card,
    .p2-product-card,
    .component-grid > article,
    .engineering-grid > article,
    .legacy-list > article,
    .pdv1-start-card,
    .pdv1-quality-bridge,
    .pdv1-production-ready,
    .qcv1-evidence-grid article,
    .qcv1-trust-grid article,
    .case-series-selector,
    .case-crosslink-grid > a,
    .p2-topics li > a,
    img
  ) {
    transition-duration: .001ms !important;
  }
}

/* Finite sequences pause when their section leaves the viewport or the document hides. */
.jiro04-sequence-active .jiro04-satellite-info,
.jiro03-rd-precision.jiro04-sequence-active::before,
.jiro03-rd-precision.jiro04-sequence-active::after,
.jiro03-rd-precision.jiro04-sequence-active .jiro03-precision-rail i,
.jiro03-rd-precision.jiro04-sequence-active :where(.pdv1-media img, img),
.qcv1-testing.jiro04-sequence-active .kelo-quality-zone::before,
.qcv1-testing.jiro04-sequence-active .kelo-quality-zone::after,
.qcv1-testing.jiro04-sequence-active .jiro03-measurement-rail span::after,
.qcv1-testing.jiro04-sequence-active .qcv1-testing-tab {
  animation-play-state: paused !important;
}

.jiro04-sequence-active.kelo-zone-active .jiro04-satellite-info,
.jiro03-rd-precision.jiro04-sequence-active.kelo-zone-active::before,
.jiro03-rd-precision.jiro04-sequence-active.kelo-zone-active::after,
.jiro03-rd-precision.jiro04-sequence-active.kelo-zone-active .jiro03-precision-rail i,
.jiro03-rd-precision.jiro04-sequence-active.kelo-zone-active :where(.pdv1-media img, img),
.qcv1-testing.jiro04-sequence-active.kelo-zone-active .kelo-quality-zone::before,
.qcv1-testing.jiro04-sequence-active.kelo-zone-active .kelo-quality-zone::after,
.qcv1-testing.jiro04-sequence-active.kelo-zone-active .jiro03-measurement-rail span::after,
.qcv1-testing.jiro04-sequence-active.kelo-zone-active .qcv1-testing-tab {
  animation-play-state: running !important;
}

body[data-kelo-document-hidden="true"] :where(
  .jiro04-sequence-active .jiro04-satellite-info,
  .jiro03-rd-precision.jiro04-sequence-active::before,
  .jiro03-rd-precision.jiro04-sequence-active::after,
  .jiro03-rd-precision.jiro04-sequence-active .jiro03-precision-rail i,
  .jiro03-rd-precision.jiro04-sequence-active img,
  .qcv1-testing.jiro04-sequence-active .kelo-quality-zone::before,
  .qcv1-testing.jiro04-sequence-active .kelo-quality-zone::after,
  .qcv1-testing.jiro04-sequence-active .jiro03-measurement-rail span::after,
  .qcv1-testing.jiro04-sequence-active .qcv1-testing-tab
) {
  animation-play-state: paused !important;
}