/* Portrait phones: reserve the upper half for the TV portrait and keep controls readable. */
@media (max-width: 760px) and (orientation: portrait) {
  html, body { width: 100%; min-height: 100%; overflow: hidden; }
  .video {
    width: 100vw;
    height: 100svh;
    object-position: 76% 24%;
    transform: scale(1.025);
  }
  .wash {
    background:
      linear-gradient(0deg, rgba(247,247,244,.96) 0%, rgba(247,247,244,.87) 29%, rgba(247,247,244,.46) 53%, rgba(247,247,244,.12) 82%),
      linear-gradient(90deg, rgba(247,247,244,.18), rgba(247,247,244,0));
  }
  .nav {
    padding: max(16px, env(safe-area-inset-top)) 18px 10px;
  }
  .brand { gap: 7px; }
  .brand b { font-size: clamp(23px, 7vw, 30px); }
  .star { font-size: 24px; }
  .hamburger { margin-right: -5px; min-width: 44px; min-height: 44px; }
  main.home {
    min-height: 100svh;
    align-items: flex-end;
    padding: 0 18px max(61px, calc(env(safe-area-inset-bottom) + 45px));
    touch-action: pan-y;
  }
  .hero { width: 100%; }
  .eyebrow {
    width: min(86vw, 390px);
    margin-bottom: 14px;
    font-size: clamp(13px, 3.8vw, 17px);
    line-height: 1.35;
    filter: blur(3px);
  }
  h1 {
    min-height: 0;
    max-width: 94vw;
    margin-bottom: 17px;
    font-size: clamp(28px, 7.8vw, 39px);
    line-height: 1.12;
  }
  .actions { gap: 7px 0; }
  .pill {
    min-height: 39px;
    margin-right: 6px;
    padding: .43em .78em;
    font-size: clamp(12px, 3.35vw, 15px);
  }
  .email { max-width: 100%; }
  .hint {
    right: 18px;
    bottom: max(15px, env(safe-area-inset-bottom));
    font-size: 9px;
  }
  .mobile { padding: 90px 24px max(30px, env(safe-area-inset-bottom)); }
  .mobile button { min-height: 56px; font-size: clamp(34px, 11vw, 48px); }
}

@media (max-width: 760px) and (orientation: portrait) and (max-height: 700px) {
  .video { object-position: 76% 18%; }
  main.home { padding-bottom: 39px; }
  .eyebrow { display: none; }
  h1 { margin-bottom: 10px; font-size: clamp(24px, 6.8vw, 31px); }
  .pill { min-height: 32px; font-size: 11px; padding: .35em .68em; }
  .hint { display: none; }
}

@media (max-width: 360px) and (orientation: portrait) {
  .brand b { font-size: 22px; }
  h1 { font-size: 27px; }
  .pill { font-size: 11px; }
}

@media (max-width: 920px) and (orientation: landscape) {
  .video { object-position: 69% center; transform: scale(1.01); }
  main.home { padding: 72px 6vw 24px; align-items: center; }
  .hero { width: min(52vw, 520px); }
  .eyebrow { font-size: 13px; margin-bottom: 10px; }
  h1 { min-height: 0; margin-bottom: 10px; font-size: clamp(23px, 4vw, 34px); }
  .pill { font-size: 11px; }
}