/* Final hierarchy pass: keep the hero light over the scene and let the
   supporting image studies breathe. This intentionally does not address the
   process/door interaction below. */

/* The hero reads as a quiet architectural title; the brand-coloured AI stays
   distinct from the low-contrast supporting words. */
.scenic-hero h1,
.scenic-hero h1 em {
  color: #b18c86;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-style: normal;
  font-weight: 200;
}

.scenic-hero h1 em { color: #800020; }
.scenic-hero h1 .ai-letter-blue { color: #347a80; }

.scenic-hero .lede,
.scenic-hero .lede strong { color: #b18c86; }

/* Treat the four capabilities as smaller editorial studies, with generous
   space between them, rather than one continuous image wall. */
@media (min-width: 761px) {
  .systems .capability-grid {
    gap: clamp(30px, 3.8vw, 58px);
  }

  .systems .capability,
  .systems .capability:first-child,
  .systems .capability:last-child {
    min-height: 0;
    padding: 0;
    border: 0;
  }

  .systems .capability .generated-icon {
    width: min(100%, 190px);
    margin-bottom: 20px;
  }
}

/* The research/proof visual is deliberately a square study, not another arch.
   Its phone dimensions follow the same 1:1 crop so the two themes remain
   visually equivalent on every breakpoint. */
.insight-art-frame {
  aspect-ratio: 1 / 1;
  border-radius: 2px;
}