/* Final refinements requested for Section 1 */
.hero h1 {
  font-size: clamp(32px, 3vw, 40px);
  line-height: 1.2;
  letter-spacing: -0.025em;
}

.hero-book {
  width: 78%;
  right: -2%;
  top: 0;
  z-index: 2;
}

.portrait-card {
  width: 46%;
  left: 0;
  bottom: 32px;
  z-index: 1;
}

@media (max-width: 760px) {
  .hero h1 {
    font-size: 28px;
    line-height: 1.3;
    letter-spacing: -0.02em;
  }

  .hero-book {
    width: 82%;
    right: -3%;
    top: 0;
    z-index: 2;
  }

  .portrait-card {
    width: 42%;
    left: 0;
    bottom: 24px;
    z-index: 1;
  }
}