/* Real project screens in a consistent, restrained presentation. */
.pm-cover.dream-cover,.pm-cover.mad-cover{display:block;padding:0;isolation:isolate;border-color:#293f3920}
.pm-cover .cover-index{z-index:4;color:#31413e;opacity:1;font-size:9px;letter-spacing:1.7px}
.pm-stage{position:relative;width:100%;height:100%;min-height:0;overflow:hidden;container-type:inline-size}
.pm-dream{background:radial-gradient(ellipse at 45% 35%,#fafbf9 0%,#e5edeb 55%,#d0dedb 100%)}
.pm-mad{background:radial-gradient(ellipse at 45% 35%,#e9e9f2 0%,#d3d5e3 55%,#b9becf 100%)}
.pm-window{position:absolute;background:#fff;border:1px solid #ffffffcc;border-radius:7px;overflow:hidden;box-shadow:0 20px 35px -15px #25383055,0 2px 5px #25383015}
.pm-browserbar{height:22px;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:0 10px;background:#f5f6f5;border-bottom:1px solid #23372f14;font:7px/1.2 'DM Sans',Arial,sans-serif;color:#596560;white-space:nowrap}
.pm-dots{display:flex;gap:3px}.pm-dots i{width:3px;height:3px;border:1px solid #aeb9b3;border-radius:50%}.pm-bar-end{font-size:9px;color:#7d8c84}
.pm-screen{width:100%;height:calc(100% - 22px);overflow:hidden;background:#fff}.pm-screen img{display:block;width:100%;height:auto;max-width:none;border:0;border-radius:0}
.pm-desktop{left:7%;top:21%;width:78%;height:61%}
.pm-secondary{right:5%;bottom:11%;width:36%;height:43%;z-index:2;box-shadow:0 18px 30px -12px #25383065}
.pm-secondary .pm-browserbar{font-size:6px;height:17px;padding:0 6px}.pm-secondary .pm-screen{height:calc(100% - 17px)}
.pm-mad .pm-desktop{left:6%;width:76%;height:64%;top:20%}
.pm-phone{position:absolute;right:6%;bottom:10%;width:19%;height:62%;border:3px solid #2c333e;border-radius:17px;background:#2c333e;z-index:2;box-shadow:0 17px 26px -10px #26314870;overflow:hidden;padding:9px 2px 8px}
.pm-phone-screen{height:100%;overflow:hidden;border-radius:10px;background:#c9c7df}.pm-phone-screen img{display:block;width:100%;height:auto}.pm-phone-camera{position:absolute;width:28%;height:3px;background:#13181e;left:36%;top:3px;border-radius:3px}.pm-phone-home{position:absolute;bottom:3px;left:34%;width:32%;height:2px;border-radius:4px;background:#a6a9b0}
.pm-bottom-label{position:absolute;bottom:5%;left:7%;font:7px/1.2 'DM Sans',Arial,sans-serif;letter-spacing:1.5px;color:#4f625b}
.project-cat:hover .pm-cover,.project-mad:hover .pm-cover{border-radius:0;transform:translateY(-5px)}
.pm-case-hero{max-width:1120px;margin:45px auto 70px;padding:0 24px}.pm-case-hero .pm-stage{height:auto;aspect-ratio:1.65;border:1px solid #293f3920}.pm-case-hero .pm-desktop{top:13%;height:69%;left:7%;width:77%}.pm-case-hero .pm-browserbar{height:32px;font-size:11px;padding:0 15px}.pm-case-hero .pm-screen{height:calc(100% - 32px)}.pm-case-hero .pm-dots{gap:5px}.pm-case-hero .pm-dots i{width:5px;height:5px}.pm-case-hero .pm-secondary{height:52%;width:36%;bottom:9%}.pm-case-hero .pm-secondary .pm-browserbar{height:24px;font-size:9px}.pm-case-hero .pm-secondary .pm-screen{height:calc(100% - 24px)}.pm-case-hero .pm-phone{height:74%;width:18%;bottom:9%;border-width:5px;border-radius:25px;padding:13px 3px 12px}.pm-case-hero .pm-phone-screen{border-radius:16px}.pm-case-hero .pm-bottom-label{font-size:10px;bottom:4%}.pm-case-caption{font:12px/1.6 'DM Sans',Arial,sans-serif;margin:12px 0 0;color:#50665e}
@media(max-width:760px){.pm-cover .cover-index{font-size:8px;letter-spacing:1.2px}.pm-case-hero{padding:0 18px;margin:30px auto 45px}.pm-case-hero .pm-browserbar{height:20px;font-size:6px;padding:0 7px}.pm-case-hero .pm-screen{height:calc(100% - 20px)}.pm-case-hero .pm-secondary .pm-browserbar{height:16px;font-size:5px}.pm-case-hero .pm-secondary .pm-screen{height:calc(100% - 16px)}.pm-case-hero .pm-dots{gap:3px}.pm-case-hero .pm-dots i{width:3px;height:3px}.pm-case-hero .pm-phone{border-width:3px;border-radius:14px;padding:8px 1px 7px}.pm-case-hero .pm-phone-screen{border-radius:8px}.pm-case-hero .pm-bottom-label{font-size:6px;letter-spacing:1px}.pm-case-caption{font-size:11px}}
.pm-cover .pm-dream .pm-desktop{left:6%;top:18%;width:82%;height:69%}.pm-cover .pm-dream .pm-secondary{width:30%;height:40%;right:4%;bottom:8%}.pm-cover .pm-dream .pm-bottom-label{bottom:3.5%}

/* DreamPurr: floating page sheets inspired by the supplied references. */
.pm-dream.dp-scene{background:radial-gradient(ellipse at 65% 28%,#d8e5df 0%,#b8cec7 48%,#9db9b3 100%);perspective:1100px}
.dp-sheet{position:absolute;margin:0;background:#fff;border:1px solid #fff9;overflow:hidden;box-shadow:0 22px 25px -14px #254b4566,0 3px 7px #254b4518;transform:rotateX(14deg) rotateY(-13deg) rotateZ(-16deg);transform-origin:center}
.dp-sheet img{display:block;width:100%;height:auto;max-width:none;border:0;border-radius:0}
.dp-sheet-main{left:35%;top:14%;width:51%;height:74%;z-index:2}
.dp-sheet-directory{left:-1%;top:24%;width:35%;height:47%;z-index:1}
.dp-sheet-profile{left:18%;top:65%;width:20%;height:35%;z-index:3;transform:rotateX(14deg) rotateY(-13deg) rotateZ(-16deg)}
.dp-scene-note{position:absolute;left:6%;bottom:5%;max-width:17%;font:6px/1.8 'DM Sans',Arial,sans-serif;letter-spacing:1.2px;color:#294b43}
.pm-case-hero .dp-sheet-main{height:76%;top:12%}.pm-case-hero .dp-scene-note{font-size:10px;max-width:18%}
.projects>.project{margin-top:0}.projects>.project:nth-child(2){margin-top:140px}.projects>.project:nth-child(3){margin-top:-90px}
@media(max-width:760px){.projects>.project:nth-child(n){margin-top:0}.pm-case-hero .dp-scene-note{font-size:5px;letter-spacing:.8px}}