@media (max-width: 720px) {
  .panel .reveal { opacity: 1; transform: none; }
  .hero { min-height: 112svh; }
  .hero { flex-direction: column; align-items: stretch; }
  .hero .panel-inner { margin: 0; }
  .hero-copy { position: relative; z-index: 3; padding-bottom: 0; }
  .portrait { position: relative; width: 82vw; right: auto; height: 42vh; top: auto; bottom: auto; margin: -1rem -4vw 0 auto; opacity: .82; z-index: 1; }
}