.project-cover.cover-devices{isolation:isolate;aspect-ratio:1.4;background:radial-gradient(ellipse at 10% 0%, color-mix(in srgb, var(--project-accent) 30%, transparent), transparent 78%), linear-gradient(140deg, #171325, #090d15);border:1px solid #ffffff25;border-radius:16px;position:relative;overflow:hidden}.cover-devices .project-cover-index{letter-spacing:2px;color:#d7cadcaa;font-size:9px;position:absolute;top:23px;left:26px}.cover-devices .project-cover-caption{color:#d0c3de99;text-align:right;max-width:42%;font-size:9px;position:absolute;inset:24px 26px auto auto}.cover-devices .project-cover-brand{letter-spacing:-1.5px;color:#f2edf7;font-size:clamp(28px,3.1vw,44px);font-weight:600;line-height:1.1;position:absolute;top:52px;left:26px;right:20px}.cover-devices .project-cover-brand.is-long{letter-spacing:-.7px;font-size:clamp(21px,2.1vw,30px)}.cover-devices .device-stage{aspect-ratio:1.5;width:82%;transition:translate .35s;position:absolute;bottom:2%;left:9%}.project-cover.cover-devices .device-stage img{object-fit:cover;object-position:center top;filter:none;border-radius:0;width:100%;height:100%;padding:0;transition:none;display:block;position:static;mask-image:none;transform:none!important}.project-cover.cover-devices .device-stage .device-hardware{object-fit:contain;z-index:0;position:absolute;inset:0}.device-display{z-index:1;background:#fff;position:absolute;overflow:hidden}.device-display-monitor{clip-path:polygon(0 0,100% 0,100% 92.7%,70% 92.7%,70% 100%,0 100%);width:58%;height:42.55%;top:7.75%;left:11.85%}.device-display-laptop{z-index:2;width:38.8%;height:33.8%;top:49.15%;left:53.2%}.device-display-phone{z-index:3;border-radius:10%/4%;width:11.05%;height:37.35%;top:55.15%;left:8.15%}.device-display-phone:after{content:"";aspect-ratio:1;background:#080a10;border-radius:50%;width:9%;position:absolute;top:1.4%;left:45.5%}.project-cover.cover-devices .device-display-phone img{object-fit:cover;object-position:50% top}.portfolio-card-link:hover .device-stage,.portfolio-spotlight:hover .device-stage{translate:0 -3px}.case-visual .cover-devices .project-cover-brand{max-width:28%;font-size:clamp(35px,5vw,65px);top:95px;left:40px}.case-visual .cover-devices .project-cover-brand.is-long{font-size:clamp(25px,3vw,43px)}.case-visual .cover-devices .project-cover-caption{text-align:left;max-width:27%;inset:auto auto 40px 40px}.home-page .project-image>.cover-devices{aspect-ratio:auto;border:0;border-radius:0;height:100%}@media (width<=800px){.cover-devices .project-cover-index{font-size:8px;top:18px;left:18px}.cover-devices .project-cover-caption{font-size:8px;top:19px;right:18px}.cover-devices .project-cover-brand{font-size:30px;top:47px;left:18px}.cover-devices .project-cover-brand.is-long{font-size:22px}}@media (width<=550px){.project-cover.cover-devices,.portfolio-spotlight>.project-cover.cover-devices,.case-visual>.project-cover.cover-devices{aspect-ratio:1.15}.cover-devices .device-stage,.case-visual .cover-devices .device-stage{width:96%;bottom:3%;left:2%}.case-visual .cover-devices .project-cover-brand{max-width:90%;font-size:30px;top:47px;left:18px}.case-visual .cover-devices .project-cover-brand.is-long{font-size:22px}.case-visual .cover-devices .project-cover-caption{text-align:right;max-width:42%;font-size:8px;inset:19px 18px auto auto}}@media (prefers-reduced-motion:reduce){.cover-devices .device-stage{transition:none;translate:none!important}}.cover-devices .device-stage{width:100%;bottom:0;left:0}.device-display-tablet{z-index:3;box-sizing:border-box;border:8px solid #17191f;border-bottom-width:13px;border-radius:9px;width:22%;height:47%;top:41%;left:4.5%;box-shadow:0 0 0 1px #a7a3b1,0 7px 14px #0007}.device-display-tablet:after{content:"";border:1px solid #6d6b74;border-radius:50%;width:4px;height:4px;position:absolute;bottom:-10px;left:48%}.device-display-phone{z-index:4;box-shadow:0 0 0 3px #17191f,0 0 0 4px #8b8798}@media (width<=550px){.project-cover.cover-devices,.portfolio-spotlight>.project-cover.cover-devices,.case-visual>.project-cover.cover-devices{aspect-ratio:1.3}.cover-devices .device-stage,.case-visual .cover-devices .device-stage{width:100%;bottom:0;left:0}.device-display-tablet{border-width:5px 5px 8px}}.device-display-monitor{clip-path:none;box-sizing:border-box;border:6px solid #191a20;border-bottom-width:9px;border-radius:7px;width:70%;height:48%;top:4%;left:8%;box-shadow:0 0 0 1px #8b829c}.device-display-phone{width:10%;height:31%;top:62%;left:28%}@media (width<=550px){.device-display-monitor{border-width:4px 4px 6px}}.device-display-monitor{clip-path:polygon(0 0,100% 0,100% 73.4%,52.4% 73.4%,52.4% 100%,0 100%);width:82%;height:64%;top:0;left:9%}.cover-devices .device-stage:before{content:"";z-index:0;background:linear-gradient(90deg,#25242e,#66616f 45%,#302e3b);width:7%;height:15%;position:absolute;top:63%;left:46%}.cover-devices .device-stage:after{content:"";z-index:0;background:linear-gradient(#8c849b,#393541);border-radius:2px;width:25%;height:3%;position:absolute;top:77%;left:37%;box-shadow:0 3px 5px #0005}.project-cover.cover-devices .device-stage .device-hardware{clip-path:polygon(52% 47%,100% 47%,100% 100%,48% 100%,48% 90%,52% 90%)}.cover-devices .project-cover-index,.cover-devices .project-cover-caption{display:none}.project-cover.cover-devices .device-stage .device-display img{object-fit:contain;object-position:center;background:#fff}.device-display-phone{width:11%;height:26%;top:65%}.device-display-monitor{clip-path:polygon(0 0,100% 0,100% 61%,52.4% 61%,52.4% 100%,0 100%);height:77%}.cover-devices .device-stage:before{height:12%;top:76%}.cover-devices .device-stage:after{top:87%}.project-cover.cover-devices .device-stage .device-hardware{z-index:1}.device-display-monitor{z-index:2}.device-display-laptop{z-index:3}.device-display-tablet{z-index:4}.device-display-phone{z-index:5}.case-visual .project-cover.cover-devices{aspect-ratio:1.65}.case-visual .cover-devices .device-stage{width:84%;bottom:3%;left:8%}@media (width<=550px){.case-visual .project-cover.cover-devices{aspect-ratio:1.3}.case-visual .cover-devices .device-stage{width:96%;bottom:4%;left:2%}}