.home-hero-market .home-hero-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(250px, 330px);
  gap: clamp(36px, 6vw, 96px);
}

.home-hero-market .home-hero-copy {
  width: min(650px, 48vw);
}

.home-hero-market--spain .home-hero-media img {
  object-position: center;
}

.home-hero-market--turkey .home-hero-media img {
  object-position: 60% center;
}

.home-hero-market::after {
  background:
    linear-gradient(90deg, rgb(10 36 76 / .9) 0%, rgb(15 49 95 / .68) 38%, rgb(16 48 91 / .18) 68%, transparent 88%),
    linear-gradient(180deg, rgb(11 39 80 / .08) 52%, rgb(8 31 66 / .5) 100%);
}

.market-hero-event {
  align-self: start;
  margin-top: clamp(116px, 18vh, 174px);
  padding: 22px 0 20px;
  display: grid;
  gap: 8px;
  border-top: 1px solid rgb(255 255 255 / .72);
  border-bottom: 1px solid rgb(255 255 255 / .35);
  color: #fff;
  text-align: left;
}

.market-hero-event span {
  margin-bottom: 14px;
  color: #dceafa;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .13em;
  text-transform: uppercase;
}

.market-hero-event strong {
  font-size: clamp(20px, 1.7vw, 27px);
  font-weight: 450;
  line-height: 1.15;
  letter-spacing: -.02em;
}

.market-hero-event small {
  color: #e4eef8;
  font-size: 13px;
  line-height: 1.45;
}

@media (max-width: 860px) {
  .home-hero-market .home-hero-layout {
    display: flex;
  }

  .home-hero-market .home-hero-copy {
    width: min(500px, 64vw);
  }

  .market-hero-event {
    position: absolute;
    top: 26px;
    right: var(--edge);
    width: min(250px, 34vw);
    margin: 0;
  }
}

@media (max-width: 767px) {
  .home-hero-market::after {
    background: linear-gradient(180deg, rgb(10 35 75 / .08) 12%, rgb(10 35 75 / .26) 44%, rgb(9 31 67 / .96) 74%, #0c2d5e 100%);
  }

  .home-hero-market--spain .home-hero-media img {
    object-position: 67% center;
  }

  .home-hero-market--turkey .home-hero-media img {
    object-position: 63% center;
  }

  .home-hero-market .home-hero-copy {
    width: 100%;
  }

  .market-hero-event {
    top: 22px;
    right: var(--edge);
    width: min(226px, 68vw);
    padding: 14px 0 13px;
    gap: 4px;
    background: rgb(9 32 68 / .16);
    backdrop-filter: blur(6px);
  }

  .market-hero-event span {
    margin-bottom: 7px;
    font-size: 8px;
  }

  .market-hero-event strong {
    font-size: 16px;
  }

  .market-hero-event small {
    font-size: 10px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .home-hero-market .home-hero-media img {
    transition: none;
  }
}