/* Keep the approved desktop composition; give the copy a clear field on tablets. */
@media (min-width: 541px) and (max-width: 900px) {
  .home-page .hero-frame {
    display: flex;
    flex-direction: column;
    min-height: 0;
  }

  .home-page .hero-copy {
    width: 100%;
    padding: 44px 38px 38px;
    background: #fffdf9;
  }

  .home-page .hero-copy h1 { max-width: 640px; }
  .home-page .hero-lead { max-width: 500px; }

  .home-page .hero-art--v5-depth {
    position: relative;
    inset: auto;
    height: clamp(300px, 49vw, 420px);
    min-height: 0;
  }
}