/* REV014: a film-led editorial composition. The telescope is a visual
   statement, not a stage for an illustrative metaphor. No media dimensions,
   focal coordinates, grades or approved type scales are changed here. */
@media (min-width: 761px) {
  #stage[data-opening-revision="true"] #copy-two {
    --hero-left: auto;
    --hero-right: calc(var(--gutter) + 76px);
    --hero-top: 50%;
    --hero-transform: translateY(-50%);
  }
  #stage[data-opening-revision="true"] #copy-two > [data-opening-content] {
    inset: auto calc(var(--gutter) + 76px) 112px auto;
    width: min(560px, 42vw);
  }
}
/* Prose stays whole. Quiet gold marks a meaningful phrase without adding
   another icon, label, panel or competing typographic level. */
#stage[data-sitewide-revision="true"] #company-overview [data-editorial-content] strong {
  font-weight: 500;
}
/* Text must not relight the film. A local dark ellipse behind every reading
   group breaks the clip's continuous spotlight into visible patches. */
#stage[data-opening-revision="true"] :is(#copy-two, #final-vision) > [data-opening-content]::before,
#stage[data-sitewide-revision="true"] .copy > [data-editorial-content]:not([data-opening-content])::before,
#stage[data-sitewide-revision="true"] :is(#founder.copy, #identity.copy, #products.copy) > [data-editorial-content]::before {
  content: none;
  background: none;
}
#stage[data-opening-revision="true"] :is(#copy-two, #final-vision) > [data-opening-content] > .story-unit--copy,
#stage[data-sitewide-revision="true"] .copy > [data-editorial-content] > .story-unit {
  text-shadow: 0 1px 2px rgb(0 0 0 / .65);
}
/* Foreground-only separation over detailed parchment and mixed light: a
   narrow glyph edge, not an ellipse or a change in the filmed exposure. */
#stage[data-sitewide-revision="true"] :is(#company-overview.copy, #founder.copy, #identity.copy, #products.copy, #research.copy) [data-editorial-content] :is(p, a, .identity-palette, figcaption) {
  color: #fff6e2;
  font-weight: 500;
  -webkit-text-stroke: .8px rgb(0 0 0 / .9);
  paint-order: stroke fill;
  text-shadow: 0 1px 2px rgb(0 0 0 / .7);
}
#stage[data-sitewide-revision="true"] #products.copy [data-editorial-content] :is(h3, .track-eyebrow) {
  color: #fff6e2;
  -webkit-text-stroke: 1px rgb(0 0 0 / .9);
  paint-order: stroke fill;
}
@media (max-width: 760px) and (orientation: portrait) {
  #stage[data-opening-revision="true"] #copy-two {
    --hero-top: 32%;
    --hero-transform: translateY(-50%);
  }
  #stage[data-opening-revision="true"] #copy-two > [data-opening-content] {
    inset: auto 24px 128px;
    width: auto;
  }
}
