.stack-cinema-intro__dolby-vision-text-part {
  font-family: 'SFR-Bold', arial;
  font-weight: normal;
  font-style: normal;
  -webkit-font-smoothing: antialiased; }

/* UI ICONS */
/* ICONS */
.stack-cinema-intro {
  position: relative;
  overflow: hidden;
  padding-top: 50px;
  padding-bottom: 100px;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center; }
  @media (min-width: 768px) {
    .stack-cinema-intro {
      display: block;
      padding: 0; } }
  .stack-cinema-intro__mobile-background {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    object-fit: cover; }
    @media (min-width: 768px) {
      .stack-cinema-intro__mobile-background {
        display: none; } }
  .stack-cinema-intro__background {
    overflow: hidden;
    margin-top: 50px; }
    @media (min-width: 768px) {
      .stack-cinema-intro__background {
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        margin-top: 0;
        min-width: 100%;
        height: 100vh;
        width: 100vw; } }
  .stack-cinema-intro__background-content {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center; }
    @media (min-width: 768px) {
      .stack-cinema-intro__background-content {
        position: absolute;
        top: 50%;
        left: 50%;
        width: 100%;
        height: 100%;
        transform: translate(-50%, -50%);
        display: block; } }
  .stack-cinema-intro__room {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    display: none; }
    .stack-cinema-intro__room > img {
      min-width: 100%;
      width: 100%;
      object-fit: cover; }
    @media (min-width: 768px) {
      .stack-cinema-intro__room {
        width: auto;
        display: block; }
        .stack-cinema-intro__room > img {
          object-fit: initial; } }
  .stack-cinema-intro__tv {
    position: relative;
    width: 85%; }
    @media (min-width: 768px) {
      .stack-cinema-intro__tv {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 30%; } }
  .stack-cinema-intro__tv-content > img {
    width: 100%; }
  .stack-cinema-intro__screen-content {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: hidden;
    margin: 0.4% 0.5% 1.5% 0.5%; }
    .stack-cinema-intro__screen-content > * {
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      width: 100%;
      opacity: 0; }
    .stack-cinema-intro__screen-content > *:first-child {
      opacity: 1; }
  .stack-cinema-intro__screen {
    opacity: 1; }
  .stack-cinema-intro__text-container {
    position: relative;
    text-align: center;
    margin-top: 20px; }
    @media (min-width: 768px) {
      .stack-cinema-intro__text-container {
        margin-top: 150px;
        text-align: left; } }
  @media (min-width: 768px) and (max-height: 900px) {
    .stack-cinema-intro__text-container {
      margin-top: 50px; } }
    @media (min-width: 768px) {
      .stack-cinema-intro__text-container h2, .stack-cinema-intro__text-container p {
        opacity: 0; } }
    .stack-cinema-intro__text-container h2 + p {
      margin-top: 18px; }
  .stack-cinema-intro__tv-atmos-anim {
    width: 369px;
    height: 456px;
    position: absolute;
    bottom: -180px;
    right: -50px;
    opacity: 0; }
  .stack-cinema-intro__dolby-vision-text {
    position: absolute;
    bottom: 20px;
    right: 0;
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    align-items: center;
    width: 100%;
    opacity: 0; }
  .stack-cinema-intro__dolby-vision-text-part {
    font-size: 18px;
    color: white;
    text-transform: uppercase; }
  .stack-cinema-intro__phone {
    width: 25%;
    height: auto;
    position: absolute;
    bottom: -30%;
    right: 50px;
    opacity: 0; }
    .stack-cinema-intro__phone > img {
      width: 100%; }
  .stack-cinema-intro__phone-screen {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: 26% 6% 30% 6%;
    overflow: hidden; }
    .stack-cinema-intro__phone-screen > * {
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      width: 100%; }