/* ==========================================================================
   3DOptix redesign — TrueScene page layer.

   Depends on: dxr-tokens.css -> dxr-components.css -> dxr-shell.css
   Enqueued CONDITIONALLY from page-templates/dxr-truescene.php (handle
   'dxr-page-ts', dependency 'dxr-shell'), so it ships on this page only and
   can never reorder the shared layer.

   RULES FOR THIS FILE:
   - EVERY selector is scoped by .dxr-page--ts (the template's wrapper div), so
     nothing here can reach another page.
   - Anything reusable already lives in dxr-components.css and is called, not
     re-declared. What is here is the delta between the shared primitives and
     the prototype's TrueScene geometry ('3DOptix Website.dc.html' 1174-1327).

   Contents
     §1  Local custom properties
     §2  Hero
     §3  Comparison panel (game-engine render vs sensor-true frame)
     §4  Section-local spacing / measures
     §5  Applications
     §6  Closing band
   ========================================================================== */

/* ==========================================================================
   §1 Local custom properties
   ========================================================================== */
.dxr-page--ts{
  /* Prototype hero / closing-band rhythm; no shared token carries this clamp. */
  --dxr-ts-y:clamp(47px,5.6vw,76px);
  /* Five siblings of this token -- the opaque panel fill and the four caption
     inks -- went with the comparison panel; only the hero micro-note is still
     read. git has them if the pair comes back. */
  --dxr-ts-micro:rgba(255,255,255,0.44);
}

/* ==========================================================================
   §2 Hero
   ========================================================================== */
/* .dxr-hero--dark drops the bottom rule; this dark hero keeps a white hairline. */
.dxr-page--ts .dxr-ts-hero{border-bottom:1px solid var(--dxr-border-on-dark-soft)}
.dxr-page--ts .dxr-ts-hero__inner{
  padding-top:var(--dxr-ts-y);
  padding-bottom:var(--dxr-section-y-compact);
}
/* The eyebrow row also carries the Beta badge, so it wraps and runs 24px. */
.dxr-page--ts .dxr-ts-hero__eyebrow{margin:0 0 24px;flex-wrap:wrap}
/* Cyan two-stop bar on this page. NOT a third spectrum placement. */
.dxr-page--ts .dxr-ts-hero__eyebrow .dxr-eyebrow-bar__rule{
  background:linear-gradient(90deg,var(--dxr-cyan),var(--dxr-cyan-light));
}
/* On-dark Beta badge: amber ink on a translucent amber wash. */
.dxr-page--ts .dxr-ts-hero .dxr-badge-beta{
  color:var(--dxr-amber-light);
  background:rgba(252,211,77,0.14);
}
.dxr-page--ts .dxr-ts-hero__cta{margin-top:32px}
.dxr-page--ts .dxr-ts-hero .dxr-ts-hero__micro{margin-top:18px;color:var(--dxr-ts-micro)}

/* ==========================================================================
   §3 Hero lead measure
   ========================================================================== */
/* The hero grid is auto-fit, so with the comparison panel gone its one remaining
   child stretches the full 1300px container -- and .dxr-h1--page carries no
   measure of its own, so a 54px headline would run edge to edge. This holds the
   column at the width it had beside the panel. The comparison panel's own rules
   were deleted with it; git has them if the two captures ever arrive. */
.dxr-page--ts .dxr-ts-hero__lead{max-width:720px}

/* ==========================================================================
   §4 Section-local spacing / measures the shared scale does not carry
   The shared layer ships mb-10/12/18/22/26/32/40 and the standard measures;
   this page also needs 14px and a 680px measure exactly as the prototype has
   them. Not re-assertions — these are the only declarations of these classes.
   ========================================================================== */
.dxr-page--ts .dxr-ts-mb-14{margin-bottom:14px}
.dxr-page--ts .dxr-ts-measure-680{max-width:min(100%,680px)}

/* ==========================================================================
   §5 Applications
   ========================================================================== */
.dxr-page--ts .dxr-ts-app__body{padding:26px 28px 28px}
.dxr-page--ts .dxr-ts-app__body .dxr-ts-app__tax{color:var(--dxr-cyan-deep)}

/* ==========================================================================
   §6 Closing band
   ========================================================================== */
.dxr-page--ts .dxr-ts-cta{padding:var(--dxr-ts-y) 0}
.dxr-page--ts .dxr-ts-cta .dxr-ctaband__copy{max-width:min(100%,640px)}