.hero-image {
  border-radius: 168px 26px 26px 26px;
}

.exchange-image {
  border-radius: 126px 24px 24px 24px;
}

@media (max-width: 820px) {
  .hero-layout {
    grid-template-areas:
      "copy"
      "actions"
      "image";
  }

  .hero-actions {
    order: 4;
  }

  .hero-image {
    order: 5;
    height: min(64vw, 360px);
    border-radius: 82px 18px 18px 18px;
  }

  .exchange-image {
    border-radius: 84px 18px 18px 18px;
  }
}

@media (max-width: 560px) {
  .hero-image {
    height: min(64vw, 270px);
  }
}

@media (max-width: 350px) {
  .hero-layout {
    gap: 20px;
  }
}

.image-frame img{position:relative!important;inset:auto!important;width:100%!important;height:auto!important;aspect-ratio:auto!important;object-fit:contain!important}.image-frame{height:auto!important;min-height:0!important;aspect-ratio:auto!important;display:block!important}.hero .hero-copy h1{font-size:clamp(30px,3.2vw,46px)!important;line-height:1.1!important}