.card-hero,
.card-hero2 {
  background: radial-gradient(
      1200px 600px at 80% -200px,
      var(--accent-elements),
      transparent 100%
    ),
    radial-gradient(
      800px 400px at -100px 120%,
      color-mix(in srgb, var(--link) 50%, transparent),
      transparent 100%
    );

  padding: calc(var(--header-h) + 2rem) 0.9rem 0;
}

.hero {
  position: relative;
  overflow: visible;
  border-bottom: 1px solid var(--border);
}
.display-xl {
  font-size: clamp(44px, 9vw, 120px);
  line-height: 0.9;
  letter-spacing: -0.02em;
  margin: 0 0 0.6rem;
  font-family: "Clash Grotesk", system-ui, -apple-system, "Segoe UI", Roboto,
    sans-serif;
  font-weight: 700;
}
.display-x {
  font-size: clamp(44px, 9vw, 100px);
  line-height: 0.9;
  letter-spacing: -0.02em;
  margin: 0 0 0.6rem;
  font-family: "Clash Grotesk", system-ui, -apple-system, "Segoe UI", Roboto,
    sans-serif;
  font-weight: 700;
}

.hero-grid {
  position: relative;
  display: grid;
  grid-template-columns: 1.15fr 0.85fr;
  padding: 0;
  align-items: center;
  /* min-height: clamp(320px, 72vh, 500px);  */
  min-height: clamp(420px, 72vh, 960px);
}
.hero-grid-mini {
  position: relative;
  display: grid;
  grid-template-columns: 1.15fr 0.85fr;
  padding: 0;
  align-items: center;
  min-height: clamp(320px, 72vh, 500px);
}
.hero-copy {
  position: relative;
  z-index: 3;
}
.hero-copy2 {
  position: absolute;
  top: 20%;
  right: -0;
  z-index: 3;
  width: auto;
}
.hero-portrait,
.hero-portrait2 {
  position: absolute;
  right: 0px;
  top: 0;
  bottom: 0;
  height: 100%;
  z-index: 2;
  pointer-events: none;
  margin: 0;
}

.hero-portrait img,
.hero-portrait2 img {
  height: 100%; /* užpildo nuo top iki bottom */
  width: auto;
  object-fit: contain;
}

/* Responsive */
@media (max-width: 1280px) {
  .display-xl {
    font-size: clamp(32px, 7vw, 50px);
  }
  .display-x {
    font-size: clamp(32px, 7vw, 50px);
  }
  .hero-grid {
    min-height: clamp(420px, 72vh, 300px);
  }
}
@media (max-width: 1024px) {
}
@media (max-width: 768px) {
  .hero-portrait,
  .hero-portrait2 {
    position: static; /* svarbu – kad neliptų ant header/content */
    margin-top: 12px;
    text-align: center;
  }
  .hero-portrait,
  .hero-portrait2 {
    display: flex;
    justify-content: center;
    align-items: flex-end;
    margin: 0;
  }
  .hero-portrait img {
    height: clamp(280px, 38vw, 420px);
  }
  .hero-portrait2 img {
    height: clamp(420px, 38vw, 620px);
  }
  .hero-copy {
    display: grid;
    place-items: center; /* center x+y */
    text-align: center;
  }
  .hero-grid {
    grid-template-columns: 1fr;
    min-height: clamp(220px, 60vh, 260px);
  }
  .hero-grid-mini {
    grid-template-columns: 1fr;
    min-height: clamp(220px, 60vh, 260px);
  }
  .hero-portrait2 {
    order: -1;
  }
  .card-hero {
    padding: calc(var(--header-h) + 1rem) 0.9rem 0;
  }
  .card-hero2 {
    padding: calc(var(--header-h) + 1rem) 0.9rem;
  }
}
@media (max-width: 448px) {
  .main-nav a {
    padding: 0.4rem 0.5rem;
  }
}