/* One complete editorial composition per film. Type follows RenewalHome's
   responsive hierarchy; diagrams explain the adjacent argument rather than
   creating another scroll stop or a rectangular card deck. */
#stage[data-sitewide-revision="true"] {
  --gold: #d7b44a;
  --editorial-paper: #e1ddcf;
}
#stage[data-sitewide-revision="true"] .scene-navigation button { width: 40px; height: 40px; flex-basis: 40px; padding: 8.6px; }
#stage[data-sitewide-revision="true"] .scene-navigation svg { width: 20.8px; height: 20.8px; }
#stage[data-sitewide-revision="true"] .copy[data-page] {
  --editorial-bottom: 104px;
  --editorial-gap: clamp(20px, 2.4vw, 38px);
}
/* A broad reading exposure belongs beneath its own copy. Keep hero/title
   foreground above later prose groups even when their radial falloff extends
   upward in a short frame. No additional panel or film mask is introduced. */
#stage[data-sitewide-revision="true"] .copy :is(.chapter-layout, .chapter-hero, .hero, .scene-subtitle) { z-index: 2; }
#stage[data-sitewide-revision="true"] .copy > :is([data-editorial-content], [data-narrative-figure]) { z-index: 1; }
#stage[data-sitewide-revision="true"] .copy:is(#vision, #company-overview, #founder, #identity, #business, #products, #research) {
  --safe-top: max(126px, 14dvh);
  --hero-top: var(--safe-top);
  --hero-transform: none;
  --hero-align: left;
  --hero-left: var(--gutter);
  --hero-right: auto;
  --hero-width: min(760px, 56vw);
  --reel-size: clamp(38px, min(4.4vw, 7.4dvh), 66px);
}
#stage[data-sitewide-revision="true"] .copy:is(#vision, #company-overview, #founder, #identity, #business, #products, #research) .chapter-hero h3 {
  font-size: var(--reel-size);
  font-weight: 750;
  line-height: 1.2;
  letter-spacing: -.055em;
}
#stage[data-sitewide-revision="true"] .copy :is(.chapter-kicker, .chapter-line) { margin-inline: 0; }
#stage[data-sitewide-revision="true"] .copy > [data-editorial-content]:not([data-opening-content]) {
  position: absolute;
  inset: auto auto var(--editorial-bottom) var(--gutter);
  width: min(520px, 38vw);
  height: auto;
  min-height: 0;
  max-height: none;
  margin: 0;
  padding: 0;
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 18px;
  align-content: start;
  align-items: start;
  isolation: isolate;
  border: 0;
  background: none;
  overflow: visible;
  overscroll-behavior: auto;
  scrollbar-gutter: auto;
  color: var(--editorial-paper);
  font-size: 16px;
  font-weight: 400;
  line-height: 1.85;
  letter-spacing: -.015em;
  transform: none;
  pointer-events: auto;
}
#stage[data-sitewide-revision="true"] .copy[aria-hidden="true"] > [data-editorial-content] { pointer-events: none; }
#stage[data-sitewide-revision="true"] .copy > [data-editorial-content]:not([data-opening-content])::before {
  content: "";
  position: absolute;
  z-index: -1;
  inset: -90px -110px -70px;
  background: radial-gradient(ellipse closest-side at 50% 52%, rgb(0 0 0 / .65) 0% 30%, rgb(0 0 0 / .48) 58%, rgb(0 0 0 / .2) 80%, transparent 100%);
  pointer-events: none;
}
#stage[data-sitewide-revision="true"] .copy > [data-editorial-content] > .story-unit {
  min-width: 0;
  margin: 0;
  padding: 0;
  border: 0;
  background: none;
  color: inherit;
  font-size: inherit;
  line-height: inherit;
  word-break: keep-all;
  overflow-wrap: break-word;
  text-wrap: pretty;
  text-shadow: 0 1px 7px rgb(0 0 0 / .65);
}
#stage[data-sitewide-revision="true"] .copy [data-editorial-content] > .story-unit::before,
#stage[data-sitewide-revision="true"] .copy [data-editorial-content] > .story-unit::after { content: none; }
#stage[data-sitewide-revision="true"] .copy [data-editorial-content] .story-unit p { margin: 0; }
#stage[data-sitewide-revision="true"] .copy [data-editorial-content] .story-unit p + p { margin-top: 16px; }
#stage[data-sitewide-revision="true"] .copy [data-editorial-content] :is(strong, .story-unit-title) { color: var(--gold); }
#stage[data-sitewide-revision="true"] .copy [data-editorial-content] .story-unit-title { font-size: 19px; line-height: 1.5; font-weight: 600; }
#stage[data-sitewide-revision="true"] .copy [data-editorial-content] .story-unit--manifesto {
  padding-top: 14px;
  border-top: 1px solid rgb(215 180 74 / .28);
  font-size: 14px;
  line-height: 1.85;
  color: #d5c7a5;
}
#stage[data-sitewide-revision="true"] .copy [data-editorial-content] .story-unit--subtitle { font-size: 19px; font-weight: 550; line-height: 1.55; }
#stage[data-sitewide-revision="true"] .copy > [data-narrative-figure] {
  position: absolute;
  inset: auto calc(var(--gutter) + 76px) 120px auto;
  width: min(480px, 36vw);
  margin: 0;
  padding: 0;
  border: 0;
  background: none;
  overflow: visible;
}
#stage[data-sitewide-revision="true"] .copy:is(#vision, #company-overview, #founder, #identity, #business, #products, #research) .scene-subtitle {
  inset: 350px auto auto var(--gutter);
  width: min(600px, 43vw);
  margin: 0;
  padding: 0;
  background: none;
  color: #e5dcc5;
  font-size: 21px;
  font-weight: 550;
  line-height: 1.5;
  text-shadow: 0 1px 10px rgb(0 0 0 / .8);
}
#stage[data-sitewide-revision="true"] .copy .scene-subtitle::before { content: none; }

