@media (max-width: 700px) and (orientation: portrait) {
  #fcInterfaceFilmSystem {
    --fc-interface-film-mobile-visual-zone: clamp(220px, 60vw, 250px);
    box-sizing: border-box;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    grid-template-rows: auto auto !important;
    align-items: start !important;
    min-height: 100svh !important;
    height: auto !important;
    overflow-x: clip !important;
    overflow-y: visible !important;
    padding: clamp(88px, 22vw, 104px) clamp(20px, 6vw, 28px)
      clamp(72px, 18vw, 88px) !important;
    row-gap: 48px !important;
  }

  #fcInterfaceFilmSystem .fc-interface-film-right {
    grid-column: 1;
    grid-row: 1;
    width: 100% !important;
    max-width: 390px !important;
    min-width: 0 !important;
    margin: 0 auto !important;
    padding: 0 !important;
    align-self: start !important;
  }

  #fcInterfaceFilmSystem .fc-interface-film-kicker {
    margin-bottom: 14px !important;
    font-size: 10px !important;
    line-height: 1.2 !important;
  }

  #fcInterfaceFilmSystem .fc-interface-film-right h2 {
    width: 100% !important;
    max-width: 100% !important;
    margin-bottom: 18px !important;
    font-size: clamp(34px, 10vw, 42px) !important;
    line-height: 0.98 !important;
  }

  #fcInterfaceFilmSystem .fc-interface-film-lead {
    width: 100% !important;
    max-width: 360px !important;
    margin-bottom: 22px !important;
    font-size: 15px !important;
    line-height: 1.45 !important;
  }

  #fcInterfaceFilmSystem .fc-interface-film-copy {
    width: 100% !important;
    max-width: 380px !important;
    margin-bottom: 28px !important;
    font-size: 13px !important;
    line-height: 1.65 !important;
  }

  #fcInterfaceFilmSystem .fc-interface-film-nav {
    width: 100% !important;
    max-width: 390px !important;
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    column-gap: 10px !important;
    row-gap: 10px !important;
    margin: 0 !important;
  }

  #fcInterfaceFilmSystem .fc-interface-film-nav button {
    box-sizing: border-box;
    width: 100% !important;
    min-width: 0 !important;
    min-height: 44px !important;
    height: auto !important;
    padding: 8px 10px !important;
    white-space: normal !important;
    text-align: left !important;
    font-size: 11px !important;
    line-height: 1.25 !important;
  }

  #fcInterfaceFilmSystem .fc-interface-film-left {
    grid-column: 1;
    grid-row: 2;
    display: block !important;
    width: 100% !important;
    max-width: 390px !important;
    min-width: 0 !important;
    min-height: 0 !important;
    height: auto !important;
    margin: 0 auto !important;
    padding: 0 !important;
    align-self: start !important;
  }

  #fcInterfaceFilmSystem #fcInterfaceFilmStage {
    box-sizing: border-box;
    position: relative !important;
    width: 100% !important;
    max-width: 390px !important;
    min-width: 0 !important;
    min-height: 0 !important;
    height: auto !important;
    aspect-ratio: auto !important;
    margin: 0 !important;
    padding: var(--fc-interface-film-mobile-visual-zone) 0 0 !important;
    overflow: visible !important;
  }

  #fcInterfaceFilmSystem .fc-interface-film-stage-glow,
  #fcInterfaceFilmSystem #fcInterfaceFilmMediaLayer,
  #fcInterfaceFilmSystem .fc-interface-film-panel {
    position: absolute !important;
    inset: 0 0 auto 0 !important;
    width: 100% !important;
    height: var(--fc-interface-film-mobile-visual-zone) !important;
    max-width: 100% !important;
  }

  #fcInterfaceFilmSystem #fcInterfaceFilmMediaLayer {
    overflow: hidden !important;
  }

  #fcInterfaceFilmSystem #fcInterfaceFilmSceneImage {
    position: absolute !important;
    inset: 0 !important;
    top: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    max-width: 100% !important;
    object-fit: contain !important;
    object-position: center center !important;
  }

  #fcInterfaceFilmSystem #fcInterfaceFilmStage::after {
    inset: 0 0 auto 0 !important;
    width: 100% !important;
    height: var(--fc-interface-film-mobile-visual-zone) !important;
    pointer-events: none !important;
  }

  #fcInterfaceFilmSystem #fcInterfaceFilmLabel,
  #fcInterfaceFilmSystem #fcInterfaceFilmCodeLayer,
  #fcInterfaceFilmSystem #fcInterfaceFilmMeta {
    box-sizing: border-box;
    position: relative !important;
    inset: auto !important;
    top: auto !important;
    right: auto !important;
    bottom: auto !important;
    left: auto !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    height: auto !important;
    padding: 0 !important;
    transform: none !important;
    white-space: normal !important;
    text-align: left !important;
  }

  #fcInterfaceFilmSystem #fcInterfaceFilmLabel {
    margin: 16px 0 0 !important;
  }

  #fcInterfaceFilmSystem #fcInterfaceFilmCodeLayer {
    margin: 12px 0 0 !important;
  }

  #fcInterfaceFilmSystem .fc-interface-film-code-window {
    box-sizing: border-box;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    flex-wrap: wrap !important;
    justify-content: flex-start !important;
    align-items: center !important;
    column-gap: 14px !important;
    row-gap: 10px !important;
    overflow: visible !important;
  }

  #fcInterfaceFilmSystem .fc-interface-film-tech-link {
    max-width: 100% !important;
    white-space: nowrap !important;
  }

  #fcInterfaceFilmCodeLayer .fc-interface-film-tech-bubble em {
    white-space: normal !important;
  }

  #fcInterfaceFilmCodeLayer .fc-tech-css .fc-interface-film-tech-bubble {
    left: -60px !important;
    right: auto !important;
    transform: translateY(8px) !important;
  }

  #fcInterfaceFilmCodeLayer .fc-tech-css:hover .fc-interface-film-tech-bubble,
  #fcInterfaceFilmCodeLayer .fc-tech-css:focus-visible .fc-interface-film-tech-bubble {
    transform: translateY(0) !important;
  }

  #fcInterfaceFilmCodeLayer .fc-tech-js .fc-interface-film-tech-bubble {
    left: -119px !important;
    right: auto !important;
  }

  #fcInterfaceFilmCodeLayer .fc-tech-ts .fc-interface-film-tech-bubble {
    left: auto !important;
    right: 0 !important;
    transform: translateY(8px) !important;
  }

  #fcInterfaceFilmCodeLayer .fc-tech-ts:hover .fc-interface-film-tech-bubble,
  #fcInterfaceFilmCodeLayer .fc-tech-ts:focus-visible .fc-interface-film-tech-bubble {
    transform: translateY(0) !important;
  }

  #fcInterfaceFilmCodeLayer .fc-tech-woo .fc-interface-film-tech-bubble {
    left: 0 !important;
    right: auto !important;
  }

  #fcInterfaceFilmSystem #fcInterfaceFilmMeta {
    margin: 12px 0 0 !important;
    font-size: 12px !important;
    line-height: 1.45 !important;
    text-wrap: pretty !important;
    overflow: visible !important;
  }

  #fcInterfaceFilmSystem[data-mode="web-panels"] #fcInterfaceFilmMeta {
    position: relative !important;
    inset: auto !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    transform: none !important;
  }

  #fcInterfaceFilmSystem[data-mode="identity-motion"] #fcInterfaceFilmMeta {
    position: relative !important;
    inset: auto !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    transform: none !important;
  }

  #fcInterfaceFilmSystem[data-mode="publication-systems"] #fcInterfaceFilmMeta {
    position: relative !important;
    inset: auto !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    transform: none !important;
  }

  #fcInterfaceFilmSystem[data-mode="web-panels"] #fcInterfaceFilmLabel,
  #fcInterfaceFilmSystem[data-mode="identity-motion"] #fcInterfaceFilmLabel,
  #fcInterfaceFilmSystem[data-mode="publication-systems"] #fcInterfaceFilmLabel {
    position: relative !important;
    inset: auto !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    transform: none !important;
  }
}

@media
  (min-width: 700px)
  and (max-width: 700px)
  and (min-height: 880px)
  and (max-height: 920px)
  and (orientation: portrait) {
  #fcInterfaceFilmSystem .fc-interface-film-kicker,
  #fcInterfaceFilmSystem .fc-interface-film-right h2,
  #fcInterfaceFilmSystem .fc-interface-film-lead,
  #fcInterfaceFilmSystem .fc-interface-film-copy {
    width: 520px !important;
    max-width: 520px !important;
    margin-left: -65px !important;
    margin-right: -65px !important;
  }
}