.project-image.project-device-visual{overflow:hidden;background:radial-gradient(ellipse at 37% 25%,#25272c 0,#111215 43%,#08090b 77%);border:1px solid #ffffff18;isolation:isolate}.device-scene{position:absolute;top:50%;left:50%;width:100%;max-width:620px;aspect-ratio:8/5;transform:translate(-50%,-50%)}.device-floor{position:absolute;left:8%;right:5%;bottom:8%;height:3%;background:#0009;border-radius:50%;box-shadow:0 8px 18px 7px #0006}.device-monitor{position:absolute;left:2.5%;top:5.8%;width:76%}.device-monitor-frame{position:relative;padding:1.4% 1.4% 3.7%;background:linear-gradient(135deg,#65696f,#292c32 24%,#16191e 64%,#51555c);border:1px solid #7b8088;border-radius:2.2%/3.4%;box-shadow:0 12px 22px #0008,inset 0 1px 0 #ffffff65}.device-monitor-screen{position:relative;width:100%;aspect-ratio:16/10;overflow:hidden;border:1px solid #08090b;border-radius:1%/1.6%;background:#fff}.device-monitor-camera{position:absolute;top:.65%;left:49.65%;width:.7%;aspect-ratio:1;background:#080a0e;border-radius:50%;box-shadow:0 0 0 1px #ffffff12}.device-monitor-chin{position:absolute;bottom:1.1%;left:47%;width:6%;height:1px;background:#c1c6cb40}.device-monitor-neck{display:block;width:15%;aspect-ratio:1.75;margin:0 auto;background:linear-gradient(90deg,#25292e,#737981 48%,#363b42);clip-path:polygon(17% 0,83% 0,100% 100%,0 100%)}.device-monitor-foot{display:block;position:relative;width:39%;height:4px;margin:0 auto;border-top:1px solid #a3a9b16b;border-radius:50% 50% 15% 15%;background:linear-gradient(90deg,#34383f,#747b85,#292d33);box-shadow:0 5px 7px #0008}.device-phone{position:absolute;right:1.5%;bottom:4.5%;width:21%;aspect-ratio:.473;padding:1px;border:1px solid #a0a5ad;border-radius:15%/7.1%;background:linear-gradient(130deg,#c2c5c9,#3d4148 26%,#15171b 57%,#a0a4ab);box-shadow:-7px 9px 18px #0009,inset 0 0 0 1px #ffffff44}.device-phone-face{position:absolute;inset:1.2%;overflow:hidden;border:2px solid #101215;border-radius:14.5%/6.8%;background:#f5f5f5}.device-phone-status{position:absolute;inset:0 0 auto;height:7.5%;background:#f5f5f5}.device-phone-status>span{position:absolute;left:32%;top:24%;width:36%;height:42%;border-radius:20px;background:#050607}.device-phone-screen{position:absolute;inset:7.5% 1.3% 3%;overflow:hidden;border-radius:0 0 11% 11%/0 0 5% 5%;background:#fff}.device-phone-key{right:-2px;top:24%;height:12%;border-radius:1px}.device-phone-key,.device-phone-key:before{position:absolute;width:2px;background:#858a92}.device-phone-key:before{content:"";right:0;top:-105%;height:55%}.device-phone-home{position:absolute;left:35%;bottom:.9%;width:30%;height:1%;background:#14161a;border-radius:5px}.project-device-visual img{display:block;width:100%;height:100%;object-fit:cover;object-position:top;transform:none!important;transition:none}.project-device-visual .project-status{top:auto;bottom:10px;left:12px;padding:5px 9px;font-size:10px}@media (hover:hover){.project-device-visual:hover{border-color:#ffffff45}.project-device-visual:hover .device-monitor-frame{border-color:#b6bdc6}}@media (max-width:767px){.device-monitor-frame{box-shadow:0 8px 14px #0008}.device-phone{box-shadow:-4px 6px 11px #0008}.device-monitor-foot{height:3px}.project-device-visual .project-status{bottom:7px;left:8px;padding:3px 6px;font-size:9px}}.progressive-placeholder{position:absolute;inset:0;display:block;background-size:cover;background-position:top;background-repeat:no-repeat}.project-device-visual img.progressive-image{opacity:0;transition:opacity .18s ease-out}.project-device-visual img.progressive-image:not([data-enhanced=true]){display:none}.project-device-visual img.progressive-image[data-progressive-state=loaded]{opacity:1}@media (prefers-reduced-motion:reduce){.project-device-visual img.progressive-image{transition:none}}.device-monitor-screen,.device-phone-screen{isolation:isolate}.project-device-visual img{position:relative;z-index:1}.progressive-placeholder{z-index:0}