/* Relationships: proposition and its consequence share the left reading axis;
   the return path sits opposite, leaving the filmed encounter in the middle. */
#stage[data-sitewide-revision="true"] #vision.copy { --hero-width: min(770px, 57vw); }
#stage[data-sitewide-revision="true"] #vision.copy > [data-editorial-content] { width: min(560px, 40vw); }
#stage[data-sitewide-revision="true"] #vision.copy .relationship-lead { color: var(--gold); font-size: 19px; line-height: 1.5; }
#stage[data-sitewide-revision="true"] #vision.copy .chapter-layout > .chapter-manifesto {
  position: relative;
  inset: auto;
  z-index: 2;
  width: fit-content;
  max-width: 100%;
  margin: 0;
  padding: 0;
  border: 0;
  background: none;
  color: #d5c7a5;
  font-size: 14px;
  font-weight: 450;
  line-height: 1.85;
  letter-spacing: -.015em;
  text-shadow: 0 1px 7px rgb(0 0 0 / .65);
}

/* Community: the map/finger stays left of the reading column. */
#stage[data-sitewide-revision="true"] #company-overview.copy {
  --hero-left: auto;
  --hero-right: calc(var(--gutter) + 76px);
  --hero-width: min(690px, 51vw);
  --reel-size: clamp(42px, min(4.5vw, 7.5dvh), 68px);
}
#stage[data-sitewide-revision="true"] #company-overview.copy > [data-editorial-content] { left: auto; right: calc(var(--gutter) + 76px); width: min(550px, 40vw); font-size: 17px; }
#stage[data-sitewide-revision="true"] #company-overview.copy .scene-subtitle { left: auto; right: calc(var(--gutter) + 76px); width: min(550px, 40vw); }
#stage[data-sitewide-revision="true"] #company-overview.copy > [data-narrative-figure] { left: var(--gutter); right: auto; width: min(460px, 34vw); }

/* Origins is an essay with a real signature, never a synthetic process diagram.
   Whole paragraphs form an editorial lower register beneath the mechanism. */
#stage[data-sitewide-revision="true"] #founder.copy { --hero-width: min(1060px, 77vw); }
#stage[data-sitewide-revision="true"] #founder.copy .scene-subtitle { top: 315px; width: min(660px, 52vw); }
#stage[data-sitewide-revision="true"] #founder.copy > [data-editorial-content] {
  right: calc(var(--gutter) + 76px);
  width: auto;
  grid-template-columns: minmax(0, .85fr) minmax(0, 1.35fr);
  gap: 22px 34px;
  font-size: clamp(14px, min(1.15vw, 2.05dvh), 16px);
  line-height: 1.85;
}
#stage[data-sitewide-revision="true"] #founder.copy .founder-signature {
  grid-column: 1 / -1;
  display: flex;
  flex-direction: row;
  justify-self: end;
  align-items: center;
  gap: 14px;
  margin: 0;
}
#stage[data-sitewide-revision="true"] #founder.copy .founder-signature img { width: 58px; height: 58px; flex: 0 0 58px; object-fit: cover; }
#stage[data-sitewide-revision="true"] #founder.copy .founder-signature figcaption { text-align: left; font-size: 11px; line-height: 1.7; }

