/* Hardware products precede the software chapter: C2, then platform demonstrations. */
.technology-hero-actions { display: flex; flex-wrap: wrap; align-items: flex-end; gap: 12px 36px; }
.technology-hero-actions .text-link { margin-top: 32px; padding-bottom: 18px; }
.cinematic-tech #c2 { border-top: 1px solid var(--site-divider); }
.software-demonstration {
  padding: var(--section-space) var(--content-gutter);
  background: var(--site-background);
  color: var(--site-text);
  scroll-margin-top: 150px;
  border-top: 1px solid var(--site-divider);
}
.software-demonstration > .fixed-wing-replay { border-top: 0; padding-top: 0; }
.software-demonstration .fixed-wing-replay-details {
  padding-top: 18px;
  border-top: 1px solid var(--site-divider);
}
.software-demonstration .fixed-wing-replay-details summary { cursor: pointer; font-size: 13px; }
.software-demonstration .fixed-wing-replay-details p { margin-top: 12px; font-size: 13px; }
.fixed-wing-evaluation { margin-top: 18px; color: var(--site-muted); font-size: 14px; line-height: 1.65; }
.fixed-wing-evaluation strong { color: var(--site-text); font-weight: 500; }
.fixed-wing-evaluation .fixed-wing-map-credit { margin-top: 8px; font-size: 11px; }
.fixed-wing-evaluation a { color: var(--site-muted); text-decoration: underline; text-underline-offset: 3px; }
/* Product names have one shared scale across hardware and software. */
.cinematic-tech :is(#system-title, #c2-showcase-title, #fixed-wing-replay-title, #quadcopter-title) {
  font-size: clamp(36px, 3.5vw, 58px);
  font-weight: 400;
  line-height: 1.08;
  letter-spacing: -.04em;
}
/* A consistent reading rhythm, scoped to Technology rather than the homepage. */
.cinematic-tech { --section-space: clamp(56px, 6vw, 88px); }
.cinematic-tech main > .section:is(#system, #quadcopter, #contact) {
  padding-block: var(--section-space);
}
.cinematic-tech #quadcopter { min-height: 0; row-gap: 32px; }
.cinematic-tech :is(.system-intro, .c2-showcase-heading, .office-overview, .fixed-wing-replay-heading) {
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: 24px clamp(32px, 5vw, 72px);
}
.cinematic-tech :is(.system-intro, .c2-showcase-heading, .office-overview, .fixed-wing-replay-heading) .eyebrow {
  margin-bottom: 18px;
}
.cinematic-tech :is(.system-intro > .lead, .c2-showcase-lead, .office-overview > .lead, .fixed-wing-replay-heading > p, #fixed-wing .airframe-details > .lead, #navigation-module .navigation-module-description) {
  max-width: 42ch;
  font-size: clamp(19px, 1.5vw, 22px);
  line-height: 1.55;
  letter-spacing: normal;
  color: var(--site-muted);
}
.cinematic-tech :is(.system-platforms, .c2-showcase-workflow) {
  gap: 28px clamp(24px, 3vw, 48px);
  margin-top: 40px;
}
.cinematic-tech :is(.system-platforms, .c2-showcase-workflow) h3 {
  margin: 16px 0 12px;
  font-size: clamp(22px, 2vw, 28px);
  font-weight: 400;
  line-height: 1.2;
}
.cinematic-tech :is(.system-platforms article > p:last-child, .system-platforms details > p, .c2-showcase-workflow p) {
  max-width: 42ch;
  font-size: 18px;
  line-height: 1.6;
  color: var(--site-muted);
}
.cinematic-tech .mission-film { margin-top: 40px; }
.cinematic-tech .c2-showcase-previews { margin-top: 28px; }
.cinematic-tech .c2-input-overlay-heading span { font-size: 12px; }
.cinematic-tech .fixed-wing-replay-heading { margin-bottom: 32px; }
.cinematic-tech .fixed-wing-replay-details :is(summary, p) {
  font-size: 14px;
  line-height: 1.65;
}
@media (max-width: 900px) {
  .cinematic-tech :is(#system-title, #c2-showcase-title, #fixed-wing-replay-title, #quadcopter-title) {
    font-size: clamp(36px, 6vw, 52px);
  }
  .cinematic-tech :is(.system-intro, .c2-showcase-heading, .office-overview, .fixed-wing-replay-heading) {
    grid-template-columns: minmax(0, 1fr);
    row-gap: 24px;
  }
}
@media (max-width: 600px) {
  .software-demonstration { scroll-margin-top: 105px; }
  .cinematic-tech .mission-film { width: calc(100% + 2 * var(--content-gutter)); margin-inline: calc(-1 * var(--content-gutter)); }
  .cinematic-tech .mission-stage { border: 0; }
  .cinematic-tech .mission-landscape { width: 115%; max-width: none; margin-top: 90px; margin-left: -7.5%; }
  .cinematic-tech .mission-caption { top: 36px; bottom: auto; left: var(--content-gutter); width: calc(100% - 2 * var(--content-gutter)); padding: 12px 0; border: 0; background: linear-gradient(110deg,#0a1218a3,#0a121800); backdrop-filter: none; text-shadow: 0 1px 8px #0009; }
  .cinematic-tech .mission-caption h3 { font-size: clamp(24px,6.6vw,30px); line-height: 1.12; }
  .cinematic-tech .mission-toolbar { padding-inline: var(--content-gutter); }
  .cinematic-tech .airframe-feature { display: flex; flex-direction: column; }
  .cinematic-tech .airframe-feature > [data-media-slot="fixed-wing-platform"] { order: 1; }
  .cinematic-tech .airframe-heading { order: 2; margin-top: -40px; padding: 0 var(--gutter) 18px; }
  .cinematic-tech .airframe-details { order: 3; }
  .cinematic-tech #navigation-module .navigation-module-copy { margin-top: -40px; }
  .cinematic-tech :is(#fixed-wing [data-media-slot="fixed-wing-platform"], #navigation-module .navigation-module-media) { overflow: hidden; }
  .cinematic-tech :is(#fixed-wing [data-media-slot="fixed-wing-platform"], #navigation-module .navigation-module-media) > img { width: 150%; max-width: none; }
  .cinematic-tech #navigation-module .navigation-module-media > img { margin-left: -25%; }
  .cinematic-tech :is(#fixed-wing-replay, #office-replay) .replay-stage:not(:fullscreen) {
    width: calc(100% + 2 * var(--content-gutter));
    margin-inline: calc(-1 * var(--content-gutter));
    border: 0;
    border-radius: 0;
  }
  .cinematic-tech :is(#system-title, #c2-showcase-title, #fixed-wing-replay-title, #quadcopter-title) {
    font-size: clamp(32px, 8.6vw, 44px);
  }
  .cinematic-tech .tech-hero .lead { font-size: 19px; }
  .cinematic-tech :is(.system-platforms, .c2-showcase-workflow) { margin-top: 32px; }
}

/* Keep capability headings visible while phone users expand descriptions. */
.cinematic-tech :is(.system-platforms, .c2-showcase-workflow) summary { list-style: none; cursor: default; }
.cinematic-tech :is(.system-platforms, .c2-showcase-workflow) summary::-webkit-details-marker { display: none; }
.cinematic-tech :is(.system-platforms, .c2-showcase-workflow) summary h3 { margin: 0 0 12px; }
.cinematic-tech :is(.system-platforms, .c2-showcase-workflow) summary :is(.system-label, .c2-showcase-step) { display: block; margin: 0 0 16px; font-size: 11px; font-weight: 400; line-height: 1.6; }
@media (max-width: 600px) {
  .cinematic-tech :is(.system-platforms article, .c2-showcase-workflow li) { border-top: 0; }
  .cinematic-tech :is(.system-platforms, .c2-showcase-workflow) summary { position: relative; padding-right: 28px; cursor: pointer; }
  .cinematic-tech :is(.system-platforms, .c2-showcase-workflow) summary h3 { margin-bottom: 0; }
  .cinematic-tech :is(.system-platforms, .c2-showcase-workflow) summary :is(.system-label, .c2-showcase-step) { margin-bottom: 10px; }
  .cinematic-tech :is(.system-platforms, .c2-showcase-workflow) summary::after { content: ""; position: absolute; right: 3px; top: 50%; width: 8px; height: 8px; border-right: 1.5px solid var(--site-accent); border-bottom: 1.5px solid var(--site-accent); transform: translateY(-50%) rotate(45deg); transition: transform .2s ease; }
  .cinematic-tech :is(.system-platforms, .c2-showcase-workflow) details[open] summary::after { transform: translateY(-50%) rotate(225deg); }
  .cinematic-tech :is(.system-platforms, .c2-showcase-workflow) details[open] p { margin-top: 16px; }
}
@media (prefers-reduced-motion: reduce) {
  .cinematic-tech :is(.system-platforms, .c2-showcase-workflow) summary::after { transition: none; }
}