@media (max-width: 640px) {
  .decor-ornament img {
    opacity: 0.75;
  }

  .decor-top-left {
    left: -1.2rem;
    top: -1.2rem;
    width: clamp(160px, 42vw, 260px);
  }

  .decor-top-right {
    right: -1.8rem;
    top: -1.4rem;
    width: clamp(180px, 48vw, 280px);
  }

  .decor-bottom-left {
    left: -1.4rem;
    bottom: -0.8rem;
    width: clamp(150px, 44vw, 250px);
  }

  .decor-bottom-right {
    right: -1.8rem;
    bottom: -1.2rem;
    top: auto;
    width: clamp(160px, 46vw, 260px);
  }

  .footer-floral-band {
    top: 0.2rem;
    height: auto;
    width: 100%;
    opacity: 0.5;
  }

  .footer-floral-band img {
    width: 180vw;
    max-width: none;
  }

  .hero-panel {
    padding: 1rem 0.9rem 1.05rem;
  }

  .hero h1 {
    font-size: clamp(1.72rem, 9.2vw, 2.32rem);
    line-height: 1.02;
  }

  .hero-copy {
    font-size: clamp(0.92rem, 3.7vw, 1rem);
    max-width: 34ch;
  }

  .btn-row {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 390px) {
  .decor-top-left {
    left: -3.5rem;
    top: -1rem;
    width: clamp(150px, 65vw, 287px);
  }

  .decor-top-right {
    right: -4.4rem;
    top: -1.2rem;
    width: clamp(160px, 100vw, 400px);
  }

  .decor-bottom-left {
    left: -4.1rem;
    bottom: -3.6rem;
    width: clamp(140px, 88vw, 450px);
  }

  .decor-bottom-right {
    right: -3.4rem;
    bottom: -1.8rem;
    width: clamp(150px, 100vw, 450px);
  }

  .footer-floral-band img {
    width: 100vw;
  }
}

@media (min-width: 391px) and (max-width: 439px) {
  .decor-top-left {
    left: -3.5rem;
    top: -1rem;
    width: clamp(150px, 65vw, 287px);
  }

  .decor-top-right {
    right: -4.4rem;
    top: -1.2rem;
    width: clamp(160px, 100vw, 400px);
  }

  .decor-bottom-left {
    left: -4.1rem;
    bottom: -3.6rem;
    width: clamp(140px, 88vw, 450px);
  }

  .decor-bottom-right {
    right: -3.4rem;
    bottom: -1.8rem;
    width: clamp(150px, 100vw, 450px);
  }

  .footer-floral-band {
    top: -1.8rem;
  }

  .footer-floral-band img {
    width: 100vw;
  }
}

@media (min-width: 440px) and (max-width: 640px) {
  .decor-top-left {
    left: -3.5rem;
    top: -1rem;
    width: clamp(150px, 65vw, 287px);
  }

  .decor-top-right {
    right: -4.4rem;
    top: -1.2rem;
    width: clamp(160px, 100vw, 400px);
  }

  .decor-bottom-left {
    left: -4.1rem;
    bottom: -3.6rem;
    width: clamp(140px, 88vw, 450px);
  }

  .decor-bottom-right {
    right: -3.4rem;
    bottom: -1.8rem;
    width: clamp(150px, 100vw, 450px);
  }

  .footer-floral-band {
    top: -1.8rem;
  }

  .footer-floral-band img {
    width: 100vw;
  }
}