/* Generated from the approved solution-crashworthiness mockup. Run scripts/promote_original_marketing.py. */
.original-marketing {

  display: block;
  min-width: 0;
  overflow: clip;
}
body.page-original-marketing .original-marketing h1,
body.page-original-marketing .original-marketing h2,
body.page-original-marketing .original-marketing h3 {
  font-family: var(--font, var(--font-display, sans-serif));
}
/* Page-specific composition belongs here. Shared identity and components stay in ../../shared.css. */

.original-marketing .crashworthiness-hero .page-hero__inner {
  grid-template-columns: minmax(0, 0.86fr) minmax(390px, 1.14fr);
  gap: clamp(34px, 6vw, 68px);
}

.original-marketing .crashworthiness-hero .page-hero__copy {
  max-width: 590px;
}

.original-marketing .crashworthiness-hero h1 {
  max-width: 590px;
  font-size: 42px;
}

.original-marketing .crashworthiness-hero h1 sup {
  font-size: 0.38em;
  vertical-align: super;
}

.original-marketing .crashworthiness-hero .page-hero__art {
  min-height: 340px;
}

.original-marketing .hero-visual {
  width: 100%;
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, 0.24);
  border-radius: var(--radius);
  background: #000;
  box-shadow: 0 28px 54px rgba(0, 10, 26, 0.3);
}

.original-marketing .hero-visual img {
  width: 100%;
  max-height: 440px;
  object-fit: contain;
}

.original-marketing .crashworthiness-section .split__copy {
  max-width: 580px;
}

.original-marketing .crashworthiness-section .split__copy h2 {
  max-width: 560px;
}

.original-marketing .crashworthiness-section .split__media {
  min-height: 270px;
}

.original-marketing .crashworthiness-section .split__media img {
  height: auto;
  max-height: 560px;
  object-fit: contain;
}

.original-marketing .media-frame-dark {
  border-color: #27364a;
  background: #081322;
}

.original-marketing .media-frame-dark img {
  padding: 0;
}

.original-marketing .workflow-list {
  max-width: 510px;
}

.original-marketing .workflow-list li {
  color: var(--navy);
}

.original-marketing .crashworthiness-cta h2 {
  max-width: 780px;
}

@media (max-width: 960px) {
  .original-marketing .crashworthiness-hero .page-hero__inner {
    grid-template-columns: 1fr;
  }

  .original-marketing .crashworthiness-hero .page-hero__copy {
    max-width: 720px;
  }

  .original-marketing .crashworthiness-hero .page-hero__art {
    width: min(100%, 700px);
    margin-inline: auto;
  }

  .original-marketing .crashworthiness-section .split__copy {
    max-width: 720px;
  }
}

@media (max-width: 640px) {
  .original-marketing .crashworthiness-hero h1 {
    font-size: 31px;
  }

  .original-marketing .crashworthiness-hero .page-hero__art {
    min-height: 0;
  }

  .original-marketing .hero-visual img {
    max-height: 330px;
  }

  .original-marketing .crashworthiness-section .split__media {
    min-height: 210px;
  }
}