.project-story{color:#f6f7fa;background:#10141c;position:relative;scroll-margin-top:80px!important}.project-story[data-animated=true]{height:340svh}.project-story-sticky{grid-template-rows:auto minmax(0,1fr) auto;gap:22px;min-height:650px;padding:35px 5vw 18px;display:grid;position:relative;overflow:hidden}[data-animated=true]>.project-story-sticky{height:calc(100svh - 80px);min-height:0;position:sticky;top:80px}.project-story-heading{justify-content:space-between;align-items:flex-end;gap:30px;width:100%;max-width:1280px;margin:auto;display:flex}.project-story-heading h2{letter-spacing:-.035em;font-size:clamp(28px,3.6vw,50px);font-weight:600;line-height:1.06}.project-story-heading h2>span{color:#aab3c4}.project-story-heading>div{text-align:right;font-size:13px;line-height:1.6}.project-story-heading p span{color:#aab3c4}.project-story-heading a{color:#d6dbe5;text-underline-offset:4px;justify-content:flex-end;align-items:center;gap:8px;margin-top:12px;font-size:11px;display:flex}.project-story a:hover{text-decoration:underline}.project-story-heading a.project-live-link{font-size:inherit;max-width:none;text-align:inherit;margin:0}.project-story-footer{padding-right:64px}.project-stage{perspective:1600px;place-items:center;width:100%;min-height:380px;display:grid;position:relative}[data-animated=true] .project-stage{min-height:0;container-type:size}[data-animated=true] .project-desktop{width:min(100cqw,154.839cqh,1000px);height:auto;max-height:none}.project-desktop{aspect-ratio:1440/930;width:min(100%,1000px);max-height:100%;transform-style:preserve-3d;backface-visibility:hidden;position:relative}.project-browser{color:#bbc4d3;background:#262d3a;border:1px solid #596173;border-bottom:0;border-radius:7px 7px 0 0;align-items:center;gap:5px;height:25px;padding:0 12px;display:flex}.project-browser i{background:#8c96a7;border-radius:50%;width:4px;height:4px}.project-browser span{text-align:center;font-size:9px;position:absolute;left:0;right:0}.project-canvas{background:#101c2a;outline:1px solid #596173;height:calc(100% - 25px);position:relative;container-type:inline-size}.project-blueprint{color:#b5c2d5;background:#182331;border:1px solid #63758b;display:none;position:absolute;inset:0}[data-animated=true] .project-blueprint{display:block}.blueprint-nav{letter-spacing:.08em;border-bottom:1px solid #63758b;justify-content:space-between;align-items:center;height:8%;padding-inline:8%;font-size:10px;display:flex}.blueprint-body{border-inline:1px dashed #63758b;width:54%;padding:1.2cqw;position:absolute;top:26%;left:8%}.blueprint-body>span{letter-spacing:.08em;font-size:.9cqw}.blueprint-body strong{margin:1.2cqw 0 1.8cqw;font-size:4.4cqw;font-weight:500;line-height:1.1;display:block}.blueprint-copy{border-block:1px solid #63758b;width:85%;height:2.2cqw}.blueprint-action{border:1px solid #63758b;width:fit-content;margin-top:2cqw;padding:.8cqw 1cqw;font-size:.8cqw}.blueprint-caption{color:#aab3c4;font-size:9px;position:absolute;bottom:3%;right:3%}.project-fragment{backface-visibility:hidden;position:absolute;inset:0}.project-fragment img{object-fit:fill;width:100%;height:100%}.fragment-nav{clip-path:inset(0 0 91%)}.fragment-title{clip-path:inset(9% 0 43%)}.fragment-body{clip-path:inset(57% 0 29%)}.fragment-action{clip-path:inset(71% 0 0)}.project-phone{aspect-ratio:390/844;backface-visibility:hidden;background:#0d1926;border:6px solid #333c4b;border-radius:24px;height:94%;max-height:490px;display:none;position:absolute;overflow:hidden;box-shadow:0 24px 65px #0005}[data-animated=true] .project-phone{display:block}.project-phone img{object-fit:cover;width:100%;height:100%}.project-mobile-caption{max-width:260px;display:none;position:absolute;top:40%;left:calc(50% + 160px)}.project-mobile-caption strong{font-size:27px;font-weight:500;line-height:1.15}.project-mobile-caption p{color:#aab3c4;margin-top:16px;font-size:13px;line-height:1.7}[data-animated=true] .project-mobile-caption{display:block}.project-story-footer{justify-content:space-between;align-items:center;gap:25px;width:100%;max-width:1280px;margin:auto;font-size:12px;display:flex}.project-story-footer>a{align-items:center;gap:8px;display:flex}.project-stage-controls{gap:28px;display:none}[data-animated=true] .project-stage-controls{display:flex}.project-stage-controls button{color:#aab3c4;cursor:pointer;align-items:center;gap:8px;min-height:42px;display:flex}.project-stage-controls button span{border:1px solid #596173;border-radius:50%;place-items:center;width:23px;height:23px;font-size:10px;display:grid}.project-stage-controls button[aria-current]{color:#fff}.project-stage-controls button[aria-current] span{color:#171e30;background:#f78b47;border-color:#f78b47}.project-story-progress{background:#343c49;height:2px;position:absolute;bottom:0;left:0;right:0}.project-story-progress>div{transform-origin:0;background:#f78b47;height:100%}@media (max-width:760px){.project-story[data-animated=true]{height:280svh}.project-story-sticky{gap:12px;min-height:440px;padding:24px 20px 14px}.project-story-heading{display:block}.project-story-heading h2{font-size:30px}.project-story-heading>div{text-align:left;justify-content:space-between;align-items:flex-end;gap:12px;margin-top:15px;font-size:10px;display:flex}.project-story-heading a{text-align:right;max-width:12ch;margin:0;font-size:10px}.project-stage{min-height:210px}.project-desktop{width:100%}.project-browser{height:20px;padding:0 6px}.project-browser span{font-size:7px}.project-canvas{height:calc(100% - 20px)}.blueprint-nav{font-size:6px}.blueprint-caption{font-size:5px}.project-phone{border-width:4px;border-radius:18px;height:92%;max-height:410px}.project-mobile-caption{display:none!important}.project-story-footer{gap:12px;font-size:10px}.project-stage-controls{gap:12px}.project-stage-controls button{gap:5px;font-size:10px}.project-stage-controls button span{width:19px;height:19px;font-size:9px}.project-story-footer>a{max-width:8ch;font-size:10px;line-height:1.3}.project-story-heading>div p{max-width:24ch}}@media (max-height:620px) and (min-width:761px){.project-story-sticky{gap:10px;padding-top:16px}.project-story-heading h2{font-size:27px}.project-story-heading>div{font-size:10px}.project-story-heading a{margin-top:3px}.project-stage-controls button{min-height:30px}}@media (prefers-reduced-motion:reduce){.project-story{height:auto!important}.project-story-sticky{height:auto!important;min-height:0!important;position:relative!important}.project-stage{min-height:0;padding-bottom:0;display:block}.project-desktop{width:min(100%,900px);margin:20px auto;opacity:1!important;transform:none!important}.project-fragment{opacity:1!important;transform:none!important}.project-blueprint,.project-mobile-caption,.project-stage-controls{display:none!important}.project-phone{height:340px;margin:24px auto;display:block;position:relative;opacity:1!important;transform:none!important}.project-story-footer{padding-block:12px}}