/* Keep the full face inside the portrait on narrow and landscape phones. */
@media (max-width: 760px) {
  .intro-layout {
    --mobile-portrait-height: clamp(240px, 35svh, 300px);
    grid-template-rows: var(--mobile-portrait-height) auto;
  }

  .portrait-panel {
    height: var(--mobile-portrait-height);
  }

  .portrait-window img {
    object-position: 50% 12%;
    transform: none;
  }
}