.mk-reels-cover{display:block;position:relative;aspect-ratio:4/3;overflow:hidden;isolation:isolate;background:#101719}.mk-reels-cover .mk-reels-backdrop{position:absolute!important;inset:-8%!important;width:116%!important;height:116%!important;max-width:none!important;object-fit:cover!important;filter:blur(16px) brightness(.45)!important;transition:none!important;transform:none!important;pointer-events:none}.mk-reels-phone{position:absolute;z-index:1;top:6%;bottom:6%;left:50%;transform:translateX(-50%);aspect-ratio:9/16;border-radius:12% / 6.75%;padding:0;background:linear-gradient(105deg,#666,#111 9%,#050505 88%,#777);box-shadow:0 0 0 6px #080a0b,0 0 0 7px #747b80,0 0 0 9px #121517,9px 14px 30px #0009;box-sizing:border-box}.mk-reels-screen{display:block;position:relative;width:100%;height:100%;overflow:hidden;border-radius:12% / 6.75%;background:#070a0b}.mk-reels-cover .mk-reels-screen img{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;max-width:none!important;object-fit:contain!important;object-position:center!important;transform:none!important;filter:none!important}.mk-reels-screen:after{content:'';position:absolute;z-index:2;left:32%;right:32%;top:2%;height:3.6%;border-radius:999px;background:#030303;box-shadow:inset 0 0 0 1px #222}.mkp2-image.mk-reels-cover{aspect-ratio:4/3!important;height:auto!important}.mkp2-image.mk-reels-cover>img:not(.mk-reels-backdrop){visibility:hidden}#mk2026-reels-cover-preview{margin-top:14px;border-radius:8px;overflow:hidden}
/* Keep the backdrop unchanged; animate only the device. */
.mk-reels-phone{transition:transform .3s ease,box-shadow .3s ease}
.mkp2-cardlink:focus-visible .mk-reels-phone{transform:translate(-50%,-4px);box-shadow:0 0 0 6px #080a0b,0 0 0 7px #69c8d0,0 0 0 9px #121517,0 0 22px #11a9b026,9px 18px 34px #000a}
@media(hover:hover) and (pointer:fine){.mkp2-cardlink:hover .mk-reels-phone{transform:translate(-50%,-4px);box-shadow:0 0 0 6px #080a0b,0 0 0 7px #69c8d0,0 0 0 9px #121517,0 0 22px #11a9b026,9px 18px 34px #000a}}
@media(prefers-reduced-motion:reduce){.mk-reels-phone{transition:none}.mkp2-cardlink:hover .mk-reels-phone,.mkp2-cardlink:focus-visible .mk-reels-phone{transform:translateX(-50%)}}

/* Landscape pilot: enabled only on projects with TV mode selected. */
.mk-cover-tv{position:absolute;z-index:1;left:10%;right:10%;top:50%;aspect-ratio:16/9;transform:translateY(-50%);border-radius:3px;background:#080a0c;box-shadow:0 0 0 5px #07090b,0 0 0 6px #687177,0 0 0 8px #181c1e,0 12px 30px #0008;transition:transform .3s ease,box-shadow .3s ease}
.mk-cover-tv-screen{display:block;position:relative;width:100%;height:100%;overflow:hidden;border-radius:2px;background:#070a0b}
.mk-reels-cover .mk-cover-tv-screen img{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;max-width:none!important;object-fit:contain!important;object-position:center!important;filter:none!important;transform:none!important}
.mkp2-cardlink:focus-visible .mk-cover-tv{transform:translateY(calc(-50% - 4px));box-shadow:0 0 0 5px #07090b,0 0 0 6px #69c8d0,0 0 0 8px #181c1e,0 0 22px #11a9b026,0 18px 34px #000a}
@media(hover:hover) and (pointer:fine){.mkp2-cardlink:hover .mk-cover-tv{transform:translateY(calc(-50% - 4px));box-shadow:0 0 0 5px #07090b,0 0 0 6px #69c8d0,0 0 0 8px #181c1e,0 0 22px #11a9b026,0 18px 34px #000a}}
@media(prefers-reduced-motion:reduce){.mk-cover-tv{transition:none}.mkp2-cardlink:hover .mk-cover-tv,.mkp2-cardlink:focus-visible .mk-cover-tv{transform:translateY(-50%)}}

/* Match the portfolio devices inside project and service sliders. */
.mk2026-related .mk2026-related-photo.mk-reels-cover{display:block;position:relative;isolation:isolate}
.mk2026-related .mk2026-related-photo.mk-reels-cover > .mk-reels-phone,.mk2026-related .mk2026-related-photo.mk-reels-cover > .mk-cover-tv{padding:0;text-align:initial;font-size:initial}
.mk2026-related .mk2026-related-card .mk2026-related-photo.mk-reels-cover .mk-reels-backdrop{filter:blur(16px) brightness(.45)!important;transform:none!important;transition:none!important}
.mk2026-related .mk2026-related-card .mk2026-related-photo.mk-reels-cover .mk-reels-screen img,.mk2026-related .mk2026-related-card .mk2026-related-photo.mk-reels-cover .mk-cover-tv-screen img{filter:none!important;transform:none!important;object-fit:contain!important}
.mk2026-related .mk2026-related-card:focus-visible .mk-cover-tv{transform:translateY(calc(-50% - 4px));box-shadow:0 0 0 5px #07090b,0 0 0 6px #69c8d0,0 0 0 8px #181c1e,0 0 22px #11a9b026,0 18px 34px #000a}
.mk2026-related .mk2026-related-card:focus-visible .mk-reels-phone{transform:translate(-50%,-4px);box-shadow:0 0 0 6px #080a0b,0 0 0 7px #69c8d0,0 0 0 9px #121517,0 0 18px #11a9b026,9px 18px 34px #000a}
@media(hover:hover) and (pointer:fine){.mk2026-related .mk2026-related-card:hover .mk-cover-tv{transform:translateY(calc(-50% - 4px));box-shadow:0 0 0 5px #07090b,0 0 0 6px #69c8d0,0 0 0 8px #181c1e,0 0 22px #11a9b026,0 18px 34px #000a}.mk2026-related .mk2026-related-card:hover .mk-reels-phone{transform:translate(-50%,-4px);box-shadow:0 0 0 6px #080a0b,0 0 0 7px #69c8d0,0 0 0 9px #121517,0 0 18px #11a9b026,9px 18px 34px #000a}}
@media(prefers-reduced-motion:reduce){.mk2026-related .mk2026-related-card:hover .mk-cover-tv,.mk2026-related .mk2026-related-card:focus-visible .mk-cover-tv{transform:translateY(-50%)}.mk2026-related .mk2026-related-card:hover .mk-reels-phone,.mk2026-related .mk2026-related-card:focus-visible .mk-reels-phone{transform:translateX(-50%)}}