/* Brand evidence: roots, symbol and wordmark are three semantic columns. Actual
   dark-background brand variants sit directly on the film without a white plate. */
#stage[data-sitewide-revision="true"] #identity.copy { --hero-width: min(720px, 53vw); }
#stage[data-sitewide-revision="true"] #identity.copy .scene-subtitle { top: 318px; color: var(--gold); font-size: 18px; }
#stage[data-sitewide-revision="true"] #identity.copy > [data-editorial-content] {
  right: calc(var(--gutter) + 76px);
  width: auto;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 36px;
  font-size: 15px;
  line-height: 1.8;
}
#stage[data-sitewide-revision="true"] #identity.copy .story-unit--brand { display: grid; grid-template-columns: minmax(0, 1fr); grid-template-rows: 78px auto; gap: 14px; }
#stage[data-sitewide-revision="true"] #identity.copy .story-unit--brand img { width: auto; max-width: 100%; height: 78px; margin: 0; padding: 0; object-fit: contain; object-position: left center; background: none; border-radius: 0; box-sizing: border-box; }
#stage[data-sitewide-revision="true"] #identity.copy .story-unit--brand h3 { color: var(--gold); font-size: 16px; line-height: 1.4; margin: 0 0 12px; }
#stage[data-sitewide-revision="true"] #identity.copy .story-unit--brand p { font-size: 14px; line-height: 1.8; color: inherit; }
#stage[data-sitewide-revision="true"] #identity.copy .identity-palette { display: grid; grid-template-columns: 1fr 1fr; gap: 12px 18px; margin: 22px 0 0; padding: 0; font-size: 9px; }
#stage[data-sitewide-revision="true"] #identity.copy .identity-palette::before { content: none; }
#stage[data-sitewide-revision="true"] #identity.copy .identity-palette li { display: flex; gap: 8px; align-items: center; }

/* Business is one proposition with two complementary engines. */
#stage[data-sitewide-revision="true"] #business.copy { --hero-width: min(1080px, 78vw); --reel-size: clamp(40px, min(4.6vw, 7.3dvh), 68px); }
#stage[data-sitewide-revision="true"] #business.copy > [data-editorial-content] { width: min(600px, 43vw); }
#stage[data-sitewide-revision="true"] #business.copy > [data-narrative-figure] { width: min(480px, 34vw); bottom: 135px; }

/* The three product promises remain whole, with an equal title/body/action
   rhythm. An integrated library glyph belongs to its row, not another panel. */
#stage[data-sitewide-revision="true"] #products.copy { --hero-top: 32%; --hero-width: min(470px, 34vw); --reel-size: clamp(44px, min(5.2vw, 8dvh), 80px); }
#stage[data-sitewide-revision="true"] #products.copy .scene-subtitle { top: calc(32% + 195px); width: min(420px, 30vw); font-size: 20px; }
#stage[data-sitewide-revision="true"] #products.copy > [data-editorial-content] { inset: 50% calc(var(--gutter) + 76px) auto auto; width: min(700px, 51vw); gap: 26px; transform: translateY(-50%); }
#stage[data-sitewide-revision="true"] #products.copy .product-track { display: grid; grid-template-columns: minmax(0, 1fr) auto; grid-template-rows: auto auto auto; column-gap: 16px; row-gap: 2px; align-items: center; }
#stage[data-sitewide-revision="true"] #products.copy .product-track + .product-track { padding-top: 23px; border-top: 1px solid rgb(215 180 74 / .23); }
#stage[data-sitewide-revision="true"] #products.copy .product-track .track-eyebrow { grid-column: 1; grid-row: 1; margin: 0; font-size: 9px; line-height: 1.4; }
#stage[data-sitewide-revision="true"] #products.copy .product-track h3 { grid-column: 1; grid-row: 2; margin: 0; font-size: clamp(24px, 2.3vw, 36px); line-height: 1.2; font-weight: 650; }
#stage[data-sitewide-revision="true"] #products.copy .product-track > p:not(.track-eyebrow) { grid-column: 1 / -1; grid-row: 3; margin: 2px 0 0; font-size: 16px; line-height: 1.8; }
#stage[data-sitewide-revision="true"] #products.copy .narrative-product-line { grid-column: 2; grid-row: 1; justify-self: end; margin: 0; }
#stage[data-sitewide-revision="true"] #products.copy .new-scene-detail { grid-column: 2; grid-row: 2; justify-self: end; margin: 0; min-height: 44px; font-size: 12px; gap: 10px; }

