/* Keep the film composition spacious without pinning copy to a short viewport. */
@media (max-width: 767px), (max-width: 900px) and (max-height: 550px) {
  .section.hero-home {
    height: auto !important;
    min-height: max(740px, 100svh) !important;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    padding: 160px 6vw 160px !important;
    box-sizing: border-box;
  }
  .editorial-copy { position: relative; inset: auto !important; width: 100%; max-width: none; }
  .editorial-copy h1 { font-size: clamp(38px, 10.8vw, 72px) !important; overflow-wrap: normal; }
  .editorial-actions { flex-wrap: wrap; gap: 16px 20px; }
  .editorial-actions a { min-height: 48px; box-sizing: border-box; }
  .editorial-foot { bottom: 88px !important; right: 6vw !important; gap: 18px; }
  .editorial-foot > span { max-width: calc(100% - 62px); line-height: 1.5; }
  .editorial-brand { top: max(28px, env(safe-area-inset-top)) !important; }
  .marketing-main-nav { top: max(22px, env(safe-area-inset-top)) !important; }
  #seny-audio, #seny-audio:has(.live-transcript:not([hidden])) {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 28px;
    min-height: 0 !important;
    padding: 48px 6vw 36px !important;
  }
  #seny-audio .audio-visual,
  #seny-audio:has(.live-transcript:not([hidden])) .audio-visual {
    position: relative;
    inset: auto !important;
    height: auto !important;
    margin: 0;
    translate: none !important;
    display: flex;
    flex-direction: column;
  }
  #seny-audio .audio-stage { height: 210px !important; flex: none; }
  #seny-audio .audio-meta, #seny-audio .audio-meta.bottom {
    position: static;
    width: 100%;
    gap: 12px;
    flex-wrap: wrap;
  }
  #seny-audio .audio-meta.bottom { margin-top: 16px !important; }
  #seny-audio .audio-center { left: 50% !important; right: auto; transform: translateX(-50%); max-width: 100%; white-space: normal; text-align: center; }
  #seny-audio .audio-disclaimer { font-size: 12px !important; line-height: 1.6 !important; }
  #seny-audio .live-transcript { padding: 16px; max-height: min(260px, 40dvh); }
  #marketing-drawer { padding-bottom: max(24px, env(safe-area-inset-bottom)); }
  #marketing-drawer nav > a > span:nth-child(2) { font-size: clamp(26px, 8vw, 32px); }
  .drawer-top { flex-shrink: 0; }
  .drawer-bottom { flex-shrink: 0; }
  #early-access { max-height: calc(100dvh - 24px); overscroll-behavior: contain; }
  #early-access h2 { font-size: clamp(36px, 10.8vw, 54px); }
  .industry-film-dialog, #banner-film-dialog { max-height: calc(100dvh - 24px); box-sizing: border-box; }
  .industry-film-dialog video, #banner-film-dialog video { max-height: calc(100dvh - 110px); }
}
@media (max-width: 900px) {
  .preview-label { display: none !important; }
  .hello-actions { flex-wrap: wrap; }
}
/* The transcript is interactive even though the decorative signal is not. */
.live-transcript { pointer-events: auto; touch-action: pan-y; overflow-wrap: anywhere; -webkit-overflow-scrolling: touch; }
.live-transcript p > span { min-width: 0; }
@media (max-height: 550px) {
  .drawer-top { margin-bottom: 24px; }
  #marketing-drawer nav > a { padding: 16px 0; }
  .drawer-bottom { padding-top: 24px; }
}