/* Language-neutral imagery; copy and links remain live localized HTML. */
.hero {
  min-height: clamp(520px, 39.5833vw, 760px);
  padding: 64px clamp(24px, 5vw, 96px);
  background: #242321 url("assets/hero-v2/home-desktop.webp") center / cover no-repeat;
}
.hero-content { width: 45%; }
.hero h1 { font-size: clamp(48px, 5vw, 88px); line-height: 1.05; }
.hero-copy { font-size: clamp(20px, 1.65vw, 26px); line-height: 1.4; }
@media (max-width: 1100px) {
  .hero {
    min-height: 0;
    background-image: url("assets/hero-v2/home-mobile.webp");
    background-position: center top;
    background-size: 100% auto;
    padding: 86vw clamp(24px, 6vw, 64px) 48px;
    align-items: flex-end;
  }
  .hero-content { width: 100%; max-width: 720px; margin-inline: auto; }
  .hero h1 { font-size: clamp(44px, 7vw, 64px); }
  .hero-copy { font-size: 20px; }
}