/* R&D keeps the cube exposed on the left; the theory and its evidence are on
   the right, with the iterative research drawing beneath the cube. */
#stage[data-sitewide-revision="true"] #research.copy { --hero-left: auto; --hero-right: calc(var(--gutter) + 76px); --hero-width: min(690px, 51vw); --reel-size: clamp(44px, min(5.2vw, 8dvh), 80px); }
#stage[data-sitewide-revision="true"] #research.copy .scene-subtitle { top: 340px; left: auto; right: calc(var(--gutter) + 76px); width: min(550px, 40vw); font-size: 20px; }
#stage[data-sitewide-revision="true"] #research.copy > [data-editorial-content] { left: auto; right: calc(var(--gutter) + 76px); width: min(550px, 40vw); }
#stage[data-sitewide-revision="true"] #research.copy > [data-narrative-figure] { left: var(--gutter); right: auto; width: min(500px, 37vw); }
#stage[data-sitewide-revision="true"] #research.copy .research-feature h3 { margin: 0 0 18px; color: var(--gold); font-size: 28px; line-height: 1.2; }
#stage[data-sitewide-revision="true"] #research.copy .new-scene-detail { margin: 16px 0 0; min-height: 44px; }

@media (min-width: 761px) {
  /* Supporting titles follow their real hero height at every desktop width;
     fixed pixel offsets cannot account for the capped 1920px type scale. */
  #stage[data-sitewide-revision="true"] :is(#founder.copy, #identity.copy, #products.copy) .chapter-layout {
    position: absolute;
    inset: var(--hero-top) auto auto var(--gutter);
    width: var(--hero-width);
    display: flex;
    flex-direction: column;
    gap: 24px;
    transform: none;
  }
  #stage[data-sitewide-revision="true"] :is(#founder.copy, #identity.copy, #products.copy) .chapter-hero {
    position: static;
    inset: auto;
    width: 100%;
    max-width: none;
    transform: none;
  }
  #stage[data-sitewide-revision="true"] :is(#founder.copy, #identity.copy, #products.copy) .scene-subtitle {
    position: static;
    inset: auto;
    width: 100%;
    max-width: none;
    margin: 0;
  }
  #stage[data-sitewide-revision="true"] #vision.copy .chapter-layout {
    position: absolute;
    inset: var(--safe-top) auto auto var(--gutter);
    width: min(770px, 57vw);
    display: flex;
    flex-direction: column;
    gap: 24px;
    transform: none;
  }
  #stage[data-sitewide-revision="true"] #vision.copy .chapter-hero { position: static; inset: auto; width: 100%; max-width: none; transform: none; }
  #stage[data-sitewide-revision="true"] #vision.copy .relationship-lead { position: static; inset: auto; width: min(560px, 40vw); max-width: none; }
  /* The right-hand headings and their supporting prose share a precise left
     reading edge. Subtitle placement follows the actual wrapped hero height. */
  #stage[data-sitewide-revision="true"] :is(#company-overview.copy, #research.copy) .chapter-layout {
    position: absolute;
    inset: var(--safe-top) calc(var(--gutter) + 76px) auto auto;
    width: min(550px, 40vw);
    display: flex;
    flex-direction: column;
    gap: 22px;
    transform: none;
  }
  #stage[data-sitewide-revision="true"] :is(#company-overview.copy, #research.copy) .chapter-hero {
    position: static;
    inset: auto;
    width: 100%;
    max-width: none;
    transform: none;
  }
  #stage[data-sitewide-revision="true"] :is(#company-overview.copy, #research.copy) .scene-subtitle {
    position: static;
    inset: auto;
    width: 100%;
    max-width: none;
    margin: 0;
  }
}

