.demo-trigger{position:relative;display:block;width:100%;aspect-ratio:16/9;padding:0;overflow:hidden;border:0;border-radius:18px;background:var(--night);box-shadow:0 20px 45px rgba(7,19,15,.2);cursor:pointer;isolation:isolate;transition:transform .35s ease,box-shadow .35s ease}.demo-trigger::after{content:"";position:absolute;inset:0;background:linear-gradient(115deg,rgba(3,12,8,.3),transparent 58%,rgba(3,12,8,.24));transition:background .35s ease}.demo-trigger img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .55s ease}.demo-play{position:absolute;left:25px;bottom:23px;z-index:1;display:inline-flex;align-items:center;gap:18px;padding:13px 16px;border-radius:999px;background:var(--lime);color:var(--ink);font:800 13px Manrope,Arial,sans-serif;transition:transform .35s ease}.demo-play .play-icon{width:12px;height:14px;flex:none}.demo-trigger:hover{transform:translateY(-6px);box-shadow:0 28px 54px rgba(7,19,15,.28)}.demo-trigger:hover img{transform:scale(1.035)}.demo-trigger:hover::after{background:linear-gradient(115deg,rgba(3,12,8,.15),transparent 58%,rgba(3,12,8,.13))}.demo-trigger:hover .demo-play{transform:translateX(5px)}@media(max-width:700px){.demo-trigger{border-radius:13px;box-shadow:0 14px 30px rgba(7,19,15,.2)}.demo-play{left:15px;bottom:15px;padding:11px 14px;font-size:12px}}