/* Homepage creative-control section. CSS-compatible SCSS; copy to css/homepage-creation.css. */
.homepage-creation { padding-top: 72px; scroll-margin-top: 64px; }
.homepage-creation + .homepage-creation { padding-top: 140px; padding-bottom: 72px; }
.homepage-creation__layout { max-width: 1320px; display: grid; grid-template-columns: minmax(0, .82fr) minmax(0, 1.65fr); gap: clamp(32px, 4vw, 64px); align-items: center; }
.homepage-creation__copy { padding-bottom: 36px; }
.homepage-creation__copy h2 { margin: 0 0 24px; color: var(--color-text-primary); font-family: "Segoe UI", Arial, sans-serif; font-size: clamp(2.1rem, 3.2vw, 2.75rem); font-weight: 700; line-height: 1.14; letter-spacing: -.045em; }
.homepage-creation__copy h2 em { color: var(--color-text-brand); font-family: Georgia, "Times New Roman", serif; font-size: 1.12em; font-weight: 400; letter-spacing: -.05em; }
.homepage-creation__copy p { max-width: 390px; margin: 0 0 26px; color: var(--color-text-secondary); font-size: 1.0625rem; line-height: 1.75; }
.homepage-creation__link { display: inline-flex; align-items: center; gap: 16px; min-height: 44px; color: var(--color-text-brand); font-size: 1rem; font-weight: 600; text-decoration: none; }
.homepage-creation__link:hover { opacity: .8; }
.homepage-creation__link span { font-size: 1.35em; }
.homepage-creation__demo { min-width: 0; margin: 0; }
.homepage-creation__demo video { display: block; width: 100%; height: auto; aspect-ratio: 8 / 5; background: #080d12; border: 1px solid #40505d; border-radius: 8px; box-shadow: 0 16px 40px -20px rgba(10,37,64,.35); }
.homepage-creation--media-left .homepage-creation__layout { grid-template-columns: minmax(0, 1.65fr) minmax(0, .82fr); }
.homepage-creation--media-left .homepage-creation__copy { order: 2; }
.homepage-creation--light video { background: #f7faff; border-color: #b9cee6; }
.homepage-creation :is(a, video):focus-visible { outline: 3px solid var(--color-text-brand); outline-offset: 5px; border-radius: 3px; }
@media (max-width: 1050px) {
  .homepage-creation__layout { grid-template-columns: 1fr; gap: 28px; max-width: 860px; }
  .homepage-creation--media-left .homepage-creation__layout { grid-template-columns: 1fr; }
  .homepage-creation--media-left .homepage-creation__copy { order: 0; }
  .homepage-creation__copy { padding-bottom: 0; }
  .homepage-creation__copy p { max-width: 590px; margin-bottom: 16px; }
  .homepage-creation__copy h2 { font-size: 2.75rem; }
}
@media (max-width: 640px) {
  .homepage-creation { padding-top: 40px; }
  .homepage-creation + .homepage-creation { padding-top: 88px; padding-bottom: 48px; }
  .homepage-creation__copy h2 { font-size: clamp(2rem, 8.3vw, 2.75rem); margin-bottom: 20px; }
  .homepage-creation__copy p { font-size: 1rem; line-height: 1.65; }
}

.homepage-creation:has(+ .homepage-creation) { padding-bottom: 0; }