@media (min-width: 761px) and (max-height: 850px) {
  #stage[data-sitewide-revision="true"] .copy[data-page] { --editorial-bottom: 78px; }
  #stage[data-sitewide-revision="true"] .copy:is(#vision, #company-overview, #founder, #identity, #business, #products, #research) { --safe-top: 106px; }
  #stage[data-sitewide-revision="true"] #founder.copy .scene-subtitle { top: 282px; }
  #stage[data-sitewide-revision="true"] #identity.copy .scene-subtitle { top: 285px; }
  #stage[data-sitewide-revision="true"] #identity.copy > [data-editorial-content] { gap: 25px; }
  #stage[data-sitewide-revision="true"] #identity.copy .story-unit--brand { grid-template-rows: 62px auto; }
  #stage[data-sitewide-revision="true"] #identity.copy .story-unit--brand img { height: 62px; }
  #stage[data-sitewide-revision="true"] #products.copy > [data-editorial-content] { gap: 18px; }
  #stage[data-sitewide-revision="true"] #products.copy .product-track + .product-track { padding-top: 16px; }
  #stage[data-sitewide-revision="true"] .copy > [data-narrative-figure] { bottom: 95px; }
}

/* Mobile has one viewport and one story input. Reading groups grow naturally;
   no hidden units, height-capped boxes, or independent content scroll areas. */
