/* =========================================================
   MALEA · Landscape tablets (iPad mini / iPad / Air / Pro)
   Targets touch tablets held horizontally — wide but short
   viewports. The desktop compositions already apply here
   (portrait-only stacking is scoped out in 05-screens.css);
   this layer only tightens the vertical rhythm so full-height
   split screens breathe correctly on a short viewport.

   Devices (landscape CSS px, width × height):
     iPad mini 8.3"    1133 × 744
     iPad 10.2/10.9"   1080 × 810
     iPad Air 10.9"    1180 × 820
     iPad Pro 11"      1194 × 834
     iPad Pro 12.9"    1366 × 1024

   (pointer: coarse) keeps this off real desktops/laptops that
   share the same width range — only touch devices match.
   ========================================================= */

@media (min-width: 1024px) and (max-width: 1366px)
   and (orientation: landscape) and (pointer: coarse) {

  /* Denser vertical rhythm for short viewport height — the
     desktop floors (100–220px) are too tall at 744–1024px. */
  :root {
    --vr-standard:     clamp(64px, 9vh, 120px);
    --vr-dense:        clamp(46px, 7vh, 88px);
    --vr-generous:     clamp(84px, 11vh, 150px);
    --vr-transitional: clamp(44px, 5vh, 80px);
  }

  /* Full-height split screens (hero / final): trim the oversized
     block padding so two-column content fits within 100svh. */
  .hero__text,
  .final__text { padding-block: clamp(56px, 9vh, 110px); }

  /* Philosophy → ordinary-rhythm section.
     Base composition is a full-height centred screen; on horizontal iPads it
     should read as a landing section in the same cadence as Live / Player. */
  #philosophy {
    display: block;
    min-height: 0;
    padding-block: var(--vr-standard);
  }
  #philosophy .philo__inner {
    padding-block: 0;
  }

  /* Philosophy (centred two-column) — tighten the column gap;
     Live image band — shorter gap to its text on a short viewport. */
  .philo__inner { gap: clamp(28px, 4vw, 48px); }
  .live__media { margin-bottom: clamp(72px, 8vh, 112px); }

  /* Pull-quotes → ordinary-rhythm sections.
     On landscape tablets the quotes must not behave as independent screens:
     their top/bottom air follows the same tablet section rhythm as the rest of
     the landing, while the quote itself remains a centred editorial accent. */
  .quote-screen {
    min-height: 0;
    padding-block: var(--vr-standard);
  }
  .bigquote { max-width: min(82%, 820px); }
  .quote-screen--wide .bigquote { max-width: min(88%, 1040px); }
  .bigquote__text {
    font-size: clamp(34px, 3.2vw, 44px);
    line-height: 1.22;
    font-weight: 300;
    letter-spacing: .012em;
  }
  .bigquote__attr { margin-top: clamp(16px, 2.2vh, 24px); letter-spacing: .2em; }
  .bigquote::before {
    content: "";
    display: block;
    width: 52px;
    height: 1px;
    margin: 0 auto clamp(22px, 3vh, 32px);
    background: var(--gold-soft);
  }
  /* Last quote: Portfolio above already contributes its own section bottom
     rhythm, while the following Final starts image-led. Rebalance only this
     junction so the quote does not read as a separate screen or as a spacer. */
  .quote-screen--wide {
    margin-block: 0;
    padding-top: clamp(24px, 3.5vh, 44px);
    padding-bottom: var(--vr-standard);
  }

  /* ===== 13 · FORMATS — tighter rhythm, taller images ===== */
  .fmt__line {
    padding: clamp(28px, 4vh, 40px) 0;
    column-gap: clamp(28px, 3vw, 40px);
  }
  .fmt__line-media { aspect-ratio: 4 / 3; }
  .fmt__line-head { margin-bottom: clamp(10px, 1.4vw, 16px); }
  .fmt__line-summary { margin-bottom: clamp(14px, 1.6vw, 20px); }
  .fmt__line-spec { padding: var(--s-2) 0; gap: var(--s-4); }

  /* ===== 14 · INTEGRATION — tighter padding and type ===== */
  .fi-panel {
    padding: clamp(22px, 3vh, 32px) clamp(16px, 2vw, 28px) clamp(26px, 3.5vh, 40px);
  }
  .fi-title { font-size: clamp(18px, 1.8vw, 24px); margin-bottom: var(--s-3); }
  .fi-rule { margin-bottom: var(--s-3); }
  /* Was clamp(13px,1.2vw,15px) — matched the old 15px body floor. After the
     body bump (now 16–18px) it read NOTICEABLY smaller than every other
     paragraph. Track --fs-body so the panel copy equals the rest of the text. */
  .fi-desc { font-size: var(--fs-body); }
  .fi-tag { margin-top: var(--s-4); }
}