.mockupContainer[data-astro-cid-2twtgjb6]{display:flex;justify-content:space-between;align-items:center}.phoneContainer[data-astro-cid-2twtgjb6]{width:20%;aspect-ratio:1 / 2.1;position:relative;flex-shrink:0}.phone[data-astro-cid-2twtgjb6],.phonenotch[data-astro-cid-2twtgjb6]{position:absolute;top:0;left:0;width:100%;height:100%;background-image:url(/dependencies/mockup.phone.BYVw5d7o.webp);background-position:50% 50%;background-size:cover;display:flex;align-items:center;justify-content:center}.phonenotch[data-astro-cid-2twtgjb6]{pointer-events:none;z-index:3}.phone[data-astro-cid-2twtgjb6]{z-index:2}.phoneviewport[data-astro-cid-2twtgjb6]{cursor:pointer;z-index:1;width:83%;height:84%;overflow-y:scroll;scrollbar-width:none;transition-delay:2.5s}.phonebackground[data-astro-cid-2twtgjb6]{width:100%;height:calc(100% * var(--phoneScale));min-height:100%;background-image:var(--phoneBg);background-size:cover;background-position:top center}.laptopContainer[data-astro-cid-2twtgjb6]{width:65%;aspect-ratio:1.5 / 1;position:relative;flex-shrink:0}.laptop[data-astro-cid-2twtgjb6]{position:relative;width:100%;height:100%;background-image:url(/dependencies/mockup.laptop.yMwsDggA.webp);background-size:cover;background-position:50% 50%;display:flex;align-items:center;justify-content:center}.viewport[data-astro-cid-2twtgjb6]{cursor:pointer;z-index:2;width:77.9%;height:73%;overflow-y:scroll;scrollbar-width:none;transition-delay:2.5s}.background[data-astro-cid-2twtgjb6]{width:100%;height:calc(100% * var(--laptopScale));min-height:100%;background-image:var(--laptopBg);background-size:cover;background-position:top center}.transition[data-astro-cid-2twtgjb6]{transition:opacity .5s;opacity:1}.hidden[data-astro-cid-2twtgjb6]{opacity:0}.background[data-astro-cid-2twtgjb6]::-webkit-scrollbar,.phonebackground[data-astro-cid-2twtgjb6]::-webkit-scrollbar,.viewport[data-astro-cid-2twtgjb6]::-webkit-scrollbar,.phoneviewport[data-astro-cid-2twtgjb6]::-webkit-scrollbar{width:0;display:none}@media only screen and (max-width:1023px){.mockupContainer[data-astro-cid-2twtgjb6]{flex-direction:column;gap:0rem;padding:3rem 1rem;padding-bottom:0}.phoneContainer[data-astro-cid-2twtgjb6]{width:40vw}.phonebackground[data-astro-cid-2twtgjb6]{height:calc(100% * var(--phoneScale))}.laptopContainer[data-astro-cid-2twtgjb6]{width:85vw}.background[data-astro-cid-2twtgjb6]{height:calc(100% * var(--laptopScale))}}@media only screen and (max-width:500px){.mockupContainer[data-astro-cid-2twtgjb6]{gap:2rem;padding:2rem .5rem}.phoneContainer[data-astro-cid-2twtgjb6]{width:45vw;max-width:280px}.laptopContainer[data-astro-cid-2twtgjb6]{width:85vw;max-width:400px}}.lighthouse-scores[data-astro-cid-t7s6c7xx]{width:auto;border-radius:.5rem;display:flex;justify-content:space-between;align-items:center;padding:0;padding-right:2.5rem;flex-wrap:wrap}a[data-astro-cid-t7s6c7xx]{height:3rem;display:flex;align-items:center;gap:1rem;color:#454545}.score-item[data-astro-cid-t7s6c7xx]{display:flex;flex-direction:column;align-items:center;gap:.5rem;border-radius:12px}.score-item[data-astro-cid-t7s6c7xx]:nth-of-type(2){transition-delay:4s}.circle-wrapper[data-astro-cid-t7s6c7xx]{position:relative;width:4rem;height:4rem}.score-circle[data-astro-cid-t7s6c7xx]{width:100%;height:100%;transform:rotate(-90deg)}.score-bg[data-astro-cid-t7s6c7xx]{fill:none}.score-progress[data-astro-cid-t7s6c7xx]{fill:none;transition:stroke-dashoffset 1s ease-in-out}.score-content[data-astro-cid-t7s6c7xx]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center}.score-value[data-astro-cid-t7s6c7xx]{font-family:Segoe UI;font-size:1.25rem;line-height:1.5rem;font-weight:600;height:auto}.score-label[data-astro-cid-t7s6c7xx]{font-size:.875rem;line-height:.875rem;margin:0}@media only screen and (max-width:1023px){.lighthouse-scores[data-astro-cid-t7s6c7xx]{padding:0 2.5rem}}.projectHeader[data-astro-cid-vgdww4n4]{display:flex}.projectInfo[data-astro-cid-vgdww4n4]{width:33%;padding-right:5rem;display:flex;flex-direction:column;gap:4rem;justify-content:space-between;border-right:1px white solid}h1[data-astro-cid-vgdww4n4]{padding:2.5rem 0 .5rem}h2[data-astro-cid-vgdww4n4]{padding-bottom:.25rem}li[data-astro-cid-vgdww4n4]{font-weight:200}.previewContainer[data-astro-cid-vgdww4n4]{width:100%;display:flex;flex-direction:column;justify-content:space-between;gap:2.5rem;padding-left:5rem;padding-top:2rem}.projectBody[data-astro-cid-vgdww4n4]{display:flex;gap:2rem;padding-top:2rem;padding-right:2.5rem}.projectBody[data-astro-cid-vgdww4n4] div[data-astro-cid-vgdww4n4]{width:33.33%}.projectBody[data-astro-cid-vgdww4n4] .content-block[data-astro-cid-vgdww4n4]{display:flex;flex-direction:column;gap:.5rem;color:#fff}.content-block[data-astro-cid-vgdww4n4] p[data-astro-cid-vgdww4n4]{font-size:1.1rem;line-height:1.7}.tech-stack-list[data-astro-cid-vgdww4n4]{list-style:none;padding:0;margin:0}.tech-stack-list[data-astro-cid-vgdww4n4] li[data-astro-cid-vgdww4n4]{padding-bottom:0rem;font-size:1.1rem}.tech-stack-list[data-astro-cid-vgdww4n4] li[data-astro-cid-vgdww4n4]:last-child{border-bottom:none}.tech-stack-list[data-astro-cid-vgdww4n4] li[data-astro-cid-vgdww4n4]:before{content:"-";margin-right:.5rem}ul[data-astro-cid-vgdww4n4]{padding:0}li[data-astro-cid-vgdww4n4]{line-height:2rem;padding:0}.projectBody[data-astro-cid-vgdww4n4] div[data-astro-cid-vgdww4n4]:nth-of-type(1){transition-delay:.75s}.projectBody[data-astro-cid-vgdww4n4] div[data-astro-cid-vgdww4n4]:nth-of-type(2){transition-delay:.85s}.projectBody[data-astro-cid-vgdww4n4] div[data-astro-cid-vgdww4n4]:nth-of-type(3){transition-delay:.95s}.challenges[data-astro-cid-vgdww4n4] li[data-astro-cid-vgdww4n4]:before{content:"⚠ ";margin-right:.5rem}.solutions[data-astro-cid-vgdww4n4] li[data-astro-cid-vgdww4n4]:before{content:"✓ ";margin-right:.5rem;color:#4caf50;font-weight:600}.results[data-astro-cid-vgdww4n4] li[data-astro-cid-vgdww4n4]:before{content:"⭐ ";margin-right:.5rem}@media(max-width:1500px){p[data-astro-cid-vgdww4n4],li[data-astro-cid-vgdww4n4]{font-size:1rem}}@media(max-width:1023px){h1[data-astro-cid-vgdww4n4]{font-size:2rem;padding-top:0}h2[data-astro-cid-vgdww4n4]{font-size:1.5rem}.projectHeader[data-astro-cid-vgdww4n4]{flex-direction:column}.projectInfo[data-astro-cid-vgdww4n4]{width:calc(100% - 10rem);border-right:none;padding:0 5rem}.tech-stack[data-astro-cid-vgdww4n4]{display:none}.previewContainer[data-astro-cid-vgdww4n4]{padding:0}.projectBody[data-astro-cid-vgdww4n4]{flex-direction:column}.projectBody[data-astro-cid-vgdww4n4] div[data-astro-cid-vgdww4n4]{width:100%}}@media(max-width:1023px){.projectInfo[data-astro-cid-vgdww4n4]{width:100%;padding:0}}