/* Real project: evapsy.com as a laptop and a phone playing scroll recordings of the live site. */
.work-stage{position:relative;z-index:2;max-width:1180px;margin:60px auto 0;padding:0 160px 76px 0;isolation:isolate}
.work-stage:before{content:'';position:absolute;inset:-8% -6% -2%;border-radius:50%;background:radial-gradient(ellipse,#a82c1d30,transparent 66%);z-index:-1;pointer-events:none}
.work-laptop{margin:0;filter:drop-shadow(0 30px 30px #0009)}
.work-screen{border:9px solid #282b2e;border-top-width:12px;border-radius:16px 16px 5px 5px;box-shadow:0 0 0 1px #777c7d77,inset 0 0 0 1px #000;overflow:hidden;background:#f4f3f0}
.work-screen .device-browser{padding:9px 14px;font-size:10px}.work-screen .browser-lights{font-size:8px}.work-screen .browser-address{font-size:11px;padding:3px 34px}
.work-video{display:block;width:100%;height:auto;aspect-ratio:16/10;object-fit:cover;background:#f4f3f0}
.work-laptop .laptop-base{height:16px;margin:0 -20px}
.work-phone{position:absolute;right:0;bottom:0;width:24%;max-width:250px;min-width:120px;margin:0;border:7px solid #292d30;border-radius:34px;background:#f4f3f0;box-shadow:0 0 0 1px #8a8e9080,0 30px 50px #000a;overflow:hidden;transform:rotate(3deg)}
.work-phone .phone-island{position:absolute;z-index:2;top:8px;left:50%;transform:translateX(-50%);width:32%;height:12px;border-radius:10px;background:#202427}
.work-phone .work-video{aspect-ratio:390/844}
.work-note{position:absolute;left:30px;bottom:0;font-family:var(--font-editorial);font-style:italic;font-size:26px;line-height:1.1;color:#baa990}
.work-facts{position:relative;z-index:2;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:32px;max-width:1180px;margin:70px auto 0}
.work-facts>div{border-top:1px solid #ffffff24;padding-top:20px}
.work-facts b{display:block;font-size:15px;font-weight:500;line-height:1.4;margin-bottom:10px;color:#f1dfc7}
.work-facts p{margin:0;font-size:13px;line-height:1.8;color:#a49ba5}
.work-actions{position:relative;z-index:2;display:flex;flex-wrap:wrap;align-items:center;gap:20px 34px;max-width:1180px;margin:48px auto 0}
.work-actions .text-link{color:#ddbd94}
@media(max-width:1000px){.work-stage{padding-right:96px}.work-facts{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.work-stage{margin-top:36px;padding:0 40px 96px 0}.work-screen{border-width:5px;border-top-width:8px;border-radius:10px 10px 3px 3px}.work-screen .device-browser{padding:5px 8px;font-size:7px}.work-screen .browser-address{font-size:8px;padding:2px 14px}.work-laptop .laptop-base{height:10px;margin:0 -12px}.work-phone{width:36%;border-width:5px;border-radius:22px}.work-phone .phone-island{top:5px;height:8px}.work-note{left:4px;max-width:56%;font-size:19px}.work-facts{grid-template-columns:1fr;gap:22px;margin-top:44px}}