/* Native portfolio device presentation — no remote screenshot/compositing service. */
.mt-device-showcase{position:relative;min-height:520px;display:flex;align-items:center;justify-content:center;padding:clamp(1.1rem,3vw,2.4rem);border:1px solid rgba(17,19,24,.07);border-radius:34px;background:radial-gradient(circle at 86% 10%,rgba(22,199,163,.17),transparent 32%),radial-gradient(circle at 10% 90%,rgba(90,103,255,.13),transparent 34%),linear-gradient(145deg,#f7f8fb,#fff 54%,#f2f8f7);overflow:hidden}
.mt-device-link{position:relative;display:block;width:min(100%,980px);height:100%;color:inherit;text-decoration:none}
.mt-laptop{position:relative;width:94%;margin:0 auto 2rem;filter:drop-shadow(0 28px 32px rgba(17,19,24,.16));transform:translateX(-1.2%)}
.mt-laptop-lid{position:relative;padding:2.25% 2.35% 2.6%;border-radius:22px 22px 10px 10px;background:linear-gradient(145deg,#222833,#090b0f 72%);box-shadow:inset 0 0 0 1px rgba(255,255,255,.12)}
.mt-laptop-camera{position:absolute;top:.75%;left:50%;width:5px;height:5px;transform:translateX(-50%);border-radius:50%;background:#4a515b;z-index:2}
.mt-laptop-screen{position:relative;aspect-ratio:16/10;overflow:hidden;border-radius:9px;background:#fff}
.mt-laptop-screen img{width:100%;height:100%;display:block;object-fit:contain;object-position:top center;background:#f6f8fa}.mt-device-showcase.desktop-fit-cover .mt-laptop-screen img{object-fit:cover}.mt-device-showcase.desktop-fit-contain .mt-laptop-screen img{object-fit:contain}.mt-device-showcase.desktop-position-top-center .mt-laptop-screen img{object-position:top center}.mt-device-showcase.desktop-position-center-center .mt-laptop-screen img{object-position:center center}.mt-device-showcase.desktop-position-top-left .mt-laptop-screen img{object-position:top left}
.mt-laptop-base{position:absolute;left:-4%;right:-4%;bottom:-4.8%;height:5.8%;border-radius:2px 2px 15px 15px;background:linear-gradient(180deg,#e8ebef,#aab1ba 64%,#7b838d);box-shadow:0 7px 12px rgba(17,19,24,.18)}
.mt-laptop-base span{position:absolute;left:42%;right:42%;top:0;height:35%;border-radius:0 0 8px 8px;background:#c7ccd2}
.mt-phone{position:absolute;right:-1.5%;bottom:0;width:21.5%;z-index:4;filter:drop-shadow(0 25px 26px rgba(17,19,24,.24))}
.mt-phone-shell{position:relative;padding:5%;border-radius:30px;background:linear-gradient(145deg,#252b33,#080a0d 75%);box-shadow:inset 0 0 0 1px rgba(255,255,255,.14)}
.mt-phone-island{position:absolute;z-index:3;top:2.7%;left:50%;transform:translateX(-50%);width:34%;height:2.5%;min-height:7px;border-radius:999px;background:#08090b}
.mt-phone-screen{aspect-ratio:390/844;overflow:hidden;border-radius:23px;background:#fff}
.mt-phone-screen img{width:100%;height:100%;display:block;object-fit:cover;object-position:top center}
.mt-device-showcase.no-mobile .mt-laptop{width:92%;margin-bottom:0}.mt-device-showcase.no-desktop .mt-phone{position:relative;right:auto;bottom:auto;width:34%;margin:auto}
.mt-device-showcase.is-compact{min-height:0;aspect-ratio:16/10;padding:.8rem;border-radius:20px}.mt-device-showcase.is-compact .mt-device-link{width:100%}.mt-device-showcase.is-compact .mt-laptop{width:90%;margin-bottom:1rem;transform:translateX(-1%)}.mt-device-showcase.is-compact .mt-laptop-lid{border-radius:12px 12px 5px 5px}.mt-device-showcase.is-compact .mt-laptop-screen{border-radius:4px}.mt-device-showcase.is-compact .mt-phone{width:20.5%;right:-1%;bottom:0}.mt-device-showcase.is-compact .mt-phone-shell{border-radius:15px}.mt-device-showcase.is-compact .mt-phone-screen{border-radius:11px}.mt-device-showcase.is-compact .mt-phone-island{min-height:3px}
.mt-device-empty{min-height:260px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;gap:.5rem;padding:2rem;border:1px dashed #c8cdd5;border-radius:28px;background:#f7f8fa;color:#5e6672}.mt-device-empty strong{color:#17191e;font-size:1.05rem}
.mt-project-facts{padding:1.5rem;border:1px solid rgba(17,19,24,.08);border-radius:24px;background:#fff;box-shadow:0 18px 48px rgba(17,19,24,.05)}.mt-project-facts-kicker{margin:0 0 1rem;font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;font-weight:800;color:#717784}.mt-project-facts dl{margin:0}.mt-project-facts dl>div{padding:.85rem 0;border-top:1px solid rgba(17,19,24,.07)}.mt-project-facts dt{margin-bottom:.28rem;font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;color:#7b818b}.mt-project-facts dd{margin:0;line-height:1.55;font-weight:560}.mt-project-facts .mt-live-project-link{margin-top:1rem;width:100%;justify-content:center;box-sizing:border-box}
@media(max-width:781px){.mt-device-showcase{min-height:360px;padding:1rem;border-radius:24px}.mt-laptop{width:94%;margin-bottom:1.5rem;transform:translateX(-1%)}.mt-laptop-lid{border-radius:13px 13px 6px 6px}.mt-laptop-screen{border-radius:5px}.mt-phone{width:25%;right:-2%}.mt-phone-shell{border-radius:18px}.mt-phone-screen{border-radius:14px}.mt-device-showcase.no-desktop .mt-phone{width:46%}.mt-device-showcase.is-compact{aspect-ratio:16/11}}