/* Shared frame for the illustrated guide and product pages. Each page owns its
   artwork, column proportions, accent color, and content-specific sections. */
.half-cinematic-hero {
  display: grid;
  align-items: center;
  min-height: 500px;
  padding: 45px 0 35px;
}

.half-cinematic-hero h1 {
  max-width: 720px;
  margin: 20px 0 0;
  font-size: clamp(54px, 5.5vw, 84px);
  line-height: 1.04;
  letter-spacing: -.055em;
  font-weight: 650;
}

.half-cinematic-section {
  border-top: 1px solid var(--cinematic-rule, rgba(142, 204, 225, .2));
  padding: 32px 0 25px;
}

@media (max-width: 600px) {
  .half-cinematic-hero {
    padding-top: 35px;
    padding-bottom: 55px;
  }

  .half-cinematic-hero h1 {
    font-size: clamp(48px, 12vw, 64px);
  }

  .half-cinematic-section {
    padding-top: 28px;
  }
}