@media (max-width: 760px) {
  #stage[data-sitewide-revision="true"] .scene-navigation button { width: 35.2px; height: 35.2px; flex-basis: 35.2px; padding: 7px; }
  #stage[data-sitewide-revision="true"] .scene-navigation svg { width: 19.2px; height: 19.2px; }
  #stage[data-sitewide-revision="true"] .copy:is(#vision, #company-overview, #founder, #identity, #business, #products, #research) {
    display: flex;
    flex-direction: column;
    gap: 18px;
    padding: 102px 24px 110px;
    box-sizing: border-box;
    --hero-width: calc(100vw - 48px);
    --reel-size: clamp(32px, 9vw, 44px);
  }
  #stage[data-sitewide-revision="true"] .copy:is(#vision, #company-overview, #founder, #identity, #business, #products, #research) .chapter-hero {
    position: static;
    inset: auto;
    width: 100%;
    max-width: none;
    flex: 0 0 auto;
    margin: 0;
    transform: none;
    text-align: left;
  }
  #stage[data-sitewide-revision="true"] .copy:is(#vision, #company-overview, #founder, #identity, #business, #products, #research) .scene-subtitle {
    position: static;
    inset: auto;
    width: 100%;
    max-width: none;
    flex: 0 0 auto;
    margin: 0;
    padding: 0;
    font-size: 15px;
    line-height: 1.55;
  }
  #stage[data-sitewide-revision="true"] .copy:is(#vision, #company-overview, #founder, #identity, #business, #products, #research) > [data-editorial-content] {
    position: relative;
    inset: auto;
    width: 100%;
    height: auto;
    flex: 0 0 auto;
    grid-template-columns: minmax(0, 1fr);
    gap: 14px;
    margin-top: auto;
    font-size: 14px;
    line-height: 1.8;
    transform: none;
  }
  #stage[data-sitewide-revision="true"] .copy:is(#vision, #company-overview, #founder, #identity, #business, #products, #research) > [data-editorial-content]::before { inset: -70px -52px -48px; }
  #stage[data-sitewide-revision="true"] .copy:is(#vision, #company-overview, #founder, #identity, #business, #products, #research) > [data-narrative-figure] {
    position: relative;
    inset: auto;
    width: 100%;
    flex: 0 0 auto;
    margin: 0;
  }
  #stage[data-sitewide-revision="true"] .copy [data-editorial-content] .story-unit-title { font-size: 17px; }
  #stage[data-sitewide-revision="true"] .copy [data-editorial-content] .story-unit--manifesto { font-size: 12px; line-height: 1.8; padding-top: 10px; }
  #stage[data-sitewide-revision="true"] .copy [data-editorial-content] .story-unit--subtitle { font-size: 17px; }
  #stage[data-sitewide-revision="true"] #vision.copy .relationship-lead { font-size: 17px; line-height: 1.5; }
  #stage[data-sitewide-revision="true"] #vision.copy .chapter-layout > .chapter-manifesto { flex: 0 0 auto; font-size: 12px; line-height: 1.8; }
  #stage[data-sitewide-revision="true"] #company-overview.copy { --reel-size: clamp(36px, 10vw, 52px); }
  #stage[data-sitewide-revision="true"] #company-overview.copy > [data-editorial-content] { font-size: 15px; }
  #stage[data-sitewide-revision="true"] #founder.copy { gap: 16px; }
  #stage[data-sitewide-revision="true"] #founder.copy > [data-editorial-content] { gap: 12px; font-size: 14px; line-height: 1.8; }
  #stage[data-sitewide-revision="true"] #founder.copy .founder-signature { grid-column: auto; gap: 12px; }
  #stage[data-sitewide-revision="true"] #founder.copy .founder-signature img { width: 48px; height: 48px; flex-basis: 48px; }
  #stage[data-sitewide-revision="true"] #founder.copy .founder-signature figcaption { font-size: 10px; }
  #stage[data-sitewide-revision="true"] :is(#founder.copy, #identity.copy, #products.copy) > [data-editorial-content]::before {
    inset: -90px -64px -64px;
    background: radial-gradient(ellipse closest-side at 50% 50%, rgb(0 0 0 / .76) 0% 45%, rgb(0 0 0 / .67) 65%, rgb(0 0 0 / .42) 83%, transparent 100%);
  }
  #stage[data-sitewide-revision="true"] #identity.copy { gap: 16px; }
  #stage[data-sitewide-revision="true"] #identity.copy > [data-editorial-content] { grid-template-columns: 1fr 1fr; gap: 22px 18px; font-size: 13px; line-height: 1.7; }
  #stage[data-sitewide-revision="true"] #identity.copy .identity-name { grid-column: 1 / -1; }
  #stage[data-sitewide-revision="true"] #identity.copy .story-unit--brand { grid-template-rows: 56px auto; gap: 12px; }
  #stage[data-sitewide-revision="true"] #identity.copy .story-unit--brand img { height: 56px; padding: 6px 8px; }
  #stage[data-sitewide-revision="true"] #identity.copy .story-unit--brand h3 { margin-bottom: 9px; font-size: 13px; line-height: 1.4; }
  #stage[data-sitewide-revision="true"] #identity.copy .story-unit--brand p { font-size: 12px; line-height: 1.75; }
  #stage[data-sitewide-revision="true"] #identity.copy .identity-palette { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 6px; margin-top: 14px; font-size: 8px; }
  #stage[data-sitewide-revision="true"] #identity.copy .identity-palette li { flex-direction: column; gap: 6px; align-items: flex-start; }
  #stage[data-sitewide-revision="true"] #business.copy { --reel-size: clamp(34px, 9vw, 48px); }
  #stage[data-sitewide-revision="true"] #business.copy > [data-editorial-content] { font-size: 15px; line-height: 1.8; }
  #stage[data-sitewide-revision="true"] #products.copy { --reel-size: 42px; gap: 14px; padding-bottom: 110px; }
  #stage[data-sitewide-revision="true"] #products.copy .scene-subtitle { font-size: 13px; line-height: 1.7; }
  #stage[data-sitewide-revision="true"] #products.copy > [data-editorial-content] { gap: 14px; }
  #stage[data-sitewide-revision="true"] #products.copy .product-track { grid-template-columns: minmax(0, 1fr) auto; column-gap: 10px; row-gap: 0; }
  #stage[data-sitewide-revision="true"] #products.copy .product-track + .product-track { padding-top: 12px; }
  #stage[data-sitewide-revision="true"] #products.copy .product-track .track-eyebrow { font-size: 8px; line-height: 1.4; }
  #stage[data-sitewide-revision="true"] #products.copy .product-track h3 { font-size: 23px; line-height: 1.2; }
  #stage[data-sitewide-revision="true"] #products.copy .product-track > p:not(.track-eyebrow) { margin: 0; font-size: 13px; line-height: 1.65; }
  #stage[data-sitewide-revision="true"] #products.copy .new-scene-detail { font-size: 11px; gap: 5px; min-height: 44px; white-space: nowrap; }
  #stage[data-sitewide-revision="true"] #research.copy { --reel-size: 42px; }
  #stage[data-sitewide-revision="true"] #research.copy .scene-subtitle { font-size: 13px; line-height: 1.7; }
  #stage[data-sitewide-revision="true"] #research.copy .research-feature h3 { font-size: 28px; margin-bottom: 12px; }
  #stage[data-sitewide-revision="true"] #research.copy .new-scene-detail { margin-top: 10px; }
}

