.pr .pr-image{background:radial-gradient(ellipse at 45% 35%,#fff,#e9edf0 85%)}
.pr-devices{position:absolute;inset:24px 17px 18px;direction:ltr}
.pr-laptop{position:absolute;width:86%;left:1%;top:49%;transform:translateY(-50%)}
.pr-laptop-screen{aspect-ratio:16/10;overflow:hidden;border:6px solid #24282d;border-radius:12px 12px 3px 3px;background:#fff;box-shadow:0 20px 35px rgba(30,39,50,.16)}
.pr .pr-laptop-screen img,.pr .pr-phone img{width:100%;height:100%;object-fit:cover;object-position:center top}
.pr-laptop-base{display:block;position:relative;left:-5%;width:110%;height:9px;border-radius:1px 1px 50% 50%;background:linear-gradient(#e1e4e7,#9da5ae);box-shadow:0 8px 12px rgba(30,39,50,.12)}
.pr-laptop-base::after{content:'';position:absolute;width:16%;height:3px;left:42%;top:0;background:#8b929a;border-radius:0 0 5px 5px}
.pr-phone{position:absolute;width:24%;aspect-ratio:9/19;right:1%;bottom:1%;overflow:hidden;border:5px solid #20252b;border-radius:19px;background:#fff;box-shadow:0 15px 26px rgba(17,26,38,.25)}
.pr-phone::after{content:'';position:absolute;top:3px;left:36%;width:28%;height:5px;border-radius:8px;background:#20252b}
.pr .pr-website-link{display:inline-flex;align-items:center;gap:8px;margin-top:14px;padding-bottom:3px;border-bottom:1px solid #bac0c6;font-size:13px;color:#18212c;text-decoration:none}
.pr .pr-website-link:focus-visible{outline:2px solid #4296f4;outline-offset:4px}
.pr[dir=rtl] .pr-card h3{font-family:'Segoe UI',Tahoma,Arial,sans-serif;letter-spacing:0;font-size:27px;line-height:1.4}
.project-visual--paired{display:grid;grid-template-columns:minmax(0,2.5fr) minmax(0,1fr);gap:22px;align-items:start}
.project-visual--paired figure{min-width:0;margin:0}
.project-visual--paired img{height:auto;max-height:none;object-fit:contain}
.project-visual--paired figcaption{padding:14px 0 4px;color:#717982;font-size:13px;text-align:center}
@media(max-width:700px){
  .pr-devices{inset:17px 13px 13px}.pr-laptop-screen{border-width:4px;border-radius:8px 8px 2px 2px}.pr-laptop-base{height:6px}.pr-phone{border-width:3px;border-radius:12px}.pr-phone::after{height:3px;top:2px}
  .pr .pr-card p{font-size:13px;line-height:1.6}.pr[dir=rtl] .pr-card h3{font-size:23px}.pr .pr-website-link{font-size:12px}
  .project-visual--paired{grid-template-columns:minmax(0,1fr);gap:26px}.project-visual--paired figure:last-child{width:75%;margin-inline:auto}
}