/*
 * sodnamis — hero.css
 * Author: sodnamis.lt
 */
.hero { position: relative; isolation: isolate; }
.hero__media { position: absolute; inset: 0; z-index: -1; overflow: hidden; }
.hero__img { width: 100%; height: 100%; object-fit: cover; }
.hero__overlay { position: absolute; inset: 0; background: var(--gradient-hero-overlay); }

.hero__content {
  display: flex; flex-direction: column; align-items: flex-start; justify-content: center;
  min-height: clamp(360px, 52vh, 620px);
  padding-block: 4rem;
  color: #fff;
  max-width: 640px;
}
.hero__title { color: #fff; margin-bottom: 1rem; text-shadow: 0 2px 12px hsl(220 30% 10% / 0.4); }
.hero__subtitle { color: hsl(0 0% 100% / 0.9); font-size: 1.125rem; margin-bottom: 1.75rem; max-width: 34rem; }
.hero__cta { font-size: 1rem; padding: 0.85rem 1.75rem; }

@media (max-width: 767px) {
  .hero__content { align-items: center; text-align: center; min-height: 420px; }
  .hero__subtitle { margin-inline: auto; }
}