.project-visual-module__wMa2Zq__kicker{z-index:2;color:#b4b4af;font-family:var(--font-mono);letter-spacing:.045em;font-size:.75rem;line-height:1.5;position:absolute;top:clamp(20px,2.4vw,32px);left:clamp(20px,2.4vw,32px)}.project-visual-module__wMa2Zq__camera{background:radial-gradient(at 55% 75%,#302922,#151412 60%,#0b0b0b)}.project-visual-module__wMa2Zq__appIdentity{text-align:center;width:28%;position:absolute;top:34%;left:12%}.project-visual-module__wMa2Zq__appIcon{aspect-ratio:1;background:linear-gradient(145deg,#30302f,#171717 80%);border:1px solid #ffffff25;border-radius:25%;width:78%;max-width:126px;margin:0 auto 22px;padding:17%;rotate:-7deg;box-shadow:inset 0 1px 1px #ffffff26,0 12px 28px #0006}.project-visual-module__wMa2Zq__appIcon img{width:100%;height:auto}.project-visual-module__wMa2Zq__appIdentity>span{color:#ded8cf;letter-spacing:-.02em;font-size:clamp(13px,1.4vw,21px);line-height:1.45;display:block}.project-visual-module__wMa2Zq__phone{background:#f5f5f5;border:5px solid #1b1b1b;border-radius:clamp(24px,3.5vw,48px);width:40%;transition:transform .5s;position:absolute;top:16%;left:50%;overflow:hidden;rotate:7deg;box-shadow:0 0 0 1px #75736e,-18px 24px 50px #0009}.project-visual-module__wMa2Zq__phone img{width:100%;height:auto;display:block}.project-visual-module__wMa2Zq__finder{background:radial-gradient(at 60% 70%,#1d2433,#10131a 60%,#0a0a0a)}.project-visual-module__wMa2Zq__finderWindow{border-radius:clamp(8px,1.1vw,14px);width:84%;transition:transform .5s;position:absolute;top:25%;right:4%;overflow:hidden;rotate:4deg;box-shadow:0 0 0 1px #5d5f63,0 22px 50px #000c}.project-visual-module__wMa2Zq__finderWindow img,.project-visual-module__wMa2Zq__finderIcon img{width:100%;height:auto;display:block}.project-visual-module__wMa2Zq__finderIcon{z-index:1;filter:drop-shadow(0 14px 22px #000b);width:24%;max-width:132px;transition:transform .5s;position:absolute;bottom:9%;left:6%;rotate:-8deg}.project-visual-module__wMa2Zq__mail{background:radial-gradient(at 40% 30%,#242424,#0a0a0a 80%)}.project-visual-module__wMa2Zq__browser{border:1px solid #686868;border-radius:8px;width:92%;transition:transform .5s;position:absolute;top:29%;left:6%;overflow:hidden;rotate:-5deg;box-shadow:0 18px 45px #000}.project-visual-module__wMa2Zq__browserToolbar{background:#1d1d1d;align-items:center;gap:5px;height:clamp(25px,2.4vw,33px);padding-inline:10px;display:flex}.project-visual-module__wMa2Zq__browserToolbar>span:not(.project-visual-module__wMa2Zq__browserAddress){background:#777;border-radius:50%;width:5px;height:5px}.project-visual-module__wMa2Zq__browserAddress{color:#c0c0bc;text-align:center;font-size:clamp(8px,.8vw,11px);font-family:var(--font-mono);flex:1;padding-right:20px}.project-visual-module__wMa2Zq__mboxScreen{aspect-ratio:1.65;background:#080808;position:relative;overflow:hidden}.project-visual-module__wMa2Zq__mboxScreen img{width:254%;max-width:none;height:auto;position:absolute;top:-76%;left:-134%}.project-visual-module__wMa2Zq__diagram{background-image:radial-gradient(#ffffff12 .75px,#0000 .75px);background-size:18px 18px}.project-visual-module__wMa2Zq__graph,.project-visual-module__wMa2Zq__flow{width:90%;height:auto;font-family:var(--font-mono);position:absolute;top:50%;left:5%;overflow:visible;transform:translateY(-43%)}.project-visual-module__wMa2Zq__connectors{stroke:#696b64;stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round;transition:stroke .25s}.project-visual-module__wMa2Zq__rootNode,.project-visual-module__wMa2Zq__leafNode,.project-visual-module__wMa2Zq__flowNode,.project-visual-module__wMa2Zq__netflixNode{fill:#10110f;stroke:#72746b;stroke-width:1.5px;transition:stroke .25s}.project-visual-module__wMa2Zq__rootNode{stroke:#c1c6a6}.project-visual-module__wMa2Zq__netflixNode{stroke:#693d3d;fill:#150e0e}.project-visual-module__wMa2Zq__codeIcon,.project-visual-module__wMa2Zq__flowIcon{stroke:#d5d7cd;stroke-width:1.75px;stroke-linecap:round;stroke-linejoin:round}.project-visual-module__wMa2Zq__rootLabel,.project-visual-module__wMa2Zq__leafLabel,.project-visual-module__wMa2Zq__flowLabel{fill:#d5d7cd;text-anchor:middle;dominant-baseline:middle;font-size:24px}.project-visual-module__wMa2Zq__rootLabel{font-size:22px}.project-visual-module__wMa2Zq__flowLabel{fill:#b9bcb1;font-size:22px}.project-visual-module__wMa2Zq__junction{fill:#e7ed78}@media (hover:hover) and (prefers-reduced-motion:no-preference){:is(.project-link:hover .project-visual-module__wMa2Zq__phone,.project-link:hover .project-visual-module__wMa2Zq__browser,.project-link:hover .project-visual-module__wMa2Zq__finderWindow){transform:translateY(-5px)}.project-link:hover .project-visual-module__wMa2Zq__finderIcon{transform:translateY(-8px)}}:is(.project-link:hover .project-visual-module__wMa2Zq__connectors,.project-link:focus-visible .project-visual-module__wMa2Zq__connectors){stroke:#b2b79a}:is(.project-link:hover .project-visual-module__wMa2Zq__rootNode,.project-link:focus-visible .project-visual-module__wMa2Zq__rootNode){stroke:#e7ed78}@media (max-width:600px){.project-visual-module__wMa2Zq__appIdentity{width:32%;left:9%}.project-visual-module__wMa2Zq__appIcon{margin-bottom:16px}.project-visual-module__wMa2Zq__phone{border-width:4px;width:42%;top:18%}.project-visual-module__wMa2Zq__browser{top:27%}.project-visual-module__wMa2Zq__finderWindow{width:86%;top:23%}.project-visual-module__wMa2Zq__graph,.project-visual-module__wMa2Zq__flow{width:94%;left:3%;transform:translateY(-34%)}}@media (prefers-reduced-motion:reduce){.project-visual-module__wMa2Zq__phone,.project-visual-module__wMa2Zq__browser,.project-visual-module__wMa2Zq__finderWindow,.project-visual-module__wMa2Zq__finderIcon,.project-visual-module__wMa2Zq__connectors,.project-visual-module__wMa2Zq__rootNode,.project-visual-module__wMa2Zq__leafNode,.project-visual-module__wMa2Zq__flowNode,.project-visual-module__wMa2Zq__netflixNode{transition:none}}
.playground-module__vgcIyq__stage{--photo:clamp(112px, 10.5vw, 140px);--edge:8%;z-index:2;pointer-events:none;width:min(46%,520px);height:300px;position:absolute;top:50%;right:0;translate:0 -50%}.playground-module__vgcIyq__sticker{pointer-events:auto;touch-action:none;cursor:grab;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;border:0;padding:0;display:block;position:absolute;translate:0}.playground-module__vgcIyq__sticker:focus-visible{outline-offset:5px;z-index:4;outline:2px solid #e7ed78}.playground-module__vgcIyq__sticker[data-dragging]{cursor:grabbing;z-index:5}.playground-module__vgcIyq__portrait{top:58px;right:var(--edge);width:var(--photo);background:linear-gradient(135deg,#fffff7,#d8d9c9);border:1px solid #fff;border-radius:9px;padding:5px 5px 0;rotate:6deg;box-shadow:inset 0 1px #fff,0 2px #999d83,3px 8px 12px #0008}.playground-module__vgcIyq__portrait:after{content:"";border-radius:inherit;pointer-events:none;background:linear-gradient(128deg,#fff3,#0000 35% 75%,#0001);position:absolute;inset:0}.playground-module__vgcIyq__portrait img{pointer-events:none;border-radius:5px;width:100%;height:auto;display:block}.playground-module__vgcIyq__portraitLabel{color:#34362a;font-family:var(--font-mono);justify-content:space-between;align-items:center;padding:4px 3px 5px;font-size:10px;font-weight:600;line-height:1.4;display:flex}.playground-module__vgcIyq__portraitLabel>span{font-size:15px;line-height:1}.playground-module__vgcIyq__spark{top:26px;right:calc(var(--edge) + var(--photo) - 36px);aspect-ratio:1;filter:drop-shadow(0 2px #a6ab60)drop-shadow(2px 6px 4px #0007);background:0 0;border-radius:50%;width:clamp(62px,6vw,80px);rotate:-14deg}.playground-module__vgcIyq__spark svg{fill:#e7ed78;stroke:#ffc;stroke-width:3px;stroke-linejoin:round;pointer-events:none;width:100%;height:100%;display:block}.playground-module__vgcIyq__spark .playground-module__vgcIyq__sparkGlint{fill:#fff1;stroke:#ced35b;stroke-width:.65px}.playground-module__vgcIyq__spark .playground-module__vgcIyq__sparkFace{fill:none;stroke:#383e20;stroke-width:4px;stroke-linecap:round}.playground-module__vgcIyq__code{top:192px;right:calc(var(--edge) + var(--photo) - 54px);aspect-ratio:1.55;background:repeating-linear-gradient(0deg,#fff0 0 2px,#31342b0b 2px 3px),linear-gradient(130deg,#aebdb6,#f3f3e4 26%,#bac9cc 44%,#e6e8c0 65%,#d8dcd4 83%);border:3px solid #edf0e8;border-radius:50%;width:clamp(96px,9vw,120px);rotate:-9deg;box-shadow:inset 0 1px 1px #fff,inset 0 -1px 1px #72766760,0 2px #9aa393,2px 8px 10px #0008}.playground-module__vgcIyq__code svg{stroke:#29332d;stroke-width:4px;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 1px #fff9);pointer-events:none;width:100%;height:100%;display:block}@media (max-width:760px){.playground-module__vgcIyq__stage{--photo:72px;--edge:7%;width:100%;height:124px;top:0;translate:none}.playground-module__vgcIyq__portrait{padding:3px 3px 0;top:14px}.playground-module__vgcIyq__portraitLabel{padding:3px 1px 4px;font-size:8px}.playground-module__vgcIyq__portraitLabel>span{font-size:11px}.playground-module__vgcIyq__spark{top:6px;right:calc(var(--edge) + var(--photo) - 22px);width:46px}.playground-module__vgcIyq__code{top:62px;right:calc(var(--edge) + var(--photo) - 30px);width:76px}}
.pixel-water-module__qf3jyq__water,.pixel-water-module__qf3jyq__fish{z-index:0;pointer-events:none;width:100%;height:calc(100% + 96px);image-rendering:pixelated;position:absolute;top:-96px;left:0}