/* Generated from the approved saas 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));
}
/* SaaS-specific composition gives the technical artwork room to remain readable. */

.original-marketing .saas-hero .page-hero__inner {
  min-height: 520px;
  grid-template-columns: minmax(0, 0.84fr) minmax(400px, 1.16fr);
  gap: 52px;
}

.original-marketing .saas-hero .page-hero__copy {
  max-width: 610px;
}

.original-marketing .saas-hero .page-hero__art img {
  max-height: 430px;
}

.original-marketing .saas-section .split {
  grid-template-columns: minmax(0, 0.86fr) minmax(420px, 1.14fr);
  gap: 52px;
}

.original-marketing .saas-section .split-reverse {
  grid-template-columns: minmax(420px, 1.14fr) minmax(0, 0.86fr);
}

.original-marketing .saas-section .split__copy {
  align-self: center;
}

.original-marketing .saas-section .split__copy h2,
.original-marketing .support-copy h2 {
  margin-bottom: 14px;
  font-size: 32px;
}

.original-marketing .saas-section .split__copy p + p,
.original-marketing .support-copy p + p {
  margin-top: 14px;
}

.original-marketing .saas-section .content-list {
  margin-top: 14px;
}

.original-marketing .saas-media {
  min-height: 300px;
}

.original-marketing .saas-media--wide {
  min-height: 280px;
}

.original-marketing .saas-media img,
.original-marketing .support-media img,
.original-marketing .demo-media img {
  height: auto;
  object-fit: contain;
}

.original-marketing .section-dark .saas-media {
  border-color: rgba(255, 255, 255, 0.18);
  background: white;
}

.original-marketing .support-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 56px;
  align-items: start;
}

.original-marketing .support-column {
  display: grid;
  gap: 24px;
  min-width: 0;
}

.original-marketing .support-copy {
  align-self: center;
}

.original-marketing .support-media {
  min-height: 290px;
}

.original-marketing .support-media--regions {
  min-height: 340px;
}

.original-marketing .support-media--features {
  min-height: 290px;
}

.original-marketing .demo-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 38px 28px;
}

.original-marketing .demo-item {
  min-width: 0;
}

.original-marketing .demo-item h3 {
  margin-bottom: 14px;
  color: var(--navy);
  font-size: 21px;
}

.original-marketing .demo-media {
  min-height: 240px;
}

.original-marketing .demo-media img {
  max-height: 420px;
}

.original-marketing .section-dark .support-copy h2,
.original-marketing .section-dark .support-copy p {
  color: white;
}

@media (max-width: 1100px) {
  .original-marketing .saas-hero .page-hero__inner {
    gap: 36px;
  }

  .original-marketing .saas-section .split,
.original-marketing .saas-section .split-reverse {
    gap: 36px;
  }

  .original-marketing .saas-section .split__copy h2,
.original-marketing .support-copy h2 {
    font-size: 28px;
  }
}

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

  .original-marketing .saas-hero .page-hero__art {
    grid-row: 1;
  }

  .original-marketing .saas-hero .page-hero__copy {
    grid-row: 2;
  }

  .original-marketing .saas-section .split,
.original-marketing .saas-section .split-reverse {
    grid-template-columns: 1fr;
  }

  .original-marketing .saas-section .split__media,
.original-marketing .saas-section .split-reverse .split__media {
    order: initial;
  }

  .original-marketing .support-grid {
    grid-template-columns: 1fr;
    gap: 48px;
  }
}

@media (max-width: 720px) {
  .original-marketing .demo-grid {
    grid-template-columns: 1fr;
    gap: 32px;
  }

  .original-marketing .content-list {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 640px) {
  .original-marketing .saas-hero .page-hero__art img {
    max-height: 280px;
  }

  .original-marketing .saas-section .split__copy h2,
.original-marketing .support-copy h2 {
    font-size: 28px;
  }

  .original-marketing .saas-media,
.original-marketing .saas-media--wide,
.original-marketing .support-media,
.original-marketing .support-media--regions,
.original-marketing .support-media--features,
.original-marketing .demo-media {
    min-height: 200px;
  }

  .original-marketing .saas-media img,
.original-marketing .support-media img,
.original-marketing .demo-media img {
    padding: 14px;
  }
}