/* ============================================================
   CODSHIPX AI R18-R13
   FINAL CINEMATIC OPTICAL ZOOM

   R12 proved the actual runtime selector.
   R13 now crops the large BLACK padding baked into the MP4.
   ============================================================ */

/* CODSHIPX_AI_R18_R13_BEGIN */


/* ============================================================
   DESKTOP / FULL CINEMATIC FRAME
   ============================================================ */

@media (min-width:901px){

  .r7-r24-codi-entry video,
  .r7-r24-cinematic .r7-r24-codi-entry video,
  .r7-r24-cinematic video{

    left:50% !important;
    top:46.5% !important;

    /*
     * Keep R12 physical canvas.
     * Zoom INSIDE that canvas to remove baked black margins.
     */
    transform:
      translate3d(-50%,-50%,0)
      scale(2.55) !important;

    transform-origin:
      50% 50% !important;

    /*
     * Small finishing grade only.
     */
    filter:
      brightness(1.06)
      contrast(1.075)
      saturate(1.07) !important;

    backface-visibility:hidden !important;
    will-change:transform !important;
  }

}


/* ============================================================
   LARGE DESKTOP / FULL-HD+
   ============================================================ */

@media (min-width:1800px) and (min-height:850px){

  .r7-r24-codi-entry video,
  .r7-r24-cinematic .r7-r24-codi-entry video,
  .r7-r24-cinematic video{

    top:46.5% !important;

    transform:
      translate3d(-50%,-50%,0)
      scale(2.65) !important;
  }

}


/* ============================================================
   1366 / LOW-HEIGHT LAPTOP
   ============================================================ */

@media (min-width:901px) and (max-height:820px){

  .r7-r24-codi-entry video,
  .r7-r24-cinematic .r7-r24-codi-entry video,
  .r7-r24-cinematic video{

    top:45.5% !important;

    transform:
      translate3d(-50%,-50%,0)
      scale(2.32) !important;
  }

}


/* ============================================================
   TABLET LANDSCAPE
   ============================================================ */

@media (max-width:900px) and (orientation:landscape){

  .r7-r24-codi-entry video,
  .r7-r24-cinematic .r7-r24-codi-entry video,
  .r7-r24-cinematic video{

    top:47% !important;

    transform:
      translate3d(-50%,-50%,0)
      scale(1.55) !important;
  }

}


/* ============================================================
   PORTRAIT TABLET
   R12 already uses 155vw physical width.
   Avoid excessive double zoom.
   ============================================================ */

@media (max-width:900px) and (orientation:portrait){

  .r7-r24-codi-entry video,
  .r7-r24-cinematic .r7-r24-codi-entry video,
  .r7-r24-cinematic video{

    top:48% !important;

    transform:
      translate3d(-50%,-50%,0)
      scale(1.08) !important;
  }

}


/* ============================================================
   PHONE
   R12 already uses 175vw physical width.
   ============================================================ */

@media (max-width:520px){

  .r7-r24-codi-entry video,
  .r7-r24-cinematic .r7-r24-codi-entry video,
  .r7-r24-cinematic video{

    top:47.5% !important;

    transform:
      translate3d(-50%,-50%,0)
      scale(1.04) !important;
  }

}


/* ============================================================
   FINAL CINEMA PERIMETER
   ============================================================ */

.r7-r24-cinematic::before{
  background:

    linear-gradient(
      180deg,
      rgba(0,0,0,.18) 0%,
      rgba(0,0,0,.025) 11%,
      transparent 24%,
      transparent 74%,
      rgba(0,0,0,.045) 88%,
      rgba(0,0,0,.23) 100%
    ),

    radial-gradient(
      ellipse 91% 84% at 50% 47%,
      transparent 0%,
      transparent 61%,
      rgba(0,0,0,.025) 71%,
      rgba(0,0,0,.11) 86%,
      rgba(0,0,0,.36) 100%
    ) !important;
}


/* ============================================================
   SUBTLE CENTRAL ENERGY DEPTH
   ============================================================ */

.r7-r24-cinematic::after{
  background:

    radial-gradient(
      circle at 50% 46%,
      rgba(128,255,58,.045) 0%,
      rgba(103,255,48,.016) 14%,
      rgba(65,255,40,.004) 30%,
      transparent 46%
    ),

    radial-gradient(
      ellipse 64% 45% at 50% 47%,
      rgba(38,73,255,.011) 0%,
      transparent 74%
    ) !important;

  opacity:.70 !important;
}


/* ============================================================
   BRAND FOOTER SAFE ZONE
   ============================================================ */

.r7-r24-codi-entry::before{
  bottom:28px !important;
}

.r7-r24-codi-entry::after{
  bottom:27px !important;
}


/* CODSHIPX_AI_R18_R13_END */