.hero--themed {
  background-image: linear-gradient(135deg, rgba(216, 168, 64, 0.32), rgba(34, 89, 58, 0.9));
}

.hero--themed::before {
  opacity: 0.7;
}

.hero--themed::after {
  background: radial-gradient(circle at 15% 0%, rgba(6, 9, 8, 0.85), transparent 45%),
              radial-gradient(circle at 85% 100%, rgba(6, 9, 8, 0.9), transparent 50%),
              linear-gradient(to bottom, rgba(6, 9, 8, 0.9), rgba(6, 9, 8, 0.98));
}

.themed-layout {
  align-items: center;
}

.themed-layout--reverse {
  direction: rtl;
}

.themed-layout--reverse > * {
  direction: ltr;
}

.themed-media {
  border-radius: var(--radius-lg);
  overflow: hidden;
  background-color: #050706;
}

.themed-image {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.themed-figcaption {
  padding: var(--space-4) var(--space-6) var(--space-6);
}

.themed-multi-grid {
  align-items: stretch;
}

.themed-form {
  margin-top: var(--space-4);
}

.themed-form-submit {
  width: 100%;
}

@media (max-width: 768px) {
  .themed-layout,
  .themed-layout--reverse {
    display: block;
  }

  .themed-layout--reverse {
    direction: ltr;
  }

  .themed-form-submit {
    width: 100%;
  }
}