/* ============================================
   Split Hero Layout (Text + Image)
   ============================================ */

.layout--hero-split {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--spacing-lg);
  align-items: center;
}

.layout--hero-split__content {
  order: 2;
}

.layout--hero-split__image {
  order: 1;
}

@media (min-width: 768px) {
  .layout--hero-split {
    grid-template-columns: 1fr 1fr;
    gap: var(--spacing-xl);
  }

  .layout--hero-split__content {
    order: 1;
  }

  .layout--hero-split__image {
    order: 2;
  }
}

.layout--hero-split--reverse .layout--hero-split__content {
  order: 2;
}

.layout--hero-split--reverse .layout--hero-split__image {
  order: 1;
}

@media (min-width: 768px) {
  .layout--hero-split--reverse .layout--hero-split__content {
    order: 2;
  }

  .layout--hero-split--reverse .layout--hero-split__image {
    order: 1;
  }
}