/* Landscape tablets: leave mouse-driven desktop and portrait layouts unchanged. */
@media (min-width: 768px) and (max-width: 1366px) and (orientation: landscape) and (pointer: coarse) {
  .page-hero {
    min-height: 100svh;
    padding: 6rem 2rem 1.25rem;
  }

  .page-hero .hero-shell {
    max-width: 1240px;
    grid-template-columns: minmax(0, .95fr) minmax(0, 1.05fr);
    gap: clamp(1.5rem, 3vw, 2.5rem);
  }

  .page-hero .hero-content {
    min-width: 0;
    max-width: none;
    margin: 0;
    text-align: left;
  }

  .page-hero .hero-tag { margin-bottom: .9rem; }
  .page-hero .hero-title {
    font-size: clamp(1.7rem, 3vw, 2.5rem);
    margin-bottom: 1rem;
  }
  .page-hero .hero-slogan { font-size: 1.05rem; }
  .page-hero .hero-subtitle {
    font-size: .95rem;
    line-height: 1.6;
    margin: 0;
  }
  .page-hero .hero-cta-action { margin-top: 1.25rem; justify-content: flex-start; }

  .page-hero :is(.story-scene, .journey-scene, .entry-scene, .werk-scene) {
    /* Reserve space for navigation, captions, controls and browser chrome. */
    max-height: max(120px, calc(100svh - 19rem));
  }

  .page-hero :is(.story-caption, .journey-caption, .werk-caption) {
    min-height: 0;
    padding: .5rem 0 .75rem;
  }
  .page-hero :is(.story-caption, .journey-caption, .werk-caption) h2 {
    font-size: 1.1rem;
    line-height: 1.3;
  }
  .page-hero :is(.story-caption, .journey-caption, .werk-caption) p {
    font-size: .85rem;
    line-height: 1.5;
  }
  .page-hero :is(.story-step, .journey-step, .werk-step) { padding-top: .6rem; }
}