/* Final proportions after transparent-asset QA. */

.scene img {
  opacity: 0.98;
}

@media (min-width: 901px) {
  .hero-layout {
    grid-template-columns: minmax(0, 1.15fr) minmax(520px, 0.85fr);
    gap: clamp(34px, 3vw, 64px);
  }

  .hero-copy,
  .hero-copy h1 {
    max-width: 1040px;
  }

  .hero-copy h1 {
    font-size: clamp(54px, 3.65vw, 74px);
  }
}