@media (max-width: 760px) and (max-height: 740px) and (orientation: portrait) {
  #stage[data-sitewide-revision="true"] .copy:is(#vision, #company-overview, #founder, #identity, #business, #products, #research) { padding-top: 86px; padding-bottom: 110px; gap: 12px; }
  #stage[data-sitewide-revision="true"] #founder.copy > [data-editorial-content] { gap: 10px; font-size: 13px; line-height: 1.7; }
  #stage[data-sitewide-revision="true"] #founder.copy .scene-subtitle { font-size: 14px; }
  #stage[data-sitewide-revision="true"] #founder.copy .founder-signature img { width: 40px; height: 40px; flex-basis: 40px; }
  #stage[data-sitewide-revision="true"] #identity.copy > [data-editorial-content] { gap: 14px; }
  #stage[data-sitewide-revision="true"] #identity.copy .story-unit--brand { grid-template-rows: 44px auto; gap: 9px; }
  #stage[data-sitewide-revision="true"] #identity.copy .story-unit--brand img { height: 44px; }
  #stage[data-sitewide-revision="true"] #identity.copy .identity-palette { margin-top: 10px; }
  #stage[data-sitewide-revision="true"] #products.copy, #stage[data-sitewide-revision="true"] #research.copy { --reel-size: 36px; }
  #stage[data-sitewide-revision="true"] #products.copy > [data-editorial-content] { gap: 10px; }
  #stage[data-sitewide-revision="true"] #products.copy .product-track + .product-track { padding-top: 8px; }
  #stage[data-sitewide-revision="true"] #products.copy .product-track h3 { font-size: 21px; }
  #stage[data-sitewide-revision="true"] #products.copy .product-track > p:not(.track-eyebrow) { font-size: 12px; }
}

/* A short landscape frame has a left title rail and a right reading rail.
   Dense brand/origin material uses parallel columns instead of sub-pages. */
