/* Keep the wide desktop planner legible while preserving the stacked mobile layout. */
@media (min-width: 801px) {
  .product-story {
    width: min(1320px, calc(100% - 40px));
    grid-template-columns: minmax(0, 1.55fr) minmax(340px, .75fr);
    gap: 52px;
  }

  .product-frame img {
    height: auto;
    max-height: none;
    object-fit: contain;
  }

  .method-copy {
    max-width: 520px;
  }
}