.portfolio-stack{perspective:1200px;overflow:visible}.portfolio-stack__scene{width:100%;height:100%;transform-style:preserve-3d;transition:transform .28s ease-out;position:relative;transform:rotateY(6deg)rotateX(2deg)}.portfolio-browser,.portfolio-phone{border:1px solid #ffffff26;transition:inset .28s ease-out,width .28s ease-out,transform .28s ease-out;position:absolute;overflow:hidden}.portfolio-browser{background:#e4e5e4;border-radius:7px;width:72%}.portfolio-browser--back{z-index:10;top:1%;left:2%;transform:rotate(-2deg)translateZ(-15px);box-shadow:0 10px 24px #0c151638}.portfolio-browser--front{z-index:20;top:29%;right:2%;transform:rotate(2deg)translateZ(12px);box-shadow:0 18px 36px #0c151659}.portfolio-browser__bar{direction:ltr;background:#d9dcdb;align-items:center;gap:6px;height:20px;padding:0 7px;display:flex}.portfolio-browser__dots{flex:none;gap:3px;display:flex}.portfolio-browser__dot{background:#9da3a1;border-radius:9999px;width:4px;height:4px}.portfolio-browser__address{color:#858b89;text-align:center;white-space:nowrap;background:#eef0ef;border-radius:9999px;flex:1;min-width:0;font-family:Arial,sans-serif;font-size:6px;line-height:12px;overflow:hidden}.portfolio-browser__image{aspect-ratio:16/10;width:100%;height:auto;display:block}.portfolio-phone{z-index:30;background:#141817;border-radius:14%/6.5%;width:18%;padding:4px;bottom:1%;right:7%;transform:translateZ(30px);box-shadow:inset 0 0 0 1px #ffffff1f,0 22px 42px #080e0f7a}.portfolio-phone__speaker{z-index:2;background:#080a0a;border-radius:9999px;width:24%;height:2px;position:absolute;top:6px;left:50%;transform:translate(-50%)}.portfolio-phone__screen{aspect-ratio:390/844;border-radius:11%/5%;overflow:hidden}.portfolio-phone__image{aspect-ratio:390/844;width:100%;height:auto;display:block}.portfolio-stack__hint{z-index:40;color:#395157;opacity:1;white-space:nowrap;background:#fff6f2;border-radius:9999px;padding:4px 12px;font-size:11px;font-weight:600;transition:opacity .28s ease-out,transform .28s ease-out;position:absolute;bottom:4px;left:50%;transform:translate(-50%)}@media (hover:none){.portfolio-stack__scene{transform:rotateY(4deg)rotateX(1deg)}.portfolio-browser--back{width:68%;left:0}.portfolio-browser--front{width:68%;top:32%;right:0}}@media (hover:hover) and (pointer:fine){.portfolio-stack__hint{opacity:0;padding:10px 20px;font-size:14px;bottom:10px;transform:translate(-50%,8px)}.group:hover .portfolio-stack__scene{transform:rotateY(.5deg)rotateX(.25deg)}.group:hover .portfolio-browser--back{width:61%;top:0;left:0;transform:rotate(-.4deg)translateZ(0)}.group:hover .portfolio-browser--front{width:61%;top:38%;right:0;transform:rotate(.4deg)translateZ(0)}.group:hover .portfolio-phone{width:16%;bottom:0;right:42%;transform:translate(50%)translateZ(0)}.group:hover .portfolio-stack__hint{opacity:1;transform:translate(-50%)}}@media (prefers-reduced-motion:reduce){.portfolio-stack__scene,.portfolio-browser,.portfolio-phone,.portfolio-stack__hint{transition:none}.portfolio-stack__scene{transform:none}.portfolio-browser--back{width:61%;top:0;left:0;transform:none}.portfolio-browser--front{width:61%;top:38%;right:0;transform:none}.portfolio-phone{width:16%;bottom:0;right:42%;transform:translate(50%)}.portfolio-stack__hint{opacity:1;transform:translate(-50%)}}