/* Live mockup (case pages) + video covers (works cards) */
.lm { position: relative; width: 100%; overflow: hidden; background: #1a1918; }
.lm__plate { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; display: block; }
.lm__stage { position: absolute; left: 0; top: 0; transform-origin: 0 0; pointer-events: none; }
.lm__screen { position: absolute; left: 0; top: 0; transform-origin: 0 0; overflow: hidden; background: #050505; backface-visibility: hidden; }
.lm__screen video { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: 50% 0; display: block; }
.lm__notch { position: absolute; left: 0; right: 0; top: 0; height: 2.6%; background: #000; }
.lm__screen--notch video { top: 2.6%; height: 97.4%; }
.lm__glass { position: absolute; inset: 0; pointer-events: none;
  background: linear-gradient(118deg, rgba(255,255,255,.07) 0%, rgba(255,255,255,.025) 32%, rgba(255,255,255,0) 33%, rgba(255,255,255,0) 100%);
  box-shadow: inset 0 0 0 1px rgba(0,0,0,.35), inset 0 0 18px rgba(0,0,0,.18); }
.lm__occ { position: absolute; left: 0; top: 0; max-width: none; }

.main_item-image.case_media img, .main_item-image.case_media .lm { width: 100%; height: auto; display: block; }

/* video cover in a works card: same box as the card image */
.work_item video.work_cover { width: 100%; height: 869px; object-fit: cover; display: block; background: #111; }
@media (max-width: 1440px) { .work_item video.work_cover { height: auto; aspect-ratio: 1 / 1; } }
/* case pages: "more projects" row of 3 — keep the square cover whole */
.case_others .work_item video.work_cover { height: auto; aspect-ratio: 1 / 1; }

/* the site hides .main_item-image video on phones (≤500px); the live mockup must keep its screen video */
.main_item-image .lm video { display: block !important; }

/* home: 3 latest projects — keep the square cover whole */
.home_new_cases .work_item video.work_cover { height: auto; aspect-ratio: 1 / 1; }