@media (max-width: 760px) and (max-height: 560px) and (orientation: landscape) {
  #stage[data-sitewide-revision="true"] .scene-navigation { left: auto; right: 24px; top: auto; bottom: 14px; transform: none; flex-direction: row; gap: 8px; }
  #stage[data-sitewide-revision="true"] .copy:is(#vision, #company-overview, #founder, #identity, #business, #products, #research) { display: grid; grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr); grid-template-rows: auto 1fr auto; align-content: start; gap: 10px 26px; padding: 76px 24px 54px; --reel-size: 29px; }
  #stage[data-sitewide-revision="true"] .copy:is(#vision, #company-overview, #founder, #identity, #business, #products, #research) .chapter-hero { grid-column: 1; grid-row: 1; }
  #stage[data-sitewide-revision="true"] .copy:is(#vision, #company-overview, #founder, #identity, #business, #products, #research) .scene-subtitle { grid-column: 1; grid-row: 2; align-self: start; font-size: 13px; }
  #stage[data-sitewide-revision="true"] .copy:is(#vision, #company-overview, #founder, #identity, #business, #products, #research) > [data-editorial-content] { grid-column: 2; grid-row: 1 / 4; align-self: start; margin: 0; gap: 10px; font-size: 12px; line-height: 1.65; }
  #stage[data-sitewide-revision="true"] .copy:is(#vision, #company-overview, #founder, #identity, #business, #products, #research) > [data-narrative-figure] { grid-column: 1; grid-row: 3; align-self: end; }
  #stage[data-sitewide-revision="true"] #vision.copy [data-editorial-content] .story-unit-title { font-size: 15px; }
  #stage[data-sitewide-revision="true"] #vision.copy [data-editorial-content] .story-unit--manifesto { font-size: 12px; }
  #stage[data-sitewide-revision="true"] #vision.copy .chapter-layout > .chapter-manifesto { grid-column: 1; grid-row: 3; align-self: start; }
  #stage[data-sitewide-revision="true"] #vision.copy > [data-editorial-content] { grid-column: 2; grid-row: 1 / 3; }
  #stage[data-sitewide-revision="true"] #vision.copy > [data-narrative-figure] { grid-column: 2; grid-row: 3; }
  #stage[data-sitewide-revision="true"] #business.copy [data-editorial-content] .story-unit--subtitle { font-size: 15px; }
  #stage[data-sitewide-revision="true"] #founder.copy { grid-template-columns: 1fr; grid-template-rows: auto auto 1fr; gap: 9px; }
  #stage[data-sitewide-revision="true"] #founder.copy .chapter-hero { grid-row: 1; width: 100%; }
  #stage[data-sitewide-revision="true"] #founder.copy .chapter-hero h3 { font-size: 24px; }
  #stage[data-sitewide-revision="true"] #founder.copy :is(.chapter-kicker, .chapter-line) { display: inline; }
  #stage[data-sitewide-revision="true"] #founder.copy .scene-subtitle { grid-row: 2; width: 100%; align-self: start; font-size: 12px; }
  #stage[data-sitewide-revision="true"] #founder.copy > [data-editorial-content] { grid-column: 1; grid-row: 3; width: 100%; grid-template-columns: minmax(0, 1fr) minmax(0, 1.6fr); font-size: 12px; line-height: 1.6; gap: 9px 18px; }
  #stage[data-sitewide-revision="true"] #founder.copy .founder-signature { grid-column: 1 / -1; }
  #stage[data-sitewide-revision="true"] #founder.copy .founder-signature img { width: 32px; height: 32px; flex-basis: 32px; }
  #stage[data-sitewide-revision="true"] #identity.copy { grid-template-columns: 1fr; grid-template-rows: auto auto 1fr; }
  #stage[data-sitewide-revision="true"] #identity.copy .chapter-hero h3 { font-size: 25px; }
  #stage[data-sitewide-revision="true"] #identity.copy :is(.chapter-kicker, .chapter-line) { display: inline; }
  #stage[data-sitewide-revision="true"] #identity.copy .scene-subtitle { grid-row: 2; font-size: 12px; }
  #stage[data-sitewide-revision="true"] #identity.copy > [data-editorial-content] { grid-column: 1; grid-row: 3; grid-template-columns: 1fr 1fr 1fr; gap: 22px; font-size: 12px; line-height: 1.6; }
  #stage[data-sitewide-revision="true"] #identity.copy .identity-name { grid-column: auto; }
  #stage[data-sitewide-revision="true"] #identity.copy .story-unit--brand { grid-template-rows: 36px auto; gap: 8px; }
  #stage[data-sitewide-revision="true"] #identity.copy .story-unit--brand img { height: 36px; }
  #stage[data-sitewide-revision="true"] #identity.copy .story-unit--brand h3 { font-size: 11px; margin-bottom: 6px; }
  #stage[data-sitewide-revision="true"] #identity.copy .story-unit--brand p { font-size: 12px; line-height: 1.6; }
  #stage[data-sitewide-revision="true"] #identity.copy .identity-palette { grid-template-columns: 1fr 1fr; font-size: 7px; margin-top: 10px; }
  #stage[data-sitewide-revision="true"] #identity.copy .identity-palette li { flex-direction: row; align-items: center; gap: 4px; }
  #stage[data-sitewide-revision="true"] #products.copy { grid-template-columns: 1fr; grid-template-rows: auto auto 1fr; gap: 8px; }
  #stage[data-sitewide-revision="true"] #products.copy :is(.chapter-kicker, .chapter-line) { display: inline; }
  #stage[data-sitewide-revision="true"] #products.copy .scene-subtitle { grid-column: 1; grid-row: 2; }
  #stage[data-sitewide-revision="true"] #products.copy .scene-subtitle br { display: none; }
  #stage[data-sitewide-revision="true"] #products.copy > [data-editorial-content] { grid-column: 1; grid-row: 3; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 22px; }
  #stage[data-sitewide-revision="true"] #products.copy .product-track { grid-template-columns: minmax(0, 1fr); grid-template-rows: auto auto auto auto auto; gap: 3px; }
  #stage[data-sitewide-revision="true"] #products.copy .product-track + .product-track { padding: 0; border: 0; }
  #stage[data-sitewide-revision="true"] #products.copy .product-track .track-eyebrow { grid-column: 1; grid-row: 1; font-size: 8px; }
  #stage[data-sitewide-revision="true"] #products.copy .narrative-product-line { grid-column: 1; grid-row: 2; justify-self: start; }
  #stage[data-sitewide-revision="true"] #products.copy .product-track h3 { grid-column: 1; grid-row: 3; font-size: 19px; }
  #stage[data-sitewide-revision="true"] #products.copy .product-track > p:not(.track-eyebrow) { grid-column: 1; grid-row: 4; font-size: 12px; line-height: 1.5; }
  #stage[data-sitewide-revision="true"] #products.copy .new-scene-detail { grid-column: 1; grid-row: 5; justify-self: start; min-height: 44px; font-size: 11px; }
  #stage[data-sitewide-revision="true"] #research.copy .research-feature h3 { font-size: 22px; margin-bottom: 10px; }
  #stage[data-sitewide-revision="true"] #research.copy .new-scene-detail { margin-top: 7px; }
}