.cinematic *,.cinematic *::before,.cinematic *::after{ box-sizing: border-box; }.cinematic{ -webkit-text-size-adjust: 100%; scroll-behavior: smooth; }.cinematic{
  margin: 0;
  background: var(--graphite);
  color: var(--ink);
  font-family: var(--font-sans);
  font-size: 17px;
  line-height: 1.6;
  font-feature-settings: "ss01", "cv11";
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}.cinematic img,.cinematic svg,.cinematic canvas{ display: block; max-width: 100%; }.cinematic a{ color: inherit; }.cinematic button{ font: inherit; color: inherit; }.cinematic h1,.cinematic h2,.cinematic h3,.cinematic h4,.cinematic p{ margin: 0; }.cinematic ul,.cinematic ol{ margin: 0; padding: 0; list-style: none; }.cinematic :focus-visible{
  outline: 2px solid var(--cyan);
  outline-offset: 3px;
  border-radius: 2px;
}.cinematic .visually-hidden{
  position: absolute !important;
  width: 1px; height: 1px;
  overflow: hidden; clip: rect(0 0 0 0);
  white-space: nowrap;
}.cinematic .skip-link{
  position: fixed; left: 16px; top: -60px; z-index: 200;
  background: var(--white); color: var(--ink);
  padding: 10px 16px; border-radius: var(--radius);
  text-decoration: none; font-weight: 500;
  transition: top .2s var(--ease-out);
}.cinematic .skip-link:focus{ top: 16px; }.cinematic .container{
  width: 100%;
  max-width: var(--page-max);
  margin: 0 auto;
  padding: 0 var(--gutter);
}.cinematic .eyebrow{
  display: inline-flex; align-items: center; gap: 10px;
  font-family: var(--font-mono);
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--ink-3);
}.cinematic .eyebrow::before{
  content: ""; width: 18px; height: 1px; background: currentColor; opacity: .7;
}.cinematic .theme-dark .eyebrow{ color: var(--on-dark-3); }.cinematic .display{
  font-size: clamp(52px, 5.1vw, 82px);
  line-height: 1.02;
  letter-spacing: -0.038em;
  font-weight: 500;
}.cinematic .h2{
  font-size: clamp(36px, 3.3vw, 52px);
  line-height: 1.08;
  letter-spacing: -0.03em;
  font-weight: 500;
}.cinematic .h3{
  font-size: 23px;
  line-height: 1.25;
  letter-spacing: -0.015em;
  font-weight: 500;
}.cinematic .lede{
  font-size: 19px;
  line-height: 1.62;
  color: var(--ink-2);
  max-width: 62ch;
}.cinematic .body{ color: var(--ink-2); max-width: 66ch; }.cinematic .theme-dark .lede,.cinematic .theme-dark .body{ color: var(--on-dark-2); }.cinematic .mono{ font-family: var(--font-mono); }.cinematic .btn{
  --btn-bg: var(--white);
  --btn-fg: var(--ink);
  --btn-bd: transparent;
  display: inline-flex; align-items: center; gap: 12px;
  height: 52px; padding: 0 22px 0 24px;
  background: var(--btn-bg); color: var(--btn-fg);
  border: 1px solid var(--btn-bd);
  border-radius: var(--radius);
  font-size: 15px; font-weight: 500; letter-spacing: -0.005em;
  text-decoration: none; white-space: nowrap; cursor: pointer;
  transition: background .25s var(--ease-out), color .25s var(--ease-out), border-color .25s var(--ease-out), transform .25s var(--ease-out);
}.cinematic .btn .arrow{ transition: transform .3s var(--ease-out); }.cinematic .btn:hover .arrow{ transform: translateX(4px); }.cinematic .btn--primary{ --btn-bg: var(--white); --btn-fg: var(--ink); }.cinematic .btn--primary:hover{ --btn-bg: var(--btn-primary-hover); }.cinematic .btn--ghost{ --btn-bg: transparent; --btn-fg: var(--on-dark); --btn-bd: color-mix(in srgb, var(--on-dark) 28%, transparent); }.cinematic .btn--ghost:hover{ --btn-bd: color-mix(in srgb, var(--on-dark) 70%, transparent); }.cinematic .btn--dark{ --btn-bg: var(--ink); --btn-fg: var(--white); }.cinematic .btn--dark:hover{ --btn-bg: var(--midnight); }.cinematic .btn--outline{ --btn-bg: transparent; --btn-fg: var(--ink); --btn-bd: color-mix(in srgb, var(--ink) 25%, transparent); }.cinematic .btn--outline:hover{ --btn-bd: var(--ink); }.cinematic .btn--sm{ height: 42px; padding: 0 16px 0 18px; font-size: 14px; }.cinematic .arrow{ width: 16px; height: 16px; flex: none; }.cinematic .text-link{
  display: inline-flex; align-items: center; gap: 8px;
  font-weight: 500; font-size: 15px;
  text-decoration: none;
  color: var(--ink);
  border-bottom: 1px solid currentColor;
  padding-bottom: 3px;
  border-color: color-mix(in srgb, var(--ink) 25%, transparent);
  transition: border-color .25s var(--ease-out), gap .3s var(--ease-out);
}.cinematic .text-link:hover{ border-color: var(--ink); gap: 12px; }.cinematic .theme-dark .text-link{ color: var(--on-dark); border-color: color-mix(in srgb, var(--on-dark) 30%, transparent); }.cinematic .theme-dark .text-link:hover{ border-color: var(--on-dark); }.cinematic .label-chip{
  display: inline-flex; align-items: center; gap: 8px;
  height: 28px; padding: 0 12px;
  border: 1px solid var(--rule-light);
  border-radius: 999px;
  font-family: var(--font-mono);
  font-size: 11.5px; letter-spacing: 0.08em; text-transform: uppercase;
  color: var(--ink-2);
  white-space: nowrap;
}.cinematic .label-chip::before{
  content: ""; width: 6px; height: 6px; border-radius: 50%;
  background: var(--amber);
}.cinematic .theme-dark .label-chip{ border-color: var(--rule-dark); color: var(--on-dark-2); }.cinematic .site-header{
  position: fixed; inset: 0 0 auto 0; z-index: 100;
  height: var(--header-h);
  color: var(--on-dark);
  transition: background .4s var(--ease-out), border-color .4s var(--ease-out), backdrop-filter .4s;
  border-bottom: 1px solid transparent;
}.cinematic .site-header.is-scrolled{
  background: color-mix(in srgb, var(--ink) 94%, transparent);
  backdrop-filter: blur(18px) saturate(140%);
  -webkit-backdrop-filter: blur(18px) saturate(140%);
  border-color: var(--rule-dark);
}.cinematic .site-header__inner{
  height: 100%;
  display: flex; align-items: center; justify-content: space-between; gap: 32px;
}.cinematic .brand{
  display: inline-flex; align-items: center; gap: 14px;
  text-decoration: none; color: var(--on-dark);
}.cinematic .brand__word{
  font-size: 22px; font-weight: 600; letter-spacing: -0.03em;
}.cinematic .brand__word span{ color: var(--cyan); }.cinematic .brand__divider{ width: 1px; height: 18px; background: color-mix(in srgb, var(--on-dark) 25%, transparent); }.cinematic .brand__desc{
  font-family: var(--font-mono);
  font-size: 11.5px; letter-spacing: 0.12em; text-transform: uppercase;
  color: var(--on-dark-2);
}.cinematic .primary-nav ul{ display: flex; gap: 6px; }.cinematic .primary-nav a{
  display: inline-flex; align-items: center;
  height: 40px; padding: 0 14px;
  font-size: 14.5px; font-weight: 450;
  color: var(--on-dark-2); text-decoration: none;
  border-radius: var(--radius);
  transition: color .2s, background .2s;
}.cinematic .primary-nav a:hover{ color: var(--on-dark); background: color-mix(in srgb, var(--on-dark) 6%, transparent); }.cinematic .primary-nav a[aria-current="page"]{ color: var(--on-dark); }.cinematic .header-actions{ display: flex; align-items: center; gap: 12px; }.cinematic .section{ position: relative; padding: 112px 0; }.cinematic .section--tight{ padding: 120px 0; }.cinematic .theme-dark{ background: var(--graphite); color: var(--on-dark); }.cinematic .theme-midnight{ background: var(--midnight); color: var(--on-dark); }.cinematic .theme-light{ background: var(--white); color: var(--ink); }.cinematic .theme-paper{ background: var(--paper); color: var(--ink); }.cinematic .section-head{
  display: grid;
  grid-template-columns: minmax(0, 5fr) minmax(0, 6fr);
  gap: 48px 80px;
  align-items: end;
  margin-bottom: 56px;
}.cinematic .section-head .eyebrow{ grid-column: 1 / -1; margin-bottom: -24px; }.cinematic .section-head .h2{ max-width: 16ch; }.cinematic .js .reveal{ transform: translateY(14px); transition: transform .8s var(--ease-out); }.cinematic .js .reveal.is-visible{ transform: none; }.cinematic .js .reveal[data-delay="1"]{ transition-delay: .08s; }.cinematic .js .reveal[data-delay="2"]{ transition-delay: .16s; }.cinematic .js .reveal[data-delay="3"]{ transition-delay: .24s; }.cinematic .site-footer{
  background: var(--graphite);
  color: var(--on-dark-2);
  padding: 88px 0 40px;
  border-top: 1px solid var(--rule-dark);
  font-size: 15px;
}.cinematic .footer-top{
  display: grid;
  grid-template-columns: 4fr 7fr;
  gap: 80px;
  padding-bottom: 64px;
  border-bottom: 1px solid var(--rule-dark);
}.cinematic .footer-statement{
  margin-top: 28px;
  color: var(--on-dark-2);
  max-width: 40ch;
  line-height: 1.6;
}.cinematic .footer-nav{
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 40px 32px;
}.cinematic .footer-nav h3{
  font-family: var(--font-mono);
  font-size: 11.5px; font-weight: 500;
  letter-spacing: 0.12em; text-transform: uppercase;
  color: var(--on-dark-3);
  margin-bottom: 18px;
}.cinematic .footer-nav li + li{ margin-top: 10px; }.cinematic .footer-nav a{
  color: var(--on-dark-2); text-decoration: none;
  transition: color .2s;
}.cinematic .footer-nav a:hover{ color: var(--on-dark); }.cinematic .footer-bottom{
  display: flex; justify-content: space-between; align-items: flex-start; gap: 40px;
  padding-top: 32px;
  font-size: 13.5px; color: var(--on-dark-3);
}.cinematic .footer-bottom address{ font-style: normal; line-height: 1.7; }.cinematic .footer-bottom a{ color: var(--on-dark-2); text-decoration: none; }.cinematic .footer-bottom a:hover{ color: var(--on-dark); }.cinematic .footer-legal{ display: flex; gap: 24px; }@media (prefers-reduced-motion: reduce){.cinematic{ scroll-behavior: auto; }.cinematic *,.cinematic *::before,.cinematic *::after{ transition-duration: .01ms !important; animation-duration: .01ms !important; }.cinematic .js .reveal{ opacity: 1; transform: none; }}.cinematic .page-light{ background: var(--white); }.cinematic .page-light .site-header{ background: var(--graphite); border-color: var(--rule-dark); }.cinematic .breadcrumb{ display: flex; flex-wrap: wrap; gap: 10px; font-size: 13.5px; color: var(--ink-3); margin-bottom: 40px; }.cinematic .breadcrumb a{ color: var(--ink-2); text-decoration: none; }.cinematic .breadcrumb a:hover{ color: var(--ink); text-decoration: underline; text-underline-offset: 3px; }.cinematic .breadcrumb--dark{ color: var(--on-dark-3); }.cinematic .breadcrumb--dark a{ color: var(--on-dark-2); }.cinematic .breadcrumb--dark a:hover{ color: var(--on-dark); }.cinematic .breadcrumb [aria-current]{ color: inherit; }.cinematic .phero{ position: relative; overflow: hidden; }.cinematic .phero__eyebrow{ color: var(--on-dark-2); margin-bottom: 28px; }.cinematic .phero__title{ color: var(--on-dark-strong); max-width: 15ch; font-size: clamp(48px, 4.4vw, 70px); }.cinematic .phero__lede{ margin-top: 28px; color: var(--on-dark-2); max-width: 56ch; }.cinematic .phero__actions{ display: flex; flex-wrap: wrap; gap: 12px; margin-top: 40px; }.cinematic .phero__meta{ display: flex; flex-wrap: wrap; align-items: center; gap: 12px 20px; margin-top: 32px; }.cinematic .phero--scene{ min-height: clamp(760px, 94vh, 980px); display: flex; }.cinematic .phero--scene .phero__inner{ position: relative; z-index: 3; display: flex; flex-direction: column; padding-top: calc(var(--header-h) + 36px); padding-bottom: 120px; pointer-events: none; }.cinematic .phero--scene .phero__inner a,.cinematic .phero--scene .phero__inner button{ pointer-events: auto; }.cinematic .phero--scene .phero__panel{ margin: auto 0; max-width: 640px; }.cinematic .pstage{ position: absolute; inset: 0; background: var(--graphite); }.cinematic .stage__poster,.cinematic .stage__canvas{ position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }.cinematic .stage__canvas{ opacity: 0; transition: opacity 1.2s var(--ease-out); }.cinematic .pstage.is-live .stage__canvas{ opacity: 1; }.cinematic .pstage.is-live .stage__poster{ opacity: 0; transition: opacity 1.2s .2s var(--ease-out); }.cinematic .pstage__scrim{
  position: absolute; inset: 0; pointer-events: none; z-index: 1;
  background:
    linear-gradient(90deg, color-mix(in srgb, var(--ink) 97%, transparent) 0%, color-mix(in srgb, var(--ink) 92%, transparent) 30%, color-mix(in srgb, var(--ink) 50%, transparent) 46%, color-mix(in srgb, var(--ink) 0%, transparent) 60%),
    linear-gradient(180deg, color-mix(in srgb, var(--ink) 75%, transparent) 0%, color-mix(in srgb, var(--ink) 0%, transparent) 20%, color-mix(in srgb, var(--ink) 0%, transparent) 76%, color-mix(in srgb, var(--ink) 90%, transparent) 100%);
}.cinematic .pstage__footer{
  position: absolute; z-index: 4; bottom: 30px;
  left: max(var(--gutter), calc((100% - var(--page-max)) / 2 + var(--gutter)));
  right: max(var(--gutter), calc((100% - var(--page-max)) / 2 + var(--gutter)));
  display: flex; justify-content: flex-end; align-items: center; gap: 28px;
}.cinematic .concept-note{ padding-right: 28px; border-right: 1px solid var(--rule-dark); font-family: var(--font-mono); font-size: 11.5px; letter-spacing: 0.02em; color: var(--on-dark-3); }.cinematic .stage__tools{ display: flex; align-items: center; gap: 28px; }.cinematic .flow-legend{ display: flex; gap: 22px; }.cinematic .flow-legend li{ display: inline-flex; align-items: center; gap: 10px; font-family: var(--font-mono); font-size: 11.5px; letter-spacing: 0.08em; text-transform: uppercase; color: var(--on-dark-2); }.cinematic .flow-legend svg{ width: 28px; height: 6px; }.cinematic .tool-btn{
  display: inline-flex; align-items: center; gap: 8px;
  height: 34px; padding: 0 12px;
  background: color-mix(in srgb, var(--on-dark) 4%, transparent); border: 1px solid color-mix(in srgb, var(--on-dark) 16%, transparent); border-radius: var(--radius);
  font-family: var(--font-mono); font-size: 11.5px; letter-spacing: 0.06em; text-transform: uppercase;
  color: var(--on-dark-2); white-space: nowrap; cursor: pointer;
  transition: border-color .2s, color .2s, background .2s;
}.cinematic .tool-btn:hover{ color: var(--on-dark); border-color: color-mix(in srgb, var(--on-dark) 40%, transparent); }.cinematic .tool-btn[aria-pressed="true"]{ color: var(--on-dark); border-color: color-mix(in srgb, var(--cyan) 60%, transparent); background: color-mix(in srgb, var(--cyan) 8%, transparent); }.cinematic .tool-btn svg{ width: 12px; height: 12px; }.cinematic .tool-btn .i-play{ display: none; }.cinematic .tool-btn[data-action="pause"][aria-pressed="true"] .i-play{ display: block; }.cinematic .tool-btn[data-action="pause"][aria-pressed="true"] .i-pause{ display: none; }.cinematic .tool-btn[data-action="pause"][aria-pressed="true"]{ border-color: color-mix(in srgb, var(--on-dark) 40%, transparent); background: color-mix(in srgb, var(--on-dark) 6%, transparent); }.cinematic .flow-tags{ position: absolute; inset: 0; z-index: 2; pointer-events: none; }.cinematic .flow-tag{
  position: absolute; left: 0; top: 0;
  display: inline-flex; align-items: center; gap: 8px;
  height: 26px; padding: 0 10px;
  background: color-mix(in srgb, var(--ink) 82%, transparent); border: 1px solid color-mix(in srgb, var(--cyan) 55%, transparent); border-radius: 4px;
  font-family: var(--font-mono); font-size: 11px; letter-spacing: .06em; text-transform: uppercase;
  color: var(--on-dark); white-space: nowrap;
  transition: opacity .4s var(--ease-out);
}.cinematic .flow-tag::before{ content: ""; width: 16px; height: 0; border-top: 2px solid var(--cyan); }.cinematic .flow-tag[data-kind="hydrogen"]{ border-color: color-mix(in srgb, var(--violet) 60%, transparent); }.cinematic .flow-tag[data-kind="hydrogen"]::before{ border-top: 2px dashed var(--violet); }.cinematic .flow-tag[data-kind="material"]{ border-color: color-mix(in srgb, var(--amber) 60%, transparent); }.cinematic .flow-tag[data-kind="material"]::before{ border-top: 2px dotted var(--amber); }.cinematic .flow-tag[data-kind="utility"]{ border-color: color-mix(in srgb, var(--steel) 60%, transparent); }.cinematic .flow-tag[data-kind="utility"]::before{ border-top: 2px solid var(--steel); width: 10px; }.cinematic .flow-tag[data-kind="boundary"]{ border-color: color-mix(in srgb, var(--on-dark) 40%, transparent); border-style: dashed; }.cinematic .flow-tag[data-kind="boundary"]::before{ display: none; }.cinematic .flow-tag[data-kind="component"]{ border-color: color-mix(in srgb, var(--on-dark) 32%, transparent); }.cinematic .flow-tag[data-kind="component"]::before{ width: 6px; height: 6px; border: 0; border-radius: 50%; background: var(--on-dark); }.cinematic .flow-tag.is-active{ border-color: var(--cyan); background: color-mix(in srgb, var(--glass-hi) 92%, transparent); }.cinematic .flow-tag[hidden]{ display: none; }.cinematic .scene-controls{ margin-top: 36px; }.cinematic .scene-controls__label{ font-family: var(--font-mono); font-size: 11px; letter-spacing: .12em; text-transform: uppercase; color: var(--on-dark-3); margin-bottom: 12px; }.cinematic .scene-controls__row{ display: flex; flex-wrap: wrap; gap: 6px; }.cinematic .scene-controls + .scene-controls{ margin-top: 20px; }.cinematic .phero--diagram{ padding: calc(var(--header-h) + 36px) 0 96px; }.cinematic .phero__grid{ display: grid; grid-template-columns: minmax(0, 6fr) minmax(0, 6fr); gap: 72px; align-items: center; }.cinematic .phero--diagram .phero__title{ max-width: 14ch; }.cinematic .phero__art{ margin: 0; }.cinematic .phero__art svg{ width: 100%; height: auto; overflow: visible; }.cinematic .phero__art figcaption{ margin-top: 16px; font-size: 11.5px; color: var(--on-dark-3); }.cinematic .phero--diagram.theme-light .phero__eyebrow,.cinematic .phero--diagram.theme-paper .phero__eyebrow{ color: var(--ink-3); }.cinematic .phero--diagram.theme-light .phero__title,.cinematic .phero--diagram.theme-paper .phero__title{ color: var(--ink); }.cinematic .phero--diagram.theme-light .phero__lede,.cinematic .phero--diagram.theme-paper .phero__lede{ color: var(--ink-2); }.cinematic .phero--diagram.theme-light .phero__art figcaption{ color: var(--ink-3); }.cinematic .label-chip--dark{ border-color: color-mix(in srgb, var(--ink) 18%, transparent); color: var(--ink); background: var(--surface-pure); }.cinematic .label-chip--cyan::before{ background: var(--cyan); }.cinematic .label-chip--violet::before{ background: var(--violet); }.cinematic .label-chip--steel::before{ background: var(--steel); }.cinematic .theme-dark .label-chip--dark,.cinematic .theme-midnight .label-chip--dark{ background: transparent; color: var(--on-dark); border-color: var(--rule-dark); }.cinematic .theme-midnight .label-chip{ border-color: var(--rule-dark); color: var(--on-dark-2); }.cinematic .stage-marker{ display: inline-flex; align-items: center; gap: 10px; padding: 9px 16px 9px 12px; border: 1px solid color-mix(in srgb, var(--amber) 50%, transparent); border-radius: 999px; font-size: 14px; background: color-mix(in srgb, var(--amber) 7%, transparent); }.cinematic .stage-marker .mono{ font-size: 11px; letter-spacing: .12em; text-transform: uppercase; color: var(--ink-3); }.cinematic .stage-marker b{ font-weight: 500; }.cinematic .stage-marker__dot{ width: 8px; height: 8px; border-radius: 50%; background: var(--amber); box-shadow: 0 0 0 4px color-mix(in srgb, var(--amber) 20%, transparent); }.cinematic .theme-dark .stage-marker .mono,.cinematic .theme-midnight .stage-marker .mono{ color: var(--on-dark-3); }.cinematic .theme-dark .stage-marker b,.cinematic .theme-midnight .stage-marker b{ color: var(--on-dark); }.cinematic .pblock__grid{ display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: 48px 96px; align-items: start; }.cinematic .pblock__head .eyebrow{ margin-bottom: 20px; }.cinematic .pblock__head .h2{ max-width: 14ch; }.cinematic .pblock__head > * + .pnote,.cinematic .pblock__head > * + .pcheck,.cinematic .pblock__head > * + .btn,.cinematic .pblock__head > * + .text-link{ margin-top: 32px; }.cinematic .pblock__body > * + *{ margin-top: 22px; }.cinematic .pblock__body .body{ font-size: 18px; line-height: 1.68; }.cinematic .pblock__body .body a,.cinematic .pcard__body a,.cinematic .faq a{ color: inherit; text-decoration-color: color-mix(in srgb, var(--ink) 35%, transparent); text-underline-offset: 3px; }.cinematic .pblock__body .body a:hover{ text-decoration-color: currentColor; }.cinematic .theme-dark .pblock__body .body a,.cinematic .theme-midnight .pblock__body .body a{ text-decoration-color: color-mix(in srgb, var(--on-dark) 40%, transparent); }.cinematic .pblock .pcards,.cinematic .pblock .pseq,.cinematic .pblock .pfields-grid,.cinematic .pblock .pmodes,.cinematic .pblock .ptable-wrap,.cinematic .pblock .wide{ margin-top: 64px; }.cinematic .pblock__body .pcards{ margin-top: 36px; }.cinematic .section.pblock + .section.pblock.theme-light,.cinematic .section.pblock.theme-light + .section.pblock.theme-light{ border-top: 1px solid var(--rule-light); }.cinematic .theme-dark .h2,.cinematic .theme-midnight .h2{ color: var(--on-dark-strong); }.cinematic .theme-midnight{ background: var(--midnight); }.cinematic .theme-blueprint{ background: radial-gradient(120% 90% at 85% 0%, var(--glow) 0%, var(--graphite) 62%); color: var(--on-dark); }.cinematic .theme-blueprint .h2{ color: var(--on-dark-strong); }.cinematic .theme-blueprint .body,.cinematic .theme-blueprint .lede{ color: var(--on-dark-2); }.cinematic .theme-blueprint .eyebrow{ color: var(--on-dark-3); }.cinematic .pnote{ font-size: 14px; line-height: 1.6; color: var(--ink-3); max-width: 60ch; padding-left: 14px; border-left: 2px solid var(--rule-light); }.cinematic .theme-dark .pnote,.cinematic .theme-midnight .pnote,.cinematic .theme-blueprint .pnote{ color: var(--on-dark-3); border-color: var(--rule-dark); }.cinematic .pcards{ display: grid; gap: 16px; }.cinematic .pcards--2{ grid-template-columns: repeat(2, 1fr); }.cinematic .pcards--3{ grid-template-columns: repeat(3, 1fr); }.cinematic .pcards--4{ grid-template-columns: repeat(4, 1fr); }.cinematic .pcards--5{ grid-template-columns: repeat(5, 1fr); }.cinematic .pcard{
  position: relative; display: flex; flex-direction: column;
  padding: 30px 28px 28px;
  background: var(--surface-pure); border: 1px solid var(--rule-light); border-radius: var(--radius-lg);
  transition: border-color .3s var(--ease-out), transform .4s var(--ease-out), box-shadow .4s var(--ease-out);
}.cinematic .pcard__num{ font-size: 12px; color: var(--ink-3); letter-spacing: .08em; margin-bottom: 26px; }.cinematic .pcard__icon{ display: block; height: 44px; margin-bottom: 26px; color: var(--ink); }.cinematic .pcard__icon svg{ height: 44px; width: auto; }.cinematic .pcard__kicker{ font-size: 11px; letter-spacing: .12em; text-transform: uppercase; color: var(--ink-3); margin-bottom: 10px; }.cinematic .pcard__title{ font-size: 20px; line-height: 1.3; letter-spacing: -0.015em; font-weight: 500; color: var(--ink); }.cinematic .pcard__body{ margin-top: 12px; font-size: 15.5px; line-height: 1.6; color: var(--ink-2); }.cinematic .pcard__link{ margin-top: auto; padding-top: 24px; display: inline-flex; align-items: center; gap: 8px; font-size: 14.5px; font-weight: 500; color: var(--ink); text-decoration: none; }.cinematic .pcard__link .arrow{ transition: transform .3s var(--ease-out); }.cinematic .pcard--link:hover{ border-color: color-mix(in srgb, var(--ink) 32%, transparent); transform: translateY(-3px); box-shadow: 0 22px 50px -30px color-mix(in srgb, var(--ink) 30%, transparent); }.cinematic .pcard--link:hover .pcard__link .arrow{ transform: translateX(4px); }.cinematic .pcard .label-chip{ margin-top: 18px; align-self: flex-start; }.cinematic .pcard .supply{ margin: 18px 0 0; }.cinematic .theme-dark .pcard,.cinematic .theme-midnight .pcard,.cinematic .theme-blueprint .pcard{ background: color-mix(in srgb, var(--on-dark) 3.5%, transparent); border-color: var(--rule-dark); }.cinematic .theme-dark .pcard__title,.cinematic .theme-midnight .pcard__title,.cinematic .theme-blueprint .pcard__title,.cinematic .theme-dark .pcard__link,.cinematic .theme-midnight .pcard__link,.cinematic .theme-blueprint .pcard__link{ color: var(--on-dark); }.cinematic .theme-dark .pcard__body,.cinematic .theme-midnight .pcard__body,.cinematic .theme-blueprint .pcard__body{ color: var(--on-dark-2); }.cinematic .theme-dark .pcard__num,.cinematic .theme-midnight .pcard__num,.cinematic .theme-blueprint .pcard__num,.cinematic .theme-dark .pcard__kicker,.cinematic .theme-midnight .pcard__kicker,.cinematic .theme-blueprint .pcard__kicker{ color: var(--on-dark-3); }.cinematic .theme-dark .pcard__icon,.cinematic .theme-midnight .pcard__icon,.cinematic .theme-blueprint .pcard__icon{ color: var(--on-dark); }.cinematic .theme-dark .pcard--link:hover,.cinematic .theme-midnight .pcard--link:hover,.cinematic .theme-blueprint .pcard--link:hover{ border-color: color-mix(in srgb, var(--on-dark) 35%, transparent); box-shadow: none; }.cinematic .penquiry-wrap{ padding: 96px 0; }.cinematic .penquiry{
  position: relative; overflow: hidden;
  display: grid; grid-template-columns: minmax(0, 6fr) minmax(0, 5fr); gap: 72px;
  padding: 64px 64px 60px;
  background: linear-gradient(135deg, var(--midnight) 0%, var(--midnight-deep) 100%);
  color: var(--on-dark);
  border-radius: 14px;
}.cinematic .penquiry::before{ content: ""; position: absolute; left: 64px; top: 0; width: 120px; height: 3px; background: var(--cyan); }.cinematic .penquiry--violet::before{ background: var(--violet); }.cinematic .penquiry--amber::before{ background: var(--amber); }.cinematic .penquiry .label-chip{ background: color-mix(in srgb, var(--on-dark) 6%, transparent); border-color: color-mix(in srgb, var(--on-dark) 18%, transparent); color: var(--on-dark); }.cinematic .penquiry .label-chip::before{ background: var(--cyan); }.cinematic .penquiry--violet .label-chip::before{ background: var(--violet); }.cinematic .penquiry__title{ margin-top: 28px; color: var(--on-dark-strong); max-width: 17ch; }.cinematic .penquiry__body{ margin-top: 22px; font-size: 17.5px; line-height: 1.66; color: var(--on-dark-2); max-width: 58ch; }.cinematic .penquiry__actions{ display: flex; flex-wrap: wrap; gap: 12px; margin-top: 36px; }.cinematic .penquiry__items{ border-top: 1px solid var(--rule-dark); align-self: start; }.cinematic .penquiry__items li{ display: grid; grid-template-columns: 44px 1fr; padding: 22px 0; border-bottom: 1px solid var(--rule-dark); }.cinematic .penquiry__items .mono{ font-size: 12px; color: var(--cyan); padding-top: 4px; }.cinematic .penquiry--violet .penquiry__items .mono{ color: var(--violet); }.cinematic .penquiry__items h3{ font-size: 18px; font-weight: 500; letter-spacing: -0.01em; color: var(--on-dark-strong); }.cinematic .penquiry__items p{ margin-top: 6px; font-size: 15px; line-height: 1.58; color: var(--on-dark-2); }.cinematic .penquiry__note{ margin-top: 20px; font-size: 14px; color: var(--ink-3); max-width: 90ch; }.cinematic .pseq{ display: grid; gap: 0; border-top: 1px solid var(--rule-light); counter-reset: s; }.cinematic .pseq--3{ grid-template-columns: repeat(3, 1fr); }.cinematic .pseq--4{ grid-template-columns: repeat(4, 1fr); }.cinematic .pseq--5{ grid-template-columns: repeat(5, 1fr); }.cinematic .pseq__item{ position: relative; padding: 32px 32px 8px 0; }.cinematic .pseq__item + .pseq__item{ padding-left: 32px; border-left: 1px solid var(--rule-light); }.cinematic .pseq__item::before{ content: ""; position: absolute; top: -1px; left: 0; right: 0; height: 2px; background: transparent; }.cinematic .pseq__item + .pseq__item::before{ left: -1px; }.cinematic .pseq__num{ display: flex; align-items: center; gap: 10px; font-size: 12px; color: var(--ink-3); letter-spacing: .08em; }.cinematic .pseq__num b{ font-weight: 500; font-size: 10.5px; letter-spacing: .12em; text-transform: uppercase; color: var(--amber-text); padding: 3px 8px; border-radius: 999px; background: color-mix(in srgb, var(--amber) 20%, transparent); }.cinematic .pseq__title{ margin-top: 18px; font-size: 21px; font-weight: 500; letter-spacing: -0.015em; line-height: 1.3; color: var(--ink); }.cinematic .pseq__body{ margin-top: 10px; font-size: 15.5px; line-height: 1.6; color: var(--ink-2); }.cinematic .pseq__item.is-current::before{ background: var(--amber); }.cinematic .theme-dark .pseq,.cinematic .theme-midnight .pseq,.cinematic .theme-blueprint .pseq{ border-color: var(--rule-dark); }.cinematic .theme-dark .pseq__item + .pseq__item,.cinematic .theme-midnight .pseq__item + .pseq__item,.cinematic .theme-blueprint .pseq__item + .pseq__item{ border-color: var(--rule-dark); }.cinematic .theme-dark .pseq__title,.cinematic .theme-midnight .pseq__title,.cinematic .theme-blueprint .pseq__title{ color: var(--on-dark-strong); }.cinematic .theme-dark .pseq__body,.cinematic .theme-midnight .pseq__body,.cinematic .theme-blueprint .pseq__body{ color: var(--on-dark-2); }.cinematic .theme-dark .pseq__num,.cinematic .theme-midnight .pseq__num,.cinematic .theme-blueprint .pseq__num{ color: var(--on-dark-3); }.cinematic .theme-dark .pseq__num b,.cinematic .theme-midnight .pseq__num b,.cinematic .theme-blueprint .pseq__num b{ color: var(--amber); background: color-mix(in srgb, var(--amber) 12%, transparent); }.cinematic .pfaq{ border-top: 1px solid var(--rule-light); }.cinematic .faq{ border-top: 1px solid var(--rule-light); }.cinematic .faq__item{ border-bottom: 1px solid var(--rule-light); }.cinematic .faq__item summary{
  display: flex; justify-content: space-between; align-items: center; gap: 24px;
  padding: 24px 0; cursor: pointer; list-style: none;
  font-size: 19px; font-weight: 500; letter-spacing: -0.012em; color: var(--ink);
}.cinematic .faq__item summary::-webkit-details-marker{ display: none; }.cinematic .faq__item summary svg{ width: 16px; height: 16px; flex: none; color: var(--ink-3); transition: transform .3s var(--ease-out); }.cinematic .faq__item[open] summary svg{ transform: rotate(180deg); }.cinematic .faq__item summary:hover{ color: var(--ink-2); }.cinematic .faq__item p{ padding: 0 48px 26px 0; font-size: 16.5px; line-height: 1.66; color: var(--ink-2); max-width: 70ch; }.cinematic .prelated{ margin-top: 88px; padding-top: 36px; border-top: 1px solid var(--rule-light); }.cinematic .prelated .eyebrow{ margin-bottom: 20px; }.cinematic .prelated ul{ display: grid; grid-template-columns: repeat(4, 1fr); gap: 12px; }.cinematic .prelated a{
  display: grid; grid-template-columns: 1fr auto; grid-template-areas: "t a" "d a"; align-items: center; column-gap: 16px;
  height: 100%; padding: 18px 20px; border: 1px solid var(--rule-light); border-radius: var(--radius-lg);
  text-decoration: none; color: var(--ink); background: var(--surface-pure);
  transition: border-color .25s var(--ease-out);
}.cinematic .prelated a:hover{ border-color: color-mix(in srgb, var(--ink) 35%, transparent); }.cinematic .prelated__t{ grid-area: t; font-size: 16px; font-weight: 500; letter-spacing: -0.01em; }.cinematic .prelated__d{ grid-area: d; margin-top: 2px; font-size: 13.5px; color: var(--ink-3); }.cinematic .prelated .arrow{ grid-area: a; transition: transform .3s var(--ease-out); }.cinematic .prelated a:hover .arrow{ transform: translateX(3px); }.cinematic .pclosing{ padding: 104px 0 96px; border-top: 1px solid var(--rule-light); }.cinematic .pclosing__inner{ display: grid; grid-template-columns: 7fr 5fr; gap: 80px; align-items: end; }.cinematic .pclosing__title{ font-size: clamp(42px, 3.9vw, 62px); line-height: 1.05; letter-spacing: -0.035em; font-weight: 500; max-width: 16ch; color: var(--ink); }.cinematic .pclosing .lede{ color: var(--ink-2); margin-bottom: 32px; }.cinematic .pclosing__actions{ display: flex; flex-wrap: wrap; gap: 12px; }.cinematic .pfields-grid{ display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; }.cinematic .pfields-grid--2{ grid-template-columns: repeat(2, 1fr); }.cinematic .pfields{
  display: flex; flex-direction: column;
  padding: 32px 32px 30px; background: var(--surface-pure);
  border: 1px solid var(--rule-light); border-radius: var(--radius-lg);
}.cinematic .pfields__head{ margin-bottom: 22px; }.cinematic .pfields__kicker{ display: block; font-size: 11.5px; letter-spacing: .12em; text-transform: uppercase; color: var(--ink-3); margin-bottom: 12px; }.cinematic .pfields__head .h3{ font-size: 23px; }.cinematic .pfields__head svg{ margin-top: 24px; width: 100%; height: auto; }.cinematic .pfields__list{ margin: 0 0 24px; border-top: 1px solid var(--rule-light); flex: 1; }.cinematic .pfields__list > div{ padding: 16px 0; border-bottom: 1px solid var(--rule-light); }.cinematic .pfields__list dt{ font-family: var(--font-mono); font-size: 11px; letter-spacing: .12em; text-transform: uppercase; color: var(--ink-3); }.cinematic .pfields__list dd{ margin: 6px 0 0; font-size: 15.5px; line-height: 1.58; color: var(--ink-2); }.cinematic .pfields__list dd b{ font-weight: 500; color: var(--ink); }.cinematic .pfields .text-link{ align-self: flex-start; }.cinematic .pfields .stage-dd{ display: inline-flex; align-items: center; gap: 8px; color: var(--ink); font-weight: 500; }.cinematic .pfields .stage-dd::before{ content: ""; width: 7px; height: 7px; border-radius: 50%; background: var(--amber); }.cinematic .pcheck{ padding: 28px 30px; border: 1px solid var(--rule-light); border-radius: var(--radius-lg); background: var(--surface-pure); }.cinematic .pcheck__title{ font-size: 11.5px; letter-spacing: .12em; text-transform: uppercase; color: var(--ink-3); margin-bottom: 14px; }.cinematic .pcheck li{ display: grid; grid-template-columns: 22px 1fr; gap: 8px; padding: 9px 0; font-size: 15.5px; line-height: 1.5; color: var(--ink); border-bottom: 1px solid var(--rule-light); }.cinematic .pcheck li:last-child{ border-bottom: 0; }.cinematic .pcheck svg{ width: 16px; height: 16px; margin-top: 3px; color: var(--steel-2); }.cinematic .theme-dark .pcheck,.cinematic .theme-midnight .pcheck,.cinematic .theme-blueprint .pcheck{ background: color-mix(in srgb, var(--on-dark) 4%, transparent); border-color: var(--rule-dark); }.cinematic .theme-dark .pcheck li,.cinematic .theme-midnight .pcheck li,.cinematic .theme-blueprint .pcheck li{ color: var(--on-dark); border-color: var(--rule-dark); }.cinematic .theme-dark .pcheck svg,.cinematic .theme-midnight .pcheck svg,.cinematic .theme-blueprint .pcheck svg{ color: var(--cyan); }.cinematic .ptable-wrap{ border: 1px solid var(--rule-light); border-radius: var(--radius-lg); overflow: hidden; background: var(--surface-pure); }.cinematic .ptable{ width: 100%; border-collapse: collapse; font-size: 15.5px; line-height: 1.55; }.cinematic .ptable caption{ text-align: left; padding: 20px 28px; font-family: var(--font-mono); font-size: 11.5px; letter-spacing: .1em; text-transform: uppercase; color: var(--ink-3); border-bottom: 1px solid var(--rule-light); }.cinematic .ptable th,.cinematic .ptable td{ text-align: left; vertical-align: top; padding: 18px 28px; border-bottom: 1px solid var(--rule-light); }.cinematic .ptable tbody tr:last-child th,.cinematic .ptable tbody tr:last-child td{ border-bottom: 0; }.cinematic .ptable thead th{ font-family: var(--font-mono); font-size: 11px; font-weight: 500; letter-spacing: .12em; text-transform: uppercase; color: var(--ink-3); background: var(--white); }.cinematic .ptable tbody th{ font-weight: 500; color: var(--ink); width: 24%; }.cinematic .ptable td{ color: var(--ink-2); }.cinematic .ptable .muted{ color: var(--ink-3); font-style: italic; }.cinematic .pmodes__bar{ display: inline-flex; gap: 2px; padding: 4px; border-radius: 8px; background: color-mix(in srgb, var(--ink) 5%, transparent); }.cinematic .pmodes__bar button{
  height: 38px; padding: 0 18px; border: 0; border-radius: 6px; background: none; cursor: pointer;
  font-size: 14.5px; font-weight: 500; color: var(--ink-3); white-space: nowrap;
  transition: color .2s, background .2s, box-shadow .2s;
}.cinematic .pmodes__bar button:hover{ color: var(--ink); }.cinematic .pmodes__bar button[aria-selected="true"]{ background: var(--surface-pure); color: var(--ink); box-shadow: 0 1px 2px color-mix(in srgb, var(--ink) 12%, transparent); }.cinematic .pmodes__body{ margin-top: 28px; display: grid; grid-template-columns: minmax(0, 7fr) minmax(0, 4fr); gap: 56px; align-items: center; }.cinematic .pmodes--stack .pmodes__body{ grid-template-columns: 1fr; gap: 28px; }.cinematic .pmodes__figure{ margin: 0; padding: 32px; border: 1px solid var(--rule-light); border-radius: var(--radius-lg); background: var(--surface-pure); }.cinematic .pmodes__figure svg{ width: 100%; height: auto; overflow: visible; }.cinematic .pmodes__figure figcaption{ margin-top: 16px; font-size: 11.5px; color: var(--ink-3); }.cinematic .pmodes__panel h3{ font-size: 22px; font-weight: 500; letter-spacing: -0.015em; line-height: 1.3; color: var(--ink); margin-bottom: 12px; }.cinematic .pmodes__panel p{ font-size: 16.5px; line-height: 1.66; color: var(--ink-2); }.cinematic .pmodes__panel p + p,.cinematic .pmodes__panel p + ul,.cinematic .pmodes__panel ul + p{ margin-top: 14px; }.cinematic .pmodes__panel ul li{ position: relative; padding-left: 18px; font-size: 15.5px; line-height: 1.55; color: var(--ink-2); }.cinematic .pmodes__panel ul li + li{ margin-top: 8px; }.cinematic .pmodes__panel ul li::before{ content: ""; position: absolute; left: 0; top: .72em; width: 8px; height: 1px; background: var(--steel-2); }.cinematic .pmodes__panel dl > div{ padding: 12px 0; border-bottom: 1px solid var(--rule-light); }.cinematic .pmodes__panel dt{ font-family: var(--font-mono); font-size: 11px; letter-spacing: .12em; text-transform: uppercase; color: var(--ink-3); }.cinematic .pmodes__panel dd{ margin: 4px 0 0; font-size: 15.5px; line-height: 1.55; color: var(--ink-2); }.cinematic .pmodes--dark .pmodes__bar{ background: color-mix(in srgb, var(--on-dark) 6%, transparent); }.cinematic .pmodes--dark .pmodes__bar button{ color: var(--on-dark-3); }.cinematic .pmodes--dark .pmodes__bar button:hover{ color: var(--on-dark); }.cinematic .pmodes--dark .pmodes__bar button[aria-selected="true"]{ background: color-mix(in srgb, var(--on-dark) 12%, transparent); color: var(--on-dark-strong); box-shadow: none; }.cinematic .pmodes--dark .pmodes__figure{ background: color-mix(in srgb, var(--ink) 45%, transparent); border-color: var(--rule-dark); }.cinematic .pmodes--dark .pmodes__figure figcaption{ color: var(--on-dark-3); }.cinematic .pmodes--dark .pmodes__panel h3{ color: var(--on-dark-strong); }.cinematic .pmodes--dark .pmodes__panel p,.cinematic .pmodes--dark .pmodes__panel ul li,.cinematic .pmodes--dark .pmodes__panel dd{ color: var(--on-dark-2); }.cinematic .pmodes--dark .pmodes__panel dl > div{ border-color: var(--rule-dark); }.cinematic .pmodes--dark .pmodes__panel dt{ color: var(--on-dark-3); }.cinematic .dg{ font-family: var(--font-sans); }.cinematic .dg-node rect,.cinematic .dg-node circle,.cinematic .dg-node path.shape{ fill: var(--surface-pure); stroke: color-mix(in srgb, var(--ink) 28%, transparent); stroke-width: 1.2; transition: stroke .35s, fill .35s, opacity .35s; }.cinematic .dg-k{ font-family: var(--font-mono); font-size: 10.5px; letter-spacing: .12em; text-transform: uppercase; fill: var(--ink-3); }.cinematic .dg-t{ font-size: 15px; font-weight: 500; fill: var(--ink); letter-spacing: -0.01em; }.cinematic .dg-s{ font-size: 12.5px; fill: var(--ink-3); }.cinematic .dg-flow{ fill: none; stroke-width: 2.2; transition: opacity .35s, stroke-width .35s; }.cinematic .dg-flow--e{ stroke: var(--cyan-ink); }.cinematic .dg-flow--h{ stroke: var(--violet-ink); stroke-dasharray: 8 6; }.cinematic .dg-flow--m{ stroke: var(--amber-ink); stroke-width: 3; stroke-linecap: round; stroke-dasharray: 0.1 7.5; }.cinematic .dg-flow--u{ stroke: var(--steel); stroke-dasharray: 2 4; }.cinematic .dg-tag{ font-family: var(--font-mono); font-size: 10.5px; letter-spacing: .1em; text-transform: uppercase; }.cinematic .dg-tag--e{ fill: var(--cyan-text); }.cinematic .dg-tag--h{ fill: var(--violet-text); }.cinematic .dg-tag--m{ fill: var(--amber-text); }.cinematic .dg-tag--u{ fill: var(--ink-3); }.cinematic .dg-boundary{ fill: none; stroke: color-mix(in srgb, var(--ink) 35%, transparent); stroke-width: 1; stroke-dasharray: 5 5; }.cinematic .dg-zone{ fill: color-mix(in srgb, var(--ink) 2.5%, transparent); stroke: none; }.cinematic .dg-grid line{ stroke: color-mix(in srgb, var(--ink) 7%, transparent); }.cinematic .dg-axis{ stroke: color-mix(in srgb, var(--ink) 40%, transparent); stroke-width: 1; }.cinematic .dg-dim{ transition: opacity .35s; }.cinematic [data-mode-figure] .dg-hl{ transition: opacity .35s, stroke .35s, fill .35s; }.cinematic .dg-arrow{ fill: currentColor; }.cinematic .dg-flow--h{ animation: dg-dash 1.6s linear infinite; }.cinematic .dg-flow--m{ animation: dg-dot 1.4s linear infinite; }@keyframes dg-dash{ to { stroke-dashoffset: -32; } }@keyframes dg-dot{ to { stroke-dashoffset: -15.2; } }.cinematic .dg .is-dim{ opacity: .18; }.cinematic .dg .dg-node.is-on rect,.cinematic .dg .dg-node.is-on circle,.cinematic .dg .dg-node.is-on path.shape{ stroke: var(--ink); stroke-width: 1.6; }.cinematic .dg .is-on.dg-node--accent rect{ fill: var(--cyan-wash); stroke: var(--cyan-ink); }.cinematic .dg--dark .dg-node rect,.cinematic .dg--dark .dg-node circle,.cinematic .dg--dark .dg-node path.shape{ fill: color-mix(in srgb, var(--ink) 75%, transparent); stroke: color-mix(in srgb, var(--on-dark) 24%, transparent); }.cinematic .dg--dark .dg-k{ fill: var(--on-dark-3); }.cinematic .dg--dark .dg-t{ fill: var(--on-dark); }.cinematic .dg--dark .dg-s{ fill: var(--on-dark-3); }.cinematic .dg--dark .dg-flow--e{ stroke: var(--cyan); }.cinematic .dg--dark .dg-flow--h{ stroke: var(--violet); }.cinematic .dg--dark .dg-flow--m{ stroke: var(--amber); }.cinematic .dg--dark .dg-tag--e{ fill: var(--cyan); }.cinematic .dg--dark .dg-tag--h{ fill: var(--violet); }.cinematic .dg--dark .dg-tag--m{ fill: var(--amber); }.cinematic .dg--dark .dg-tag--u{ fill: var(--on-dark-3); }.cinematic .dg--dark .dg-boundary{ stroke: color-mix(in srgb, var(--on-dark) 32%, transparent); }.cinematic .dg--dark .dg-zone{ fill: color-mix(in srgb, var(--on-dark) 2.5%, transparent); }.cinematic .dg--dark .dg-grid line{ stroke: color-mix(in srgb, var(--on-dark) 6%, transparent); }.cinematic .dg--dark .dg-axis{ stroke: color-mix(in srgb, var(--on-dark) 35%, transparent); }.cinematic .dg--dark .dg-node.is-on rect,.cinematic .dg--dark .dg-node.is-on circle,.cinematic .dg--dark .dg-node.is-on path.shape{ stroke: var(--on-dark); }.cinematic .dg--dark .is-on.dg-node--accent rect{ fill: color-mix(in srgb, var(--cyan) 12%, transparent); stroke: var(--cyan); }.cinematic .dg--dark .is-on.dg-node--violet rect{ fill: color-mix(in srgb, var(--violet) 12%, transparent); stroke: var(--violet); }.cinematic .dg--dark .is-on.dg-node--amber rect{ fill: color-mix(in srgb, var(--amber) 12%, transparent); stroke: var(--amber); }@media (prefers-reduced-motion: reduce){.cinematic .dg-flow{ animation: none !important; }}.cinematic .pfigure{ margin: 0; padding: 40px; border: 1px solid var(--rule-light); border-radius: var(--radius-lg); background: var(--surface-pure); }.cinematic .pfigure svg{ width: 100%; height: auto; overflow: visible; }.cinematic .pfigure figcaption{ margin-top: 18px; font-family: var(--font-mono); font-size: 11.5px; color: var(--ink-3); }.cinematic .theme-dark .pfigure,.cinematic .theme-midnight .pfigure,.cinematic .theme-blueprint .pfigure{ background: color-mix(in srgb, var(--ink) 40%, transparent); border-color: var(--rule-dark); }.cinematic .theme-dark .pfigure figcaption,.cinematic .theme-midnight .pfigure figcaption,.cinematic .theme-blueprint .pfigure figcaption{ color: var(--on-dark-3); }.cinematic .supply{ padding: 14px 16px; border-left: 2px solid var(--cyan); background: var(--white); border-radius: 0 var(--radius) var(--radius) 0; }.cinematic .supply__label{ font-family: var(--font-mono); font-size: 11px; letter-spacing: .1em; text-transform: uppercase; color: var(--ink); font-weight: 500; }.cinematic .supply__items{ margin-top: 4px; font-size: 14.5px; line-height: 1.5; color: var(--ink-2); }.cinematic .theme-dark .supply,.cinematic .theme-midnight .supply{ background: color-mix(in srgb, var(--cyan) 6%, transparent); }.cinematic .theme-dark .supply__label,.cinematic .theme-midnight .supply__label{ color: var(--on-dark); }.cinematic .theme-dark .supply__items,.cinematic .theme-midnight .supply__items{ color: var(--on-dark-2); }.cinematic .pkv{ display: grid; grid-template-columns: repeat(3, 1fr); gap: 0; border-top: 1px solid var(--rule-light); }.cinematic .pkv > div{ padding: 18px 24px 4px 0; }.cinematic .pkv > div + div{ padding-left: 24px; border-left: 1px solid var(--rule-light); }.cinematic .pkv dt{ font-family: var(--font-mono); font-size: 11px; letter-spacing: .12em; text-transform: uppercase; color: var(--ink-3); }.cinematic .pkv dd{ margin: 8px 0 0; font-size: 15px; line-height: 1.55; color: var(--ink-2); }.cinematic .paud{ display: grid; grid-template-columns: repeat(5, 1fr); gap: 14px; }.cinematic .paud__card{ display: flex; flex-direction: column; padding: 26px 24px 24px; background: var(--surface-pure); border: 1px solid var(--rule-light); border-radius: var(--radius-lg); text-decoration: none; color: var(--ink); transition: border-color .3s var(--ease-out), transform .4s var(--ease-out); }.cinematic .paud__card:hover{ border-color: color-mix(in srgb, var(--ink) 35%, transparent); transform: translateY(-3px); }.cinematic .paud__art{ height: 112px; margin: -6px -4px 22px; border-radius: 6px; background: var(--white); display: grid; place-items: center; overflow: hidden; }.cinematic .paud__art svg{ width: 100%; height: 100%; }.cinematic .paud__k{ font-family: var(--font-mono); font-size: 11px; letter-spacing: .12em; text-transform: uppercase; color: var(--ink-3); }.cinematic .paud__t{ margin-top: 10px; font-size: 19px; line-height: 1.28; letter-spacing: -0.015em; font-weight: 500; }.cinematic .paud__b{ margin-top: 12px; font-size: 15px; line-height: 1.58; color: var(--ink-2); flex: 1; }.cinematic .paud__cta{ margin-top: 22px; display: inline-flex; align-items: center; gap: 8px; font-size: 14.5px; font-weight: 500; }.cinematic .calc{ display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: 0; border: 1px solid var(--rule-light); border-radius: var(--radius-lg); overflow: hidden; background: var(--surface-pure); }.cinematic .calc__inputs{ padding: 36px; border-right: 1px solid var(--rule-light); }.cinematic .calc__inputs .field + .field{ margin-top: 22px; }.cinematic .calc label{ display: block; font-size: 14px; font-weight: 500; color: var(--ink); margin-bottom: 8px; }.cinematic .calc__input{ display: flex; align-items: center; border: 1px solid color-mix(in srgb, var(--ink) 22%, transparent); border-radius: var(--radius); background: var(--surface-pure); transition: border-color .2s; }.cinematic .calc__input:focus-within{ border-color: var(--ink); }.cinematic .calc__input input{ flex: 1; min-width: 0; height: 50px; padding: 0 14px; border: 0; background: none; font: inherit; font-size: 20px; font-variant-numeric: tabular-nums; color: var(--ink); outline: none; }.cinematic .calc__input span{ padding: 0 14px; font-family: var(--font-mono); font-size: 13px; color: var(--ink-3); }.cinematic .calc__input input[aria-invalid="true"]{ color: var(--error); }.cinematic .calc__error{ min-height: 20px; margin-top: 6px; font-size: 13.5px; color: var(--error); }.cinematic .calc__result{ margin-top: 28px; padding-top: 22px; border-top: 1px solid var(--rule-light); }.cinematic .calc__result dt{ font-family: var(--font-mono); font-size: 11px; letter-spacing: .12em; text-transform: uppercase; color: var(--ink-3); }.cinematic .calc__result dd{ margin: 6px 0 0; font-size: 44px; font-weight: 500; letter-spacing: -0.03em; font-variant-numeric: tabular-nums; color: var(--ink); }.cinematic .calc__formula{ margin-top: 10px; font-family: var(--font-mono); font-size: 12.5px; color: var(--ink-3); }.cinematic .calc__viz{ padding: 36px; background: var(--white); display: flex; flex-direction: column; justify-content: space-between; gap: 24px; }.cinematic .calc__viz svg{ width: 100%; height: auto; }.cinematic .calc__label{ font-family: var(--font-mono); font-size: 11.5px; color: var(--ink-3); line-height: 1.6; }.cinematic .calc__charge{ padding: 18px 20px; border: 1px dashed color-mix(in srgb, var(--ink) 25%, transparent); border-radius: var(--radius); background: var(--surface-pure); font-size: 14.5px; line-height: 1.55; color: var(--ink-2); }.cinematic .calc__charge b{ display: block; font-family: var(--font-mono); font-size: 11px; font-weight: 500; letter-spacing: .12em; text-transform: uppercase; color: var(--ink); margin-bottom: 4px; }.cinematic .article{ padding: 72px 0 40px; }.cinematic .article__grid{ display: grid; grid-template-columns: minmax(0, 3fr) minmax(0, 7fr) minmax(0, 2fr); gap: 64px; }.cinematic .article__body{ max-width: 70ch; }.cinematic .article__body h2{ font-size: 30px; line-height: 1.2; letter-spacing: -0.025em; font-weight: 500; margin: 56px 0 18px; color: var(--ink); }.cinematic .article__body h2:first-child{ margin-top: 0; }.cinematic .article__body p{ font-size: 18.5px; line-height: 1.72; color: var(--ink-2); }.cinematic .article__body p + p{ margin-top: 18px; }.cinematic .article__body .pfigure,.cinematic .article__body .pmodes,.cinematic .article__body .calc{ margin: 40px 0; }.cinematic .article__toc{ position: sticky; top: calc(var(--header-h) + 40px); align-self: start; }.cinematic .article__toc p{ font-family: var(--font-mono); font-size: 11px; letter-spacing: .12em; text-transform: uppercase; color: var(--ink-3); margin-bottom: 14px; }.cinematic .article__toc li + li{ margin-top: 10px; }.cinematic .article__toc a{ font-size: 14.5px; line-height: 1.4; color: var(--ink-2); text-decoration: none; }.cinematic .article__toc a:hover{ color: var(--ink); }.cinematic .further{ margin-top: 56px; padding: 24px 28px; border: 1px solid var(--rule-light); border-radius: var(--radius-lg); background: var(--surface-pure); }.cinematic .further p{ font-size: 15px !important; line-height: 1.6 !important; }.cinematic .further .mono{ display: block; font-size: 11px; letter-spacing: .12em; text-transform: uppercase; color: var(--ink-3); margin-bottom: 8px; }.cinematic .article-cta{ margin-top: 48px; display: flex; flex-wrap: wrap; gap: 12px; }.cinematic .phero--article{ padding: calc(var(--header-h) + 48px) 0 72px; border-bottom: 1px solid var(--rule-light); }.cinematic .phero--article .phero__title{ color: var(--ink); max-width: 20ch; font-size: clamp(44px, 3.9vw, 62px); }.cinematic .phero--article .phero__eyebrow{ color: var(--ink-3); }.cinematic .phero--article .phero__lede{ color: var(--ink-2); max-width: 64ch; font-size: 20px; }.cinematic .pedit{ display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; }.cinematic .pedit a{ display: flex; flex-direction: column; background: var(--surface-pure); border: 1px solid var(--rule-light); border-radius: var(--radius-lg); overflow: hidden; text-decoration: none; color: var(--ink); transition: border-color .3s, transform .4s var(--ease-out), box-shadow .4s; }.cinematic .pedit a:hover{ border-color: color-mix(in srgb, var(--ink) 32%, transparent); transform: translateY(-3px); box-shadow: 0 24px 50px -32px color-mix(in srgb, var(--ink) 30%, transparent); }.cinematic .pedit__art{ padding: 28px; background: var(--white); border-bottom: 1px solid var(--rule-light); }.cinematic .pedit__art svg{ width: 100%; height: auto; }.cinematic .pedit__txt{ padding: 28px 28px 30px; display: flex; flex-direction: column; flex: 1; }.cinematic .pedit__k{ font-family: var(--font-mono); font-size: 11px; letter-spacing: .12em; text-transform: uppercase; color: var(--ink-3); }.cinematic .pedit__t{ margin-top: 12px; font-size: 23px; line-height: 1.25; letter-spacing: -0.02em; font-weight: 500; }.cinematic .pedit__b{ margin-top: 12px; font-size: 16px; line-height: 1.6; color: var(--ink-2); flex: 1; }.cinematic .pedit__cta{ margin-top: 24px; display: inline-flex; gap: 8px; align-items: center; font-weight: 500; font-size: 14.5px; }.cinematic .pperson{ display: grid; grid-template-columns: 120px 1fr; gap: 28px; align-items: start; padding: 32px; border: 1px solid var(--rule-light); border-radius: var(--radius-lg); background: var(--surface-pure); }.cinematic .pperson__mono{ width: 120px; height: 120px; border-radius: 8px; background: var(--midnight); color: var(--on-dark); display: grid; place-items: center; font-size: 34px; font-weight: 500; letter-spacing: -0.02em; }.cinematic .pperson h3{ font-size: 22px; font-weight: 500; letter-spacing: -0.015em; }.cinematic .pperson .role{ margin-top: 4px; font-family: var(--font-mono); font-size: 11.5px; letter-spacing: .1em; text-transform: uppercase; color: var(--ink-3); }.cinematic .pperson p.bio{ margin-top: 14px; font-size: 16.5px; line-height: 1.65; color: var(--ink-2); }.cinematic .pcontact{ display: grid; grid-template-columns: repeat(3, 1fr); gap: 0; border-top: 1px solid var(--rule-light); }.cinematic .pcontact > div{ padding: 22px 28px 6px 0; }.cinematic .pcontact > div + div{ padding-left: 28px; border-left: 1px solid var(--rule-light); }.cinematic .pcontact dt{ font-family: var(--font-mono); font-size: 11px; letter-spacing: .12em; text-transform: uppercase; color: var(--ink-3); }.cinematic .pcontact dd{ margin: 8px 0 0; font-size: 17px; line-height: 1.55; color: var(--ink); }.cinematic .pcontact a{ color: inherit; }@media print{.cinematic .site-header,.cinematic .site-footer,.cinematic .pstage,.cinematic .phero__actions,.cinematic .pclosing__actions,.cinematic .skip-link{ display: none !important; }.cinematic,.cinematic .theme-dark,.cinematic .theme-midnight,.cinematic .theme-blueprint{ background: var(--surface-pure) !important; color: var(--pure-black) !important; }.cinematic .h2,.cinematic .display,.cinematic .pcard__title{ color: var(--pure-black) !important; }.cinematic .section{ padding: 32px 0 !important; }}.cinematic .penquiry__fine{ margin-top: 18px; padding-top: 18px; border-top: 1px solid var(--rule-dark); font-size: 15px; line-height: 1.6; color: var(--on-dark-3); max-width: 58ch; }.cinematic .prelated--3 ul{ grid-template-columns: repeat(3, 1fr); }.cinematic .prelated--5 ul{ grid-template-columns: repeat(5, 1fr); }.cinematic .prelated--6 ul{ grid-template-columns: repeat(3, 1fr); }.cinematic .link-row{ display: flex; flex-wrap: wrap; gap: 16px 32px; }.cinematic .theme-midnight .text-link,.cinematic .theme-blueprint .text-link{ color: var(--on-dark); border-color: color-mix(in srgb, var(--on-dark) 30%, transparent); }.cinematic .theme-midnight .text-link:hover,.cinematic .theme-blueprint .text-link:hover{ border-color: var(--on-dark); }.cinematic .pblock__head .h2{ max-width: 17ch; }.cinematic .pmodes-panel{ padding: 40px 40px 44px; border-radius: 14px; }.cinematic .pmodes-panel .pmodes__figure{ background: color-mix(in srgb, var(--ink) 50%, transparent); }.cinematic .penquiry .pcheck{ margin-top: 28px; background: color-mix(in srgb, var(--on-dark) 4%, transparent); border-color: var(--rule-dark); max-width: 460px; }.cinematic .penquiry .pcheck__title{ color: var(--on-dark-3); }.cinematic .penquiry .pcheck li{ color: var(--on-dark); border-color: var(--rule-dark); }.cinematic .penquiry .pcheck svg{ color: var(--cyan); }.cinematic .pmodes-panel .pmodes{ margin-top: 0; }.cinematic .pfigure.theme-midnight{ background: var(--midnight); border-color: transparent; }.cinematic .pfigure.theme-midnight figcaption{ color: var(--on-dark-3); }.cinematic .pcards--compact .pcard{ padding: 24px 22px; min-height: 132px; }.cinematic .pcards--compact .pcard__kicker{ margin-bottom: 18px; }.cinematic .pcards--compact .pcard__title{ font-size: 18px; }.cinematic .dg-darkbox{ background: var(--midnight); border-radius: 8px; padding: 24px; }.cinematic .pmodes__figure:has(.dg-darkbox){ padding: 0; border: 0; background: none; }.cinematic .tag-list{ display: flex; flex-wrap: wrap; gap: 8px; }.cinematic .tag-list li{ padding: 8px 14px; border: 1px solid var(--rule-light); border-radius: 999px; background: var(--surface-pure); font-size: 14.5px; color: var(--ink); }.cinematic .pblock__body .stage-marker{ margin-top: 28px; }.cinematic .penquiry--amber .penquiry__items .mono{ color: var(--amber); }.cinematic .penquiry--amber .label-chip::before{ background: var(--amber); }.cinematic .page-explorer .phero--scene{ min-height: max(100vh, 880px); }.cinematic .page-explorer .phero__panel{ margin: 0; max-width: 560px; }.cinematic .page-explorer .phero__title{ font-size: clamp(44px, 3.7vw, 58px); max-width: 15ch; }.cinematic .page-explorer .phero__lede{ font-size: 17.5px; max-width: 50ch; }.cinematic .xbar{ position: absolute; left: 0; bottom: 92px; display: flex; gap: 40px; padding: 0 var(--gutter); pointer-events: auto; }.cinematic .xbar .scene-controls{ margin-top: 0; }.cinematic .xcard{
  position: absolute; right: var(--gutter); top: calc(var(--header-h) + 64px); width: 350px;
  padding: 26px 28px 28px; pointer-events: auto;
  background: color-mix(in srgb, var(--glass) 84%, transparent); backdrop-filter: blur(18px); -webkit-backdrop-filter: blur(18px);
  border: 1px solid color-mix(in srgb, var(--on-dark) 12%, transparent); border-radius: var(--radius-lg); color: var(--on-dark);
}.cinematic .xcard__kicker{ font-size: 11px; letter-spacing: .12em; text-transform: uppercase; color: var(--cyan); margin-bottom: 10px; }.cinematic .xcard__title{ font-size: 26px; font-weight: 500; letter-spacing: -0.02em; color: var(--on-dark-strong); margin-bottom: 10px; }.cinematic .xcard__text{ font-size: 15px; line-height: 1.6; color: var(--on-dark-2); }.cinematic .xcard__groups{ margin-top: 16px; border-top: 1px solid var(--rule-dark); }.cinematic .xcard__groups li{ display: flex; gap: 14px; padding: 9px 0; border-bottom: 1px solid var(--rule-dark); font-size: 15px; color: var(--on-dark); }.cinematic .xcard__groups .mono{ font-size: 11.5px; color: var(--on-dark-3); padding-top: 2px; }.cinematic .xcard__links{ margin-top: 18px; border-top: 1px solid var(--rule-dark); }.cinematic .xcard__links a{ display: flex; justify-content: space-between; align-items: center; padding: 11px 0; border-bottom: 1px solid var(--rule-dark); color: var(--on-dark); text-decoration: none; font-size: 15px; font-weight: 500; }.cinematic .xcard__links a:hover{ color: var(--on-dark-strong); }.cinematic .xcard__links a:hover .arrow{ transform: translateX(3px); }.cinematic .xcard__links .arrow{ transition: transform .3s var(--ease-out); }.cinematic .xgrid{ display: grid; grid-template-columns: repeat(4, 1fr); gap: 0; border-top: 1px solid var(--rule-light); }.cinematic .xgroup{ display: flex; flex-direction: column; padding: 36px 36px 8px 0; }.cinematic .xgroup + .xgroup{ padding-left: 36px; border-left: 1px solid var(--rule-light); }.cinematic .xgroup__num{ font-size: 12px; color: var(--ink-3); }.cinematic .xgroup__title{ margin-top: 20px; font-size: 34px; font-weight: 500; letter-spacing: -0.03em; color: var(--ink); }.cinematic .xgroup__text{ margin-top: 16px; font-size: 16px; line-height: 1.65; color: var(--ink-2); flex: 1; }.cinematic .xgroup__links{ margin-top: 28px; display: flex; flex-direction: column; align-items: flex-start; gap: 14px; }.cinematic .poffers-wrap{ padding: 72px 0; }.cinematic .poffers{ display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; }.cinematic .poffer{ position: relative; display: flex; flex-direction: column; padding: 36px 34px 32px; background: var(--surface-pure); border: 1px solid var(--rule-light); border-radius: var(--radius-lg); text-decoration: none; color: var(--ink); transition: border-color .3s, transform .4s var(--ease-out), box-shadow .4s; }.cinematic .poffer::before{ content: ""; position: absolute; left: 34px; top: -1px; width: 56px; height: 2px; background: var(--cyan); transition: width .5s var(--ease-out); }.cinematic .poffer:hover{ border-color: color-mix(in srgb, var(--ink) 30%, transparent); transform: translateY(-3px); box-shadow: 0 26px 56px -34px color-mix(in srgb, var(--ink) 32%, transparent); }.cinematic .poffer:hover::before{ width: calc(100% - 68px); }.cinematic .poffer__k{ font-size: 12px; color: var(--ink-3); }.cinematic .poffer__t{ margin-top: 22px; font-size: 28px; line-height: 1.15; letter-spacing: -0.025em; font-weight: 500; }.cinematic .poffer__b{ margin-top: 14px; font-size: 16px; line-height: 1.6; color: var(--ink-2); flex: 1; }.cinematic .poffer .label-chip{ margin-top: 22px; align-self: flex-start; }.cinematic .poffer__cta{ margin-top: 24px; display: inline-flex; align-items: center; gap: 8px; font-size: 14.5px; font-weight: 500; }.cinematic .pequip__list{ margin-top: 56px; border-top: 1px solid var(--rule-dark); }.cinematic .pequip__item{ display: grid; grid-template-columns: 56px minmax(0, 1fr) auto; gap: 24px; align-items: center; padding: 26px 0; border-bottom: 1px solid var(--rule-dark); }.cinematic .pequip__num{ font-size: 12px; color: var(--cyan); }.cinematic .pequip__title{ font-size: 22px; font-weight: 500; letter-spacing: -0.015em; color: var(--on-dark-strong); }.cinematic .pequip__body{ margin-top: 6px; font-size: 15.5px; line-height: 1.55; color: var(--on-dark-2); }.cinematic .pequip__actions{ display: flex; align-items: center; justify-content: flex-end; gap: 24px; }.cinematic .pequip__actions .btn{ height: 44px; font-size: 14px; }.cinematic .pequip__foot{ margin-top: 40px; display: flex; align-items: center; gap: 28px; }.cinematic .ptwo{ display: grid; grid-template-columns: 1fr 1fr; gap: 96px; }.cinematic .ptwo .h2{ margin: 18px 0 22px; }.cinematic .ptwo .body{ font-size: 18px; line-height: 1.68; }.cinematic .pprog-eyebrow{ margin-bottom: 28px; }.cinematic .pseq-note{ margin-top: 24px; }.cinematic .pfields__head svg{ margin-top: 22px; border-radius: 6px; background: var(--white); padding: 10px; }.cinematic .pcards--plain .pcard{ min-height: 0; padding: 18px 22px; }.cinematic .pcards--plain .pcard__title{ font-size: 17px; }.cinematic .pequip__meta{ margin-top: 14px; }.cinematic .pequip__actions .text-link{ white-space: nowrap; }.cinematic .theme-midnight .body,.cinematic .theme-midnight .lede,.cinematic .theme-blueprint .body{ color: var(--on-dark-2); }.cinematic .theme-midnight .eyebrow{ color: var(--on-dark-3); }.cinematic .paud-wrap{ padding: 88px 0 104px; }.cinematic .paud-wrap > .container > .eyebrow{ margin-bottom: 28px; }.cinematic .paud__art .dg{ width: 100%; height: 100%; }.cinematic .penquiry--solo{ grid-template-columns: minmax(0, 1fr); }.cinematic .penquiry__side{ align-self: start; }.cinematic .pcheck--dark{ background: color-mix(in srgb, var(--on-dark) 4%, transparent); border-color: var(--rule-dark); }.cinematic .pcheck--dark .pcheck__title{ color: var(--on-dark-3); }.cinematic .pcheck--dark li{ color: var(--on-dark); border-color: var(--rule-dark); }.cinematic .pcheck--dark svg{ color: var(--violet); }.cinematic .pcheck__title{ font-size: 11px; letter-spacing: .12em; text-transform: uppercase; color: var(--ink-3); margin-bottom: 10px; }.cinematic .pcheck--plain{ background: transparent; padding: 0; border: 0; border-top: 1px solid var(--rule-light); border-radius: 0; padding-top: 14px; }.cinematic .prelated--9 ul{ grid-template-columns: repeat(3, 1fr); }.cinematic .dg-icon{ color: color-mix(in srgb, var(--on-dark) 45%, transparent); transition: color .35s; }.cinematic .dg--dark .dg-node.is-on .dg-icon{ color: var(--cyan); }.cinematic .dg-t--sm{ font-size: 13.5px; }.cinematic .pmfr{ display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 40px; align-items: end; }.cinematic .pmfr h3{ font-size: 22px; }.cinematic .pmfr .link-row{ align-items: center; }.cinematic .pmodes--stack .pmodes__panel h3{ color: var(--on-dark-strong); }.cinematic .pq{ font-size: 18px !important; line-height: 1.55; color: var(--on-dark-strong) !important; }.cinematic .pprompts{ margin-top: 22px; display: grid; gap: 0; border-top: 1px solid var(--rule-dark); }.cinematic .pprompts > div{ display: grid; grid-template-columns: 130px 1fr; gap: 16px; padding: 14px 0; border-bottom: 1px solid var(--rule-dark); }.cinematic .pprompts dt{ font-family: var(--font-mono); font-size: 11px; letter-spacing: .12em; text-transform: uppercase; color: var(--cyan); padding-top: 3px; }.cinematic .pprompts dd{ margin: 0; font-size: 15.5px; line-height: 1.55; color: var(--on-dark-2); }.cinematic .pprompts--one{ margin-top: 0; min-width: 420px; max-width: 520px; }.cinematic .pwp__tools{ margin-top: 32px; }.cinematic .pwp__sheet{ border-top: 1px solid var(--ink); counter-reset: none; }.cinematic .pwp__sheet li{ display: grid; grid-template-columns: 52px 1fr; padding: 22px 0 18px; border-bottom: 1px solid var(--rule-light); }.cinematic .pwp__sheet .mono{ font-size: 12px; color: var(--ink-3); padding-top: 4px; }.cinematic .pwp__sheet h3{ font-size: 19px; font-weight: 500; letter-spacing: -0.01em; }.cinematic .pwp__sheet p{ margin-top: 6px; font-size: 15.5px; line-height: 1.55; color: var(--ink-2); }.cinematic .pwp__line{ display: block; margin-top: 18px; height: 1px; background: repeating-linear-gradient(90deg, color-mix(in srgb, var(--ink) 22%, transparent) 0 4px, transparent 4px 8px); }.cinematic .pevidence{ display: grid; grid-template-columns: repeat(4, 1fr); border: 1px solid var(--rule-light); border-radius: var(--radius-lg); background: var(--surface-pure); margin-top: 56px; }.cinematic .pevidence__panel{ padding: 32px 30px 36px; }.cinematic .pevidence__panel + .pevidence__panel{ border-left: 1px solid var(--rule-light); }.cinematic .pevidence__panel .mono{ font-size: 12px; color: var(--ink-3); }.cinematic .pevidence__panel h3{ margin-top: 18px; font-size: 22px; font-weight: 500; letter-spacing: -0.02em; }.cinematic .pevidence__panel p{ margin-top: 12px; font-size: 16px; line-height: 1.6; color: var(--ink-2); }.cinematic .pdecide{ position: absolute; right: 48px; top: calc(var(--header-h) + 72px); width: 280px; padding: 22px 24px; background: color-mix(in srgb, var(--ink) 78%, transparent); backdrop-filter: blur(10px); border: 1px solid var(--rule-dark); border-radius: 10px; z-index: 3; }.cinematic .pdecide__k{ font-size: 11px; letter-spacing: .12em; text-transform: uppercase; color: var(--on-dark-3); }.cinematic .pdecide ol{ margin-top: 14px; }.cinematic .pdecide li{ display: grid; grid-template-columns: 34px 1fr; padding: 10px 0; border-top: 1px solid var(--rule-dark); font-size: 15.5px; color: var(--on-dark-2); }.cinematic .pdecide li .mono{ font-size: 11.5px; color: var(--on-dark-3); padding-top: 2px; }.cinematic .pdecide li.is-current{ color: var(--on-dark-strong); }.cinematic .pdecide li.is-current .mono{ color: var(--violet); }.cinematic .pdecide__note{ margin-top: 12px; font-size: 12.5px; line-height: 1.5; color: var(--on-dark-3); }.cinematic .tag-list--dark li{ background: color-mix(in srgb, var(--on-dark) 5%, transparent); border-color: var(--rule-dark); color: var(--on-dark); }.cinematic .pseq-dark .pseq{ border-color: var(--rule-dark); }.cinematic .pseq-dark .pseq__item{ border-color: var(--rule-dark); }.cinematic .pseq-dark .pseq__title{ color: var(--on-dark-strong); }.cinematic .pseq-dark .pseq__num{ color: var(--on-dark-3); }.cinematic .theme-midnight .stage-marker,.cinematic .theme-blueprint .stage-marker{ color: var(--on-dark); }.cinematic .pblock__body > .stage-marker{ margin-top: 28px; }.cinematic .pblock__body > .tag-list{ margin-top: 24px; }.cinematic .pperson__mono{ font-family: var(--font-sans); }.cinematic .pcontact{ margin-top: 36px; }@media print{.cinematic .pwp__tools,.cinematic .pdecide,.cinematic .breadcrumb,.cinematic .prelated,.cinematic .phero__art{ display: none !important; }.cinematic .pevidence,.cinematic .pevidence__panel{ border-color: var(--steel) !important; }.cinematic .pblock__grid{ display: block !important; }}.cinematic .dg-modules .dg-node:not(.is-on){ opacity: .62; }.cinematic .pblock__head .h2 + .body{ margin-top: 24px; }.cinematic .paud__art{ height: 150px; }.cinematic .dg.dg-modules .dg-node.is-dim{ opacity: .62; }.cinematic .article__aside{ position: sticky; top: calc(var(--header-h) + 40px); align-self: start; }.cinematic .article__card{ padding: 22px 22px 18px; border: 1px solid var(--rule-light); border-radius: var(--radius-lg); background: var(--surface-pure); }.cinematic .article__card .mono{ font-size: 11px; letter-spacing: .12em; text-transform: uppercase; color: var(--ink-3); margin-bottom: 10px; display: block; }.cinematic .article__card .text-link{ display: flex; justify-content: space-between; padding: 10px 0; border-bottom: 1px solid var(--rule-light); font-size: 14.5px; }.cinematic .article__card .text-link:last-child{ border-bottom: 0; }.cinematic .article__toc ol{ list-style: none; padding: 0; margin: 0; }.cinematic .article__body section{ scroll-margin-top: calc(var(--header-h) + 24px); }.cinematic .article__body section + section h2{ margin-top: 56px; }.cinematic .article__body .tag-list{ margin-top: 20px; }.cinematic .article .prelated{ margin-top: 72px; }.cinematic .textalt{ margin-top: -20px; margin-bottom: 32px; font-size: 15px; color: var(--ink-2); }.cinematic .textalt summary{ cursor: pointer; font-family: var(--font-mono); font-size: 11.5px; letter-spacing: .08em; text-transform: uppercase; color: var(--ink-3); }.cinematic .textalt ol{ margin: 12px 0 0 20px; line-height: 1.6; }.cinematic .article__body .pmodes__panel p{ font-size: 16.5px; }.cinematic .pmodes--light .dg-icon--ink,.cinematic .dg-icon--ink{ color: var(--ink); }.cinematic .pedit__art{ min-height: 220px; display: grid; place-items: center; }.cinematic .preview-band{ position: relative; z-index: 60; margin-top: var(--header-h); background: var(--notice-bg); color: var(--notice-fg); font-size: 12px; padding: 9px 0; }.cinematic .preview-band + main .phero--scene{ margin-top: 0; }.cinematic .pcorp{ display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; margin-top: 56px; }.cinematic .pcorp__card{ display: flex; flex-direction: column; padding: 28px 26px 24px; background: var(--surface-pure); border: 1px solid var(--rule-light); border-radius: var(--radius-lg); }.cinematic .pcorp__card .mono{ font-size: 12px; color: var(--ink-3); }.cinematic .pcorp__card h3{ margin-top: 18px; font-size: 21px; font-weight: 500; letter-spacing: -0.015em; }.cinematic .pcorp__card p{ margin-top: 12px; font-size: 15.5px; line-height: 1.6; color: var(--ink-2); flex: 1; }.cinematic .pcorp__actions{ margin-top: 22px; display: flex; flex-direction: column; align-items: flex-start; gap: 14px; }.cinematic .tool-btn--light{ color: var(--ink-2); border-color: var(--rule-light); background: transparent; }.cinematic .tool-btn--light[aria-pressed="true"]{ color: var(--ink); border-color: var(--ink); }.cinematic .pfigure--dark{ margin-top: 56px; padding: 32px; border: 1px solid var(--rule-dark); border-radius: 12px; background: color-mix(in srgb, var(--ink) 40%, transparent); }.cinematic .article__body section + section{ margin-top: 56px; }.cinematic .article__body .calc{ grid-template-columns: 1fr; }.cinematic .dg.dg-modules .dg-node.is-dim,.cinematic .dg.dg-modules .dg-flow.is-dim{ opacity: .5; }.cinematic .pfigure--dark svg{ max-height: 200px; }.cinematic .dg-arrow--e{ color: var(--cyan-ink); }.cinematic .dg-arrow--h{ color: var(--violet-ink); }.cinematic .dg-arrow--m{ color: var(--amber-ink); }.cinematic .dg-arrow--u{ color: var(--steel); }.cinematic .dg--dark .dg-arrow--e{ color: var(--cyan); }.cinematic .dg--dark .dg-arrow--h{ color: var(--violet); }.cinematic .dg--dark .dg-arrow--m{ color: var(--amber); }.cinematic .leg--e{ color: var(--cyan); }.cinematic .leg--h{ color: var(--violet); }.cinematic .leg--m{ color: var(--amber); }.cinematic .dg-block{ fill: color-mix(in srgb, var(--cyan) 18%, transparent); stroke: var(--cyan-ink); }.cinematic .dg--dark .dg-block{ stroke: var(--cyan); }.cinematic .pfocus{ display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; }.cinematic .pfocus__card{
  display: flex; flex-direction: column; gap: 14px;
  padding: 40px 40px 36px; text-decoration: none; color: var(--on-dark);
  border: 1px solid var(--rule-dark); border-radius: var(--radius-lg);
  background: color-mix(in srgb, var(--on-dark) 3.5%, transparent);
  border-top: 3px solid var(--steel);
  transition: border-color .3s var(--ease-out), transform .3s var(--ease-out), background .3s;
}.cinematic .pfocus__card--cyan{ border-top-color: var(--cyan); }.cinematic .pfocus__card--amber{ border-top-color: var(--amber); }.cinematic .pfocus__card:hover{ transform: translateY(-3px); background: color-mix(in srgb, var(--on-dark) 6%, transparent); }.cinematic .pfocus__card .mono{ font-size: 11.5px; letter-spacing: .12em; text-transform: uppercase; color: var(--on-dark-3); }.cinematic .pfocus__card h3{ font-size: 34px; font-weight: 500; letter-spacing: -.03em; }.cinematic .pfocus__card p{ color: var(--on-dark-2); max-width: 46ch; }.cinematic .pfocus__flow{ display: flex; flex-wrap: wrap; gap: 8px; margin-top: 6px; }.cinematic .pfocus__flow li{
  font-family: var(--font-mono); font-size: 11.5px; letter-spacing: .08em; text-transform: uppercase;
  padding: 6px 12px; border: 1px solid var(--rule-dark); border-radius: 999px; color: var(--on-dark-2);
}.cinematic .pfocus__card .text-link{ margin-top: auto; padding-top: 18px; }.cinematic .pprograms{ display: grid; gap: 28px; }.cinematic .pprogram{
  display: grid; grid-template-columns: minmax(0, 7fr) minmax(0, 5fr);
  gap: 28px 56px; align-items: start;
  padding: 40px; border: 1px solid var(--rule-light); border-radius: var(--radius-lg); background: var(--surface-pure);
}.cinematic .pprogram__head{ grid-column: 1 / -1; display: flex; align-items: center; flex-wrap: wrap; gap: 18px; }.cinematic .pprogram__num{ font-size: 12px; letter-spacing: .12em; text-transform: uppercase; color: var(--ink-3); }.cinematic .pprogram__head h3{ margin-right: auto; }.cinematic .pprogram__fig{ margin: 0; }.cinematic .pleader{ display: grid; grid-template-columns: minmax(0, 4fr) minmax(0, 8fr); gap: 40px 56px; }.cinematic .pleader__id .mono{ font-size: 11.5px; letter-spacing: .12em; text-transform: uppercase; color: var(--ink-3); display: block; margin-bottom: 10px; }.cinematic .pleader__bio{ display: grid; gap: 18px; }.cinematic .ppaths{ display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; }.cinematic .ppath{ padding: 36px 36px 32px; border: 1px solid var(--rule-light); border-radius: var(--radius-lg); background: var(--surface-pure); display: grid; gap: 14px; align-content: start; }.cinematic .ppath__num{ font-size: 12px; letter-spacing: .12em; color: var(--ink-3); }.cinematic .ppath__quote{ margin: 0; padding-left: 18px; border-left: 2px solid var(--amber); font-size: 19px; line-height: 1.5; color: var(--ink); }.cinematic .ppath .text-link{ margin-top: 6px; }.cinematic .pquestions{ counter-reset: q; display: grid; gap: 2px; }.cinematic .pquestions li{
  counter-increment: q; position: relative;
  padding: 20px 20px 20px 72px; border-top: 1px solid var(--rule-light);
  font-size: 18px; line-height: 1.5;
}.cinematic .pquestions li::before{
  content: counter(q, decimal-leading-zero); position: absolute; left: 20px; top: 22px;
  font-family: var(--font-mono); font-size: 12px; letter-spacing: .1em; color: var(--ink-3);
}.cinematic .pquestions li:last-child{ border-bottom: 1px solid var(--rule-light); }.cinematic .pscope{ display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 2px; background: var(--rule-light); border: 1px solid var(--rule-light); border-radius: var(--radius-lg); overflow: hidden; }.cinematic .pscope__col{ background: var(--white); padding: 28px 26px 30px; }.cinematic .theme-light .pscope__col{ background: var(--surface-pure); }.cinematic .pscope__title{ font-size: 11.5px; letter-spacing: .12em; text-transform: uppercase; color: var(--ink-3); margin-bottom: 16px; }.cinematic .pscope__col ul{ display: grid; gap: 12px; }.cinematic .pscope__col li{ position: relative; padding-left: 18px; font-size: 15px; line-height: 1.55; color: var(--ink-2); }.cinematic .pscope__col li::before{ content: ""; position: absolute; left: 0; top: 9px; width: 7px; height: 1px; background: var(--ink-3); }.cinematic .ptable-wrap--caps .ptable th[scope="row"]{ width: 34%; }.cinematic .psection-lede{ max-width: 72ch; margin: -16px 0 48px; margin-left: auto; width: 58%; }.cinematic .psection-lede .body{ color: inherit; opacity: .86; }.cinematic .xstage{ position: absolute; inset: 0; overflow: hidden; background: var(--graphite); }.cinematic .xstage canvas{ position: absolute; inset: 0; width: 100%; height: 100%; display: block; }.cinematic .xstage__scrim{ position: absolute; inset: 0; pointer-events: none; background:
  linear-gradient(90deg, color-mix(in srgb, var(--graphite) 88%, transparent) 0%, color-mix(in srgb, var(--graphite) 55%, transparent) 30%, transparent 52%),
  linear-gradient(0deg, color-mix(in srgb, var(--graphite) 70%, transparent) 0%, transparent 22%); }.cinematic .xstage__fade{ position: absolute; inset: 0; background: var(--graphite); opacity: 0; pointer-events: none; transition: opacity 380ms var(--ease-in-out); z-index: 4; }.cinematic .xstage__fade.is-on{ opacity: 1; }.cinematic .scene-labels{ position: absolute; inset: 0; pointer-events: none; z-index: 2; }.cinematic .scene-label{ position: absolute; left: 0; top: 0; white-space: nowrap; font-family: var(--font-mono); font-size: 11px; letter-spacing: 0.06em; text-transform: uppercase; color: var(--on-dark-2); transition: opacity 400ms var(--ease-out); will-change: transform; }.cinematic .scene-label > *{ pointer-events: none; }.cinematic .scene-label--centre{ translate: -50% -50%; text-align: center; }.cinematic .scene-label--left{ translate: 10px -50%; }.cinematic .scene-label--right{ translate: calc(-100% - 10px) -50%; text-align: right; }.cinematic .scene-label.is-off{ opacity: 0; }.cinematic .scene-label.is-dim{ opacity: 0.28; }.cinematic .scene-label.is-hot{ color: var(--on-dark-strong); }.cinematic .scene-label .mono{ color: var(--on-dark-3); margin-right: 4px; }.cinematic .scene-label--gate{ padding: 3px 8px; border: 1px solid var(--rule-dark); background: color-mix(in srgb, var(--graphite) 70%, transparent); }.cinematic .scene-label--lane{ font-size: 10.5px; padding: 3px 8px; border-left: 2px solid currentColor; }.cinematic .scene-label--cyan{ color: var(--cyan); }.cinematic .scene-label--amber{ color: var(--amber); }.cinematic .scene-label--quiet{ color: var(--on-dark-3); font-size: 10px; }.cinematic .scene-label--out{ text-transform: none; letter-spacing: 0; font-family: var(--font-sans); font-size: 13.5px; line-height: 1.45; color: var(--on-dark-2); padding: 5px 9px; background: color-mix(in srgb, var(--graphite) 78%, transparent); border: 1px solid var(--rule-dark); }.cinematic .scene-label--out b{ color: var(--on-dark-strong); font-weight: 500; }.cinematic .scene-label--layer{ text-transform: none; letter-spacing: 0; font-family: var(--font-sans); font-size: 15px; color: var(--on-dark-strong); padding-left: 12px; border-left: 1px solid color-mix(in srgb, var(--on-dark) 35%, transparent); }.cinematic .scene-label--layer small{ display: block; font-size: 12px; color: var(--on-dark-3); margin-top: 2px; }.cinematic .scene-label--layer .mono{ font-size: 10px; display: block; margin: 0 0 3px; }.cinematic .scene-label--layer.is-hot{ border-left-color: var(--cyan); }.cinematic .scene-label--layer.is-hot .mono{ color: var(--cyan); }.cinematic .scene-label--zone{ color: var(--on-dark-3); font-size: 10.5px; padding: 3px 7px; border: 1px dashed color-mix(in srgb, var(--on-dark) 30%, transparent); }.cinematic .scene-label--zone.is-hot{ color: var(--on-dark-strong); border-color: var(--cyan); border-style: solid; }.cinematic .scene-label--step{ text-transform: none; letter-spacing: 0; font-family: var(--font-sans); font-size: 12.5px; color: var(--on-dark); }.cinematic .scene-label--step .mono{ color: var(--cyan); }.cinematic.xhero{ position: relative; min-height: 100vh; display: flex; color: var(--on-dark); }.cinematic.xhero .container{ position: relative; z-index: 3; display: flex; flex-direction: column; width: 100%; padding-top: calc(var(--header-h) + 36px); padding-bottom: 96px; pointer-events: none; }.cinematic.xhero a,.cinematic.xhero button{ pointer-events: auto; }.cinematic.xhero .phero__panel{ margin: auto 0; max-width: 600px; }.cinematic .xhero__foot{ position: absolute; left: 0; right: 0; bottom: 0; z-index: 3; display: flex; align-items: center; justify-content: space-between; gap: 24px; padding: 18px var(--gutter); pointer-events: none; }.cinematic .xhero__foot > *{ pointer-events: auto; }.cinematic .xhero__foot .concept-note{ border: 0; padding: 0; }.cinematic .xcontrols{ margin-top: 34px; display: grid; gap: 10px; }.cinematic .xcontrols__label{ font-family: var(--font-mono); font-size: 10.5px; letter-spacing: 0.1em; text-transform: uppercase; color: var(--on-dark-3); }.cinematic .xcontrols__row{ display: flex; flex-wrap: wrap; gap: 6px; }.cinematic .xchip{ font: inherit; font-size: 13px; color: var(--on-dark-2); background: color-mix(in srgb, var(--graphite) 65%, transparent); border: 1px solid var(--rule-dark); padding: 6px 11px; border-radius: var(--radius); cursor: pointer; transition: color 200ms, border-color 200ms; }.cinematic .xchip:hover{ color: var(--on-dark-strong); border-color: color-mix(in srgb, var(--on-dark) 40%, transparent); }.cinematic .xchip[aria-pressed="true"]{ color: var(--on-dark-strong); border-color: var(--accent); }.cinematic .xchip--cyan[aria-pressed="true"]{ border-color: var(--cyan); }.cinematic .xchip--amber[aria-pressed="true"]{ border-color: var(--amber); }.cinematic .xchip .mono{ color: var(--on-dark-3); margin-right: 5px; font-size: 11px; }.cinematic .xpanel{ margin-top: 14px; max-width: 520px; min-height: 66px; font-size: 14.5px; line-height: 1.55; color: var(--on-dark-2); border-left: 2px solid var(--accent); padding: 4px 0 4px 14px; }.cinematic .xpanel b{ color: var(--on-dark-strong); font-weight: 500; }.cinematic .xmark{ position: fixed; right: 16px; bottom: 16px; z-index: 50; font-family: var(--font-mono); font-size: 10.5px; letter-spacing: 0.08em; text-transform: uppercase; color: var(--on-dark-3); background: color-mix(in srgb, var(--graphite) 85%, transparent); border: 1px solid var(--rule-dark); padding: 6px 10px; }.cinematic .xmark a{ color: var(--on-dark); }.cinematic .xpage{ transition: opacity 420ms var(--ease-out), transform 520ms var(--ease-out); }.cinematic .xpage[hidden]{ display: none; }.cinematic .xpage.is-leaving{ opacity: 0; transform: translateY(-10px); }.cinematic .xpage.is-entering{ opacity: 0; transform: translateY(12px); }.cinematic .brand__desc:empty,.cinematic .brand__desc:empty + *{ display: none; }.cinematic .xsection{ padding: 96px 0; }.cinematic .xsection .h2{ max-width: 760px; }.cinematic .vgrid{ display: grid; grid-template-columns: repeat(var(--n, 3), minmax(0, 1fr)); gap: 20px; margin-top: 40px; }.cinematic .vcard{ border-top: 1px solid var(--rule-light); padding-top: 18px; }.cinematic .theme-dark .vcard,.cinematic .theme-midnight .vcard{ border-top-color: var(--rule-dark); }.cinematic .vcard h3{ font-size: 19px; font-weight: 500; margin: 6px 0 10px; }.cinematic .vcard p{ font-size: 15px; line-height: 1.6; color: var(--ink-2); }.cinematic .theme-dark .vcard p,.cinematic .theme-midnight .vcard p{ color: var(--on-dark-2); }.cinematic .vcard .mono{ font-size: 11px; color: var(--ink-3); letter-spacing: 0.08em; }.cinematic .theme-dark .vcard .mono{ color: var(--on-dark-3); }.cinematic .scene-label__k{ display: block; font-family: var(--font-mono); font-size: 10px; letter-spacing: 0.1em; text-transform: uppercase; color: var(--on-dark-3); margin-bottom: 4px; }.cinematic .scene-label--decision{ text-transform: none; letter-spacing: 0.01em; font-size: 11.5px; color: var(--on-dark-strong); padding: 3px 9px; border: 1px dashed color-mix(in srgb, var(--on-dark) 55%, transparent); background: color-mix(in srgb, var(--graphite) 70%, transparent); }.cinematic .scene-label--door{ text-transform: none; letter-spacing: 0.01em; font-size: 12px; color: var(--cyan); padding: 4px 10px; border: 1px solid color-mix(in srgb, var(--cyan) 55%, transparent); background: color-mix(in srgb, var(--graphite) 78%, transparent); }.cinematic .scene-label--axis{ border: 0; background: none; padding: 0; color: var(--on-dark-strong); font-family: var(--font-sans); font-size: 14.5px; letter-spacing: 0; text-transform: none; }.cinematic .scene-label--axis .mono{ color: var(--on-dark-3); font-size: 11px; margin-right: 6px; }.cinematic .scene-label--door small{ display: block; font-size: 10.5px; color: var(--on-dark-3); margin-top: 1px; }.cinematic .scene-label--iface{ text-transform: none; letter-spacing: 0.01em; font-size: 11px; color: var(--cyan); opacity: 0.9; padding-left: 13px; }.cinematic .scene-label--iface.is-hot{ opacity: 1; color: var(--on-dark-strong); }.cinematic .scene-label--solid{ border-style: solid; color: var(--on-dark-2); border-color: color-mix(in srgb, var(--on-dark) 45%, transparent); }.cinematic .xfacts{ margin: 8px 0 0; display: grid; gap: 3px; font-size: 13.5px; line-height: 1.45; }.cinematic .xfacts div{ display: grid; grid-template-columns: 136px 1fr; gap: 12px; padding-top: 4px; border-top: 1px solid var(--rule-dark); }.cinematic .xfacts dt{ font-family: var(--font-mono); font-size: 10.5px; letter-spacing: 0.08em; text-transform: uppercase; color: var(--on-dark-3); padding-top: 2px; }.cinematic .xfacts dd{ margin: 0; color: var(--on-dark); }.cinematic .xfacts__key{ margin: 6px 0 0; font-family: var(--font-mono); font-size: 10.5px; color: var(--on-dark-3); display: flex; align-items: center; gap: 8px; }.cinematic .xfacts__solid,.cinematic .xfacts__dashed{ display: inline-block; width: 22px; border-top: 1.5px solid var(--on-dark-2); }.cinematic .xfacts__dashed{ border-top-style: dashed; margin-left: 10px; }.cinematic .xk{ font-family: var(--font-mono); font-size: 10.5px; letter-spacing: 0.08em; text-transform: uppercase; color: var(--cyan); margin-left: 4px; }.cinematic .scene-label--note{ text-transform: none; letter-spacing: 0; font-family: var(--font-sans); font-size: 12.5px; color: var(--on-dark-2); }.cinematic .scene-label--lane{ font-size: 12px; }.cinematic .scene-label--aside{ font-size: 11.5px; color: var(--on-dark-2); }.cinematic .xfacts__note{ margin: 4px 0 0; font-size: 12.5px; color: var(--on-dark-3); }@media(max-width:999px){.cinematic.xhero .scene-label{font-size:9.50px}.cinematic.xhero .scene-label--lane{font-size:9.50px}.cinematic.xhero .scene-label--quiet{font-size:9.50px}.cinematic.xhero .scene-label--out{font-size:11.07px;font-family:var(--font-sans)}.cinematic.xhero .scene-label--layer{font-size:12.30px;font-family:var(--font-sans)}.cinematic.xhero .scene-label--layer small{font-size:9.84px}.cinematic.xhero .scene-label--layer .mono{font-size:9.50px}.cinematic.xhero .scene-label--zone{font-size:9.50px}.cinematic.xhero .scene-label--step{font-size:10.25px;font-family:var(--font-sans)}.cinematic.xhero .scene-label__k{font-size:9.50px}.cinematic.xhero .scene-label--decision{font-size:9.50px}.cinematic.xhero .scene-label--door{font-size:9.84px}.cinematic.xhero .scene-label--axis{font-size:11.89px;font-family:var(--font-sans)}.cinematic.xhero .scene-label--axis .mono{font-size:9.50px}.cinematic.xhero .scene-label--door small{font-size:9.50px}.cinematic.xhero .scene-label--iface{font-size:9.50px}.cinematic.xhero .scene-label--note{font-size:10.25px;font-family:var(--font-sans)}.cinematic.xhero .scene-label--lane{font-size:9.84px}.cinematic.xhero .scene-label--aside{font-size:9.50px}}