.device[data-astro-cid-mw5pzzol]{position:relative;width:clamp(220px,25vw,300px);aspect-ratio:1179/2556;margin:0 auto;transition:transform .45s var(--ease-out);will-change:transform}.device[data-astro-cid-mw5pzzol]:hover{transform:scale(1.035)}.device-frame[data-astro-cid-mw5pzzol]{position:absolute;inset:0;border-radius:15.5%/7.1%;padding:3%;background:linear-gradient(150deg,#71717c,#26262d 16%,#16161b,#2b2b33 80%,#646470);box-shadow:0 70px 130px -50px #000000d9,0 24px 50px -30px #0009,inset 0 1.5px 1px #ffffff80,inset 0 0 0 1px #ffffff1f,inset 0 -1.5px 1px #ffffff38}.device-screen[data-astro-cid-mw5pzzol]{position:relative;width:100%;height:100%;border-radius:12.6%/5.8%;overflow:hidden;background:#000;box-shadow:0 0 0 2.5px #000,0 0 0 3.5px #ffffff0f}.device-screen[data-astro-cid-mw5pzzol]:after{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;background:linear-gradient(118deg,#ffffff1a,#ffffff06 22%,#fff0 34%)}.device-island[data-astro-cid-mw5pzzol]{position:absolute;top:2.1%;left:50%;transform:translate(-50%);z-index:3;width:28.5%;height:3.4%;border-radius:999px;background:#000;box-shadow:inset 0 0 2px 1px #ffffff0d}.device-screen[data-astro-cid-mw5pzzol] img,.device-screen[data-astro-cid-mw5pzzol] video{width:100%;height:100%;object-fit:cover;display:block}.device-btn[data-astro-cid-mw5pzzol]{position:absolute;width:4px;background:linear-gradient(90deg,#5b5b66,#2a2a31 55%,#1b1b21)}.device-btn-action[data-astro-cid-mw5pzzol]{left:-2.5px;top:16.5%;height:4.6%;border-radius:3px 0 0 3px}.device-btn-vol-up[data-astro-cid-mw5pzzol]{left:-2.5px;top:25.5%;height:7.6%;border-radius:3px 0 0 3px}.device-btn-vol-dn[data-astro-cid-mw5pzzol]{left:-2.5px;top:35%;height:7.6%;border-radius:3px 0 0 3px}.device-btn-power[data-astro-cid-mw5pzzol]{right:-2.5px;top:26%;height:11.5%;border-radius:0 3px 3px 0;background:linear-gradient(90deg,#1b1b21,#2a2a31 45%,#5b5b66)}.device-btn-cam[data-astro-cid-mw5pzzol]{right:-2.5px;top:63%;height:5.4%;border-radius:0 3px 3px 0;background:linear-gradient(90deg,#1b1b21,#2a2a31 45%,#5b5b66)}.device-ph[data-astro-cid-mw5pzzol]{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:radial-gradient(120% 80% at 50% 0%,color-mix(in oklab,var(--violet) 22%,transparent),transparent 60%)}.device-ph-grid[data-astro-cid-mw5pzzol]{position:absolute;inset:0;opacity:.5;background-image:linear-gradient(var(--glass-ln) 1px,transparent 1px),linear-gradient(90deg,var(--glass-ln) 1px,transparent 1px);background-size:28px 28px;mask-image:radial-gradient(120% 80% at 50% 10%,#000,transparent 75%)}.device-ph-label[data-astro-cid-mw5pzzol]{position:relative;z-index:1;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--dim);background:var(--glass);border:1px solid var(--glass-ln);padding:5px 12px;border-radius:999px;backdrop-filter:blur(6px)}.mframe[data-astro-cid-hzrykcym]{position:relative;width:100%;aspect-ratio:var(--ratio);border-radius:24px;overflow:hidden;border:1px solid var(--glass-ln);background:linear-gradient(180deg,var(--bg-elev),var(--bg));box-shadow:var(--shadow-tile);transition:transform .45s var(--ease-out),box-shadow .45s var(--ease-out);will-change:transform}.mframe[data-astro-cid-hzrykcym]:hover{transform:scale(1.025);box-shadow:var(--shadow-tile-hover)}.mframe[data-astro-cid-hzrykcym] img,.mframe[data-astro-cid-hzrykcym] video{width:100%;height:100%;object-fit:cover;display:block}.mframe-ph[data-astro-cid-hzrykcym]{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:radial-gradient(100% 80% at 70% 0%,color-mix(in oklab,var(--cyan) 28%,transparent),transparent 60%),radial-gradient(90% 70% at 20% 100%,color-mix(in oklab,var(--violet) 14%,transparent),transparent 65%)}.mframe-grid[data-astro-cid-hzrykcym]{position:absolute;inset:0;opacity:.9;background-image:linear-gradient(var(--glass-ln) 1px,transparent 1px),linear-gradient(90deg,var(--glass-ln) 1px,transparent 1px);background-size:36px 36px;mask-image:radial-gradient(120% 90% at 60% 10%,#000,transparent 72%)}.mframe-label[data-astro-cid-hzrykcym]{position:relative;z-index:1;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--dim);background:var(--glass);border:1px solid var(--glass-ln);padding:5px 12px;border-radius:999px;backdrop-filter:blur(6px)}