/* Product presentation only: real screen assets keep their own pixels and aspect. */
.device-stage{container-type:inline-size;position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(130deg,#e5e6f6,#dbe5f4);height:440px;color:#30344c}.devices-pessel{background:linear-gradient(130deg,#e2e7ef,#e9edf3)}.devices-miso{background:linear-gradient(135deg,#ece3f1,#f1e7e1 80%)}.devices-hh{background:linear-gradient(130deg,#dbe4f0,#e6def1)}.device-light{position:absolute;inset:0;background:radial-gradient(ellipse at 40% 10%,#ffffffc0,transparent 65%);pointer-events:none;z-index:-1}.device-stage:after{content:'';position:absolute;bottom:13%;left:11%;width:78%;height:4%;background:#26305a21;border-radius:50%;filter:blur(13px);z-index:-1}.product-laptop{position:absolute;left:8%;top:14%;width:min(68%,455px);transform:perspective(1100px) rotateY(6deg) rotateZ(-3deg);transform-origin:center}.product-browser{background:#2a2d3d;border:5px solid #303343;border-radius:10px 10px 7px 7px;overflow:hidden;box-shadow:0 18px 32px #2d365a26,0 0 0 1px #ffffff70}.device-browser-bar{display:flex;justify-content:space-between;gap:8px;align-items:center;background:#e9ebf1;color:#8790a3;height:23px;padding:0 9px;line-height:1}.device-browser-bar>span{display:flex;gap:3px}.device-browser-bar i{width:4px;height:4px;border-radius:50%;background:#b5bdcc;display:block}.device-browser-bar>b{font-size:clamp(4px,.9cqw,7px);font-weight:500;white-space:nowrap}.device-browser-bar>em{font-size:9px;font-style:normal}.device-browser-content{aspect-ratio:1.6;overflow:hidden;background:#f8faff}.device-stage .device-browser-content>img{display:block;width:100%;height:auto;max-width:none;border-radius:0;box-shadow:none;object-fit:initial;object-position:initial}.laptop-base{position:relative;height:11px;background:linear-gradient(180deg,#c1c8d3,#a6afc0 45%,#606c80);width:112%;margin-left:-6%;border-radius:2px 2px 45% 45%;box-shadow:0 10px 15px #2d365a20}.laptop-base:before{content:'';position:absolute;left:40%;top:0;width:20%;height:3px;background:#738097;border-radius:0 0 7px 7px}.product-phone{position:absolute;width:min(24%,160px);aspect-ratio:390/844;right:7%;top:8%;border:5px solid #2c3043;border-radius:24px;background:#2c3043;box-shadow:0 19px 35px #25305635,0 0 0 1px #f8faffb0;transform:rotate(5deg);overflow:hidden;z-index:2}.device-phone-content{position:absolute;inset:0;border-radius:18px;overflow:hidden;background:#f8fafc}.device-stage .device-phone-content>img{width:100%;height:100%;object-fit:cover;object-position:top;border-radius:0;box-shadow:none}.phone-speaker{position:absolute;width:23%;height:3px;background:#171c2c;border-radius:5px;top:3px;left:38.5%;z-index:3;opacity:.6}.phone-home{position:absolute;bottom:3px;width:28%;height:2px;border-radius:5px;background:#20243e;opacity:.4;left:36%;z-index:3}.device-roles{position:absolute;left:8%;right:8%;bottom:36px;display:flex;justify-content:space-between;gap:15px;align-items:center;font-size:clamp(6px,1.2cqw,9px);color:#68728e}.device-roles span{border-bottom:1px solid #99a3bd60;padding-bottom:5px}.device-disclosure{position:absolute;bottom:15px;left:8%;right:8%;text-align:center;font-size:clamp(5px,.95cqw,7px);color:#8991a9;line-height:1.6}.devices-pessel .pessel-website-window{position:absolute;width:min(70%,475px);left:7%;top:13%;transform:rotate(-4deg)}.devices-pessel .pessel-planning-window{position:absolute;width:min(47%,320px);right:7%;top:42%;transform:rotate(5deg);border-width:4px}.pessel-planning-window .device-browser-bar{height:18px}.pessel-planning-window .device-browser-content{aspect-ratio:1.75}.devices-pessel .device-roles{bottom:30px}.devices-pessel .device-disclosure{bottom:10px}.miso-report{position:absolute;top:10%;right:20%;width:min(36%,245px);aspect-ratio:.73;background:#fffdfa;border:1px solid white;border-radius:3px;padding:5% 4%;box-shadow:0 18px 35px #6d4e7320;transform:rotate(6deg);color:#684d70;overflow:hidden}.miso-report>span{font-size:clamp(4px,.8cqw,6px);letter-spacing:.07em;color:#ae95b4;white-space:nowrap}.miso-report h4{font-size:clamp(11px,3cqw,21px);line-height:1.15;letter-spacing:-.045em;margin:12% 0 9%;font-weight:650}.miso-report>p{font-size:clamp(5px,1.2cqw,8px);line-height:1.7;color:#a18ba8}.miso-report>div{border-top:1px solid #e6dce9;margin-top:10%;padding-top:6%}.miso-report b{font-size:clamp(5px,1.2cqw,8px);display:block}.miso-report div>span{display:block;font-size:clamp(4px,.9cqw,6px);color:#ae9ab5;margin-top:5%}.miso-report i{display:block;width:90%;height:3px;background:#e8dfec;border-radius:3px;margin-top:5%}.miso-report i:last-child{width:65%}.miso-report>small{display:block;font-size:clamp(3px,.75cqw,5px);color:#ad98b5;margin-top:12%}.devices-miso .miso-phone{right:auto;left:17%;top:8%;width:min(24%,160px);transform:rotate(-5deg);border-color:#4b3c58;background:#4b3c58}.miso-phone-ui{padding:14% 10%;color:#62476b;height:100%;background:#fffcfa}.miso-phone-ui>header{display:flex;align-items:center;gap:5px}.miso-phone-ui header img{width:17%;height:auto;border-radius:0;box-shadow:none}.miso-phone-ui header b{font-size:clamp(5px,1.15cqw,8px);font-weight:600}.miso-phone-ui>span{display:block;font-size:clamp(3px,.65cqw,4px);letter-spacing:.09em;color:#a18aa8;margin-top:17%}.miso-phone-ui h4{font-size:clamp(10px,2.6cqw,18px);line-height:1.15;letter-spacing:-.05em;font-weight:650;margin:12% 0}.device-dayparts{display:flex;gap:2%;align-items:center;font-size:clamp(3px,.65cqw,5px);margin-top:15%;white-space:nowrap}.device-dayparts>*{padding:5% 4%;border-radius:20px}.device-dayparts>b{background:#eadff0}.miso-phone-ui>p{font-size:clamp(4px,1.05cqw,7px);line-height:1.7;color:#947b9f;margin-top:16%}.device-note-field{font-size:clamp(3px,.8cqw,5px);border:1px solid #e9dfed;border-radius:5px;margin-top:15%;padding:8%;color:#aa94b2}.device-note-field>i{display:block;height:2px;background:#eee6f2;width:90%;margin-top:9%}.device-note-field>i:last-child{width:60%}.device-feeling{font-size:clamp(3px,.8cqw,5px);margin-top:17%;color:#9a82a4}.device-feeling>i{display:block;height:3px;border-radius:10px;background:linear-gradient(90deg,#bcdac6,#dbbaca);margin-top:13%;position:relative}.device-feeling>i:after{content:'';position:absolute;width:5px;height:5px;border-radius:50%;left:45%;top:-1px;background:#85618f}.device-save{background:#785484;border-radius:20px;font-size:clamp(3px,.75cqw,5px);padding:8%;color:white;margin-top:20%;text-align:center}.miso-phone-ui>small{display:block;font-size:clamp(3px,.65cqw,4px);color:#b29aba;margin-top:15%}.product-tv{position:absolute;width:min(76%,520px);left:6%;top:19%;transform:perspective(1000px) rotateY(5deg) rotateZ(-3deg)}.tv-screen{border:6px solid #27364a;background:linear-gradient(120deg,#14263b,#30435c);border-radius:8px;color:#edf6ff;box-shadow:0 17px 30px #1e355332;padding:4%;aspect-ratio:1.8}.tv-screen>header{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:3%}.tv-screen header b{font-size:clamp(5px,1.3cqw,9px);letter-spacing:.11em;font-weight:600}.tv-screen header span{font-size:clamp(3px,.75cqw,5px);color:#a8bfd7;display:block}.tv-screen header>strong{font-size:clamp(13px,4cqw,29px);line-height:1;font-weight:400}.tv-ui-cards{display:grid;grid-template-columns:1.15fr 1fr 1fr;gap:3%}.tv-ui-cards>div{background:#ffffff08;border:1px solid #ffffff15;border-radius:4px;padding:clamp(8px,1.8cqw,13px) clamp(7px,1.4cqw,10px);min-height:0}.tv-ui-cards>div>span{font-size:clamp(3px,.7cqw,5px);letter-spacing:.06em;color:#adc3db}.tv-ui-cards h4{font-size:clamp(8px,2.3cqw,16px);line-height:1.2;font-weight:600;letter-spacing:-.035em;margin:16% 0}.tv-ui-cards p{font-size:clamp(4px,1cqw,7px);line-height:1.6;color:#a8c1dc;margin-top:11%}.tv-ui-cards p>b{font-weight:400;color:#deebfa;font-size:inherit;display:block}.tv-screen>small{display:block;color:#819bb9;font-size:clamp(3px,.6cqw,4px);margin-top:3%}.tv-foot{position:absolute;width:13%;height:11px;background:linear-gradient(180deg,#728399,#364961);bottom:-9px;border-radius:2px;box-shadow:0 5px 9px #26355725}.tv-foot-left{left:14%;transform:skew(-30deg)}.tv-foot-right{right:14%;transform:skew(30deg)}.devices-hh .hh-control-phone{right:6%;top:21%;width:min(20%,135px);transform:rotate(5deg);border-color:#293e58}.hh-phone-ui{background:#f9fcff;height:100%;padding:16% 11%;color:#304b69}.hh-phone-ui>span{font-size:clamp(3px,.7cqw,5px);letter-spacing:.07em;color:#8ba0b9}.hh-phone-ui h4{font-size:clamp(10px,2.6cqw,18px);line-height:1.15;font-weight:650;letter-spacing:-.04em;margin:19% 0}.hh-phone-ui>div{border:1px solid #dce5f0;border-radius:5px;background:#fff;padding:12% 10%;margin-top:13%}.hh-phone-ui b{font-size:clamp(4px,1cqw,7px);font-weight:600;display:block}.hh-phone-ui div>span{font-size:clamp(3px,.7cqw,5px);color:#90a3ba;display:block;margin-top:8%;white-space:nowrap}.hh-phone-ui>small{display:block;color:#a0afc0;font-size:clamp(3px,.6cqw,4px);margin-top:20%}
/* The overview reserves its top area for the existing project title. */
.work-project-media .device-stage{height:540px}.work-project-media .device-roles,.work-project-media .device-disclosure{display:none}.work-project-media .product-laptop{top:39%;width:68%;left:6%}.work-project-media .patient-phone{top:34%;width:24%;right:7%}.work-project-media .pessel-website-window{top:38%;width:75%}.work-project-media .pessel-planning-window{top:58%;width:48%}.work-project-media .miso-phone{top:34%;width:25%;left:18%}.work-project-media .miso-report{top:38%;width:36%;right:11%;padding:5% 4%}.work-project-media .product-tv{top:41%;width:78%}.work-project-media .hh-control-phone{top:44%;width:21%}
@media(max-width:1050px){.exp-project-image>.device-stage{height:430px}.work-project-media .device-stage{height:510px}.work-project-media .product-laptop{top:44%}.work-project-media .patient-phone{top:42%;width:24%}.work-project-media .pessel-website-window{top:42%}.work-project-media .pessel-planning-window{top:62%}.work-project-media .miso-phone{top:39%;width:26%}.work-project-media .miso-report{top:44%;width:41%}.work-project-media .product-tv{top:47%}.work-project-media .hh-control-phone{top:47%;width:23%}}
@media(max-width:800px){.exp-project-image>.device-stage{height:440px}.exp-project-image .product-laptop{top:26%;width:77%;left:5%}.exp-project-image .patient-phone{top:20%;width:27%;right:6%}.exp-project-image .pessel-website-window{top:23%;width:80%;left:5%}.exp-project-image .pessel-planning-window{top:46%;width:62%;right:5%}.exp-project-image .miso-phone{top:17%;left:13%;width:29%}.exp-project-image .miso-report{top:24%;right:10%;width:47%}.exp-project-image .product-tv{top:29%;width:81%;left:4%}.exp-project-image .hh-control-phone{top:35%;width:25%;right:5%}.work-project-media .device-stage{height:470px}.work-project-media .product-laptop{top:48%}.work-project-media .patient-phone{top:43%;width:25%}.work-project-media .pessel-website-window{top:46%}.work-project-media .pessel-planning-window{top:65%}.work-project-media .miso-phone{top:43%;width:27%}.work-project-media .miso-report{top:48%;width:42%}.work-project-media .product-tv{top:50%}.work-project-media .hh-control-phone{top:52%;width:23%}.product-browser{border-width:4px}.product-phone{border-width:4px;border-radius:18px}.device-phone-content{border-radius:13px}.device-browser-bar{height:18px;padding:0 6px}.device-browser-bar i{width:3px;height:3px}.device-browser-bar>em{font-size:7px}.laptop-base{height:8px}.tv-screen{border-width:4px}.device-roles{left:6%;right:6%;bottom:36px}.device-disclosure{bottom:17px}}
@media(max-width:650px){.exp-project-image>.device-stage{height:320px}.exp-project-image .product-laptop{top:19%;width:73%;left:6%}.exp-project-image .patient-phone{top:11%;width:24%;right:7%}.exp-project-image .pessel-website-window{top:16%;width:75%;left:6%}.exp-project-image .pessel-planning-window{top:46%;width:53%;right:6%}.exp-project-image .miso-phone{top:10%;left:17%;width:25%}.exp-project-image .miso-report{top:15%;right:11%;width:43%}.exp-project-image .product-tv{top:22%;width:79%;left:5%}.exp-project-image .hh-control-phone{top:28%;width:22%;right:6%}.device-roles{bottom:30px;left:7%;right:7%;gap:10px;font-size:7px}.device-disclosure{bottom:12px;font-size:6px}.work-project-media .device-stage{height:470px}.work-project-media .product-laptop{top:43%;width:74%}.work-project-media .patient-phone{top:38%;width:25%}.work-project-media .pessel-website-window{top:42%;width:75%}.work-project-media .pessel-planning-window{top:64%;width:52%}.work-project-media .miso-phone{top:37%;width:25%;left:18%}.work-project-media .miso-report{top:42%;width:40%;right:11%}.work-project-media .product-tv{top:46%;width:78%}.work-project-media .hh-control-phone{top:46%;width:22%}}
@media(max-width:360px){.exp-project-image>.device-stage{height:290px}.device-roles{font-size:6px;bottom:28px}.device-disclosure{font-size:5px;bottom:12px}.device-browser-bar{height:15px}.pessel-planning-window .device-browser-bar{height:13px}.product-browser{border-width:3px;border-radius:6px}.product-phone{border-width:3px;border-radius:15px}.device-phone-content{border-radius:11px}.work-project-media .device-stage{height:445px}.work-project-media .product-laptop{top:48%}.work-project-media .patient-phone{top:43%}.work-project-media .pessel-website-window{top:46%}.work-project-media .pessel-planning-window{top:65%}.work-project-media .miso-phone{top:43%;width:26%}.work-project-media .miso-report{top:47%;width:41%}.work-project-media .product-tv{top:51%}.work-project-media .hh-control-phone{top:50%;width:23%}}
@media(prefers-reduced-motion:reduce){.device-stage *{animation:none;transition:none}}



.device-stage .device-roles{display:none}


.devices-miso .miso-real-window{padding:0;left:6%;right:auto;top:22%;width:69%;transform:rotate(-5deg);border:0;background:transparent;box-shadow:0 20px 40px #35304c25;overflow:visible}.devices-miso .miso-real-window:before,.devices-miso .miso-real-window:after{display:none}.devices-miso .miso-real-window .product-browser{width:100%;border:5px solid #34323e;border-radius:10px;overflow:hidden}.devices-miso .miso-real-window img{display:block;width:100%;height:auto;max-width:100%;border:0;border-radius:0;box-shadow:none;transform:none}.devices-miso .miso-phone{left:auto;right:6%;top:10%;width:24%;padding:0}.devices-miso .miso-phone img{display:block;width:100%;height:auto;border:0;border-radius:0;box-shadow:none;transform:none}.work-project-media .devices-miso .miso-real-window{left:5%;right:auto;top:44%;width:69%;padding:0}.work-project-media .devices-miso .miso-phone{left:auto;right:5%;top:34%;width:24%}
@media(max-width:650px){.devices-miso .miso-real-window{top:26%;width:70%;left:5%}.devices-miso .miso-phone{top:9%;right:5%;width:25%}.work-project-media .devices-miso .miso-real-window{top:45%;width:68%}.work-project-media .devices-miso .miso-phone{top:35%;width:24%}}

.devices-miso .miso-real-window{position:absolute;aspect-ratio:auto;height:auto}.devices-miso .miso-real-window>.product-browser{margin:0;padding:0}

.hh-original-devices .tv-screen{padding:0;aspect-ratio:16/9;overflow:hidden;background:#101a22}.hh-original-devices .tv-screen>img{display:block;width:100%;height:auto;border:0;border-radius:0;box-shadow:none;transform:none}.hh-original-devices .hh-control-phone{padding:0}.hh-original-devices .hh-control-phone img{display:block;width:100%;height:auto;border:0;border-radius:0;box-shadow:none;transform:none}

/* Device integration: retain full captures and reserve real screen safe areas. */
.devices-er .device-browser-content{aspect-ratio:16/9;background:#f8fafc}.devices-er .device-browser-content>img{width:100%;height:100%;object-fit:contain}.devices-er .device-phone-content>img{object-fit:contain;background:#f8fafc}