/* Watch and production features, using the site's existing type and colour system. */
.creator-section { padding-block: clamp(64px, 8vw, 120px); }
.creator-heading { display: grid; grid-template-columns: 1.25fr 1fr; gap: 48px; align-items: end; }
.creator-heading h2 { margin-block: 18px 0; font-size: clamp(3rem, 6.5vw, 6.5rem); line-height: .95; }
.creator-heading > p { max-inline-size: 40ch; font-size: clamp(1.1rem, 1.7vw, 1.5rem); line-height: 1.4; }
.creator-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); margin-block: 56px 40px; border-block: 1px solid currentColor; }
.creator-grid article { padding: 32px; }
.creator-grid article:first-child { padding-inline-start: 0; }
.creator-grid article + article { border-inline-start: 1px solid currentColor; }
.creator-grid .feature-index { color: var(--acid); font-size: .65rem; }
.creator-grid h3 { margin-block: 24px 18px; font-size: clamp(1.65rem, 2.7vw, 2.5rem); line-height: 1.05; }
.creator-grid p { line-height: 1.55; }
.creator-section .button { max-inline-size: 100%; white-space: normal; }
.faq-group { margin-block-start: 42px; scroll-margin-block-start: 100px; }
.faq-group > h3 { font-size: clamp(1.4rem, 2.4vw, 2rem); margin-block-end: 20px; }
.simulation-intro > .text-link { display: inline-block; margin-block-start: 20px; }
@media (max-width: 820px) {
  .creator-heading { grid-template-columns: 1fr; gap: 24px; }
  .creator-grid { grid-template-columns: 1fr; margin-block-start: 32px; }
  .creator-grid article, .creator-grid article:first-child { padding: 28px 0; }
  .creator-grid article + article { border-inline-start: 0; border-block-start: 1px solid currentColor; }
}