/* Local preview: keep the bouquet beside the copy until the phone layout. */
.hero {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1.12fr);
  gap: clamp(20px, 3vw, 60px);
  align-items: center;
  min-height: 720px;
  padding: 145px 5vw 65px 7vw;
}
.hero-copy { width: auto; min-width: 0; }
.hero h1 { font-size: clamp(64px, 7.7vw, 120px); }
.hero h1 em { font-size: clamp(68px, 8vw, 126px); }
.hero-lead { margin-top: 30px; }
.hero-actions { flex-wrap: wrap; gap: 18px; }
.hero-actions > a { flex-shrink: 0; }
.hero-visual {
  position: relative;
  top: auto; right: auto; bottom: auto;
  width: 100%; min-width: 0;
  margin: 0;
  opacity: 1;
}
.brand-stamp { width: clamp(85px, 12vw, 155px); height: auto; aspect-ratio: 1; right: 1%; top: 1%; }
@media (min-width: 641px) and (max-width: 1080px) {
  .hero { min-height: 620px; padding: 140px 4vw 65px; gap: 16px; }
  .hero h1 { font-size: clamp(52px, 8.2vw, 82px); letter-spacing: -3px; }
  .hero h1 em { font-size: clamp(56px, 8.7vw, 90px); }
  .hero-lead { font-size: 12px; margin: 25px 0; }
  .hero-actions { gap: 15px; }
  .hero-actions .button { padding-inline: 22px; gap: 20px; }
  .scroll-cue { display: none; }
}
@media (max-width: 640px) {
  .hero {
    grid-template-columns: minmax(0, 1fr);
    gap: 0;
    min-height: 0;
    padding: 108px 22px 36px;
  }
  .hero-copy { display: contents; }
  .hero .hand-note { grid-row: 1; margin: 0 0 14px; font-size: 23px; }
  .hero h1 { grid-row: 2; font-size: clamp(54px, 14.5vw, 76px); letter-spacing: -3px; }
  .hero h1 em { font-size: clamp(58px, 15.5vw, 82px); }
  .hero-visual { grid-row: 3; width: 100%; max-width: 460px; margin: 22px auto 0; }
  .hero-bouquet { width: 100%; max-height: 260px; object-fit: contain; }
  .brand-stamp { width: 82px; right: 3%; top: 0; }
  .hero-lead { grid-row: 4; max-width: 460px; margin: 22px 0; font-size: 12px; line-height: 1.75; }
  .hero-actions { grid-row: 5; gap: 16px; }
  .hero-actions .button { min-height: 52px; padding-inline: 23px; gap: 22px; }
  .play-link { gap: 8px; }
  .play-link span { width: 38px; height: 38px; }
  .scroll-cue { display: none; }
}