/* Approved Word copy, release 18.0.3. Keep the existing design and let the
   desktop hero grow with its actual heading/description heights. */
@media (min-width:769px) {
  .hero { height:auto; min-height:1246px; }
  .hero-content { height:auto; min-height:1164px; padding-top:517px; padding-bottom:205px; }
  .hero-content h1 { position:relative; inset:auto; max-width:100%; height:auto; }
  .hero-content .hero-copy { position:relative; inset:auto; max-width:100%; margin:43px 0 0; height:auto; }
  .hero-content .hero-buttons { position:relative; inset:auto; transform:none; justify-content:center; margin:84px 0 0; }
  .hero-content .hero-buttons > a { height:auto; min-height:54px; padding:12px 16px; text-align:center; }
}
@media (min-width:1601px) { .hero-content { padding-top:524px; } }
/* Text labels can wrap inside the existing play button and QR card. */
.how-design-watch { max-width:100%; }
.how-design-watch span,.how-design-qr p { min-width:0; overflow-wrap:anywhere; }
.how-design-card h4,.how-design-description { overflow-wrap:anywhere; }
@media (max-width:768px) {
  .how-design-options { grid-auto-rows:1fr; }
}