/* On phones, finish the welcome screen with its CTA before revealing the portrait.
   A minimum (not fixed) height keeps enlarged text and short screens scrollable. */
@media (max-width:700px) {
  .home-opening--immersive {
    padding-top:64px;
  }
  .home-opening--immersive .opening-heading {
    display:flex;
    flex-direction:column;
    min-height:calc(100vh - var(--header) - 64px);
    min-height:calc(100svh - var(--header) - 64px);
    padding:20px 0 28px;
  }
  .home-opening--immersive .home-opening__action {
    margin-top:auto;
    padding-top:32px;
  }
  .home-opening--immersive .opening-heading > * {
    flex-shrink:0;
  }
}