.elementor-7411 .elementor-element.elementor-element-695f58b{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-7411 .elementor-element.elementor-element-103f685{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-7411 .elementor-element.elementor-element-6c33465{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}:root{--page-title-display:none;}/* Start custom CSS for html, class: .elementor-element-f5ddcc1 */.ayc-project #films .films .film.landscape {
  width: 100%;
  max-width: 820px !important;
  margin: 0 auto 35px;
  justify-self: center;
}

/* Maintain correct widescreen proportions */
.ayc-project #films .video-frame {
  position: relative;
  width: 100%;
  height: auto;
  aspect-ratio: 16 / 9;
  overflow: hidden;
  border-radius: 18px;
}

/* Prevent portrait thumbnail from stretching */
.ayc-project #films .film-play {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
}

.ayc-project #films .film-play > img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

/* Keep YouTube player inside the frame */
.ayc-project #films .video-frame iframe {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  border: 0;
}

/* Mobile */
@media (max-width: 767px) {
  .ayc-project #films .films .film.landscape {
    max-width: 100% !important;
  }

  .ayc-project #films .video-frame {
    border-radius: 12px;
  }
}/* End custom CSS */