.btn-link[data-astro-cid-dbhfaybz]{cursor:pointer;color:#fff;cursor:pointer;z-index:100;background:0 0;border:none;border-radius:100px;place-content:center;align-items:center;gap:1rem;font-size:2.8rem;font-weight:600;line-height:1rem;transition:all .5s cubic-bezier(.165,.84,.44,1);display:flex}.btn-link[data-astro-cid-dbhfaybz]:hover{color:#ffce67;background-color:#00000080}.btn-link[data-astro-cid-y3g3dxu2]{cursor:pointer;aspect-ratio:1;color:#fff;background:#2839ef;border:none;border-radius:100px;place-content:center;align-items:center;gap:.5rem;width:2.8rem;font-size:1.6rem;font-weight:600;line-height:1rem;transition:all .5s cubic-bezier(.165,.84,.44,1);display:flex}.btn-link[data-astro-cid-y3g3dxu2]:hover{background:#0e1998}.footer[data-astro-cid-jo6i4kqk]{background:var(--color-dark);text-align:center;z-index:0;color:var(--color-light);flex-direction:column;padding:7.2rem 0 1.6rem;display:flex;position:sticky;bottom:0;left:0}.footer-title[data-astro-cid-jo6i4kqk]{letter-spacing:-.01em;text-decoration:underline 3px;text-decoration-color:var(--brand);text-underline-offset:5px;font-size:4.8rem}.text[data-astro-cid-jo6i4kqk]{color:var(--color-light);margin-block:2.4rem;margin-inline:auto;font-size:1.6rem}.property-item[data-astro-cid-jo6i4kqk]{color:#60a5fa;background-color:#3b82f61a;border-radius:2px;padding:.5rem;font-family:monospace}.contact--container[data-astro-cid-jo6i4kqk]{justify-content:space-between;width:min(100%,55rem);margin-inline:auto;padding-block:3.2rem;display:flex}.personal-container[data-astro-cid-jo6i4kqk],.studio-container[data-astro-cid-jo6i4kqk]{text-align:center;flex-direction:column;align-items:center;gap:1.2rem;display:flex}.social-container[data-astro-cid-jo6i4kqk]{gap:1.2rem;display:flex}.brand-name--title[data-astro-cid-jo6i4kqk],.studio-name--title[data-astro-cid-jo6i4kqk]{font-size:2rem}.brand-name--text[data-astro-cid-jo6i4kqk],.studio-name--text[data-astro-cid-jo6i4kqk]{color:var(--color-light);font-weight:600}.brand-name--cta[data-astro-cid-jo6i4kqk],.studio-name--cta[data-astro-cid-jo6i4kqk]{color:oklch(from var(--color-light) l c h / .8);font-size:1.2rem}.logo-container[data-astro-cid-jo6i4kqk]{padding-block:2.4rem}.link[data-astro-cid-jo6i4kqk]{color:var(--accent);text-underline-offset:3px;font-size:1.4rem;font-weight:600;text-decoration:underline;transition:all .3s}.link[data-astro-cid-jo6i4kqk]:hover{color:oklch(from var(--accent) calc(l * .85) c h)}.copyright[data-astro-cid-jo6i4kqk]{color:var(--color-light);font-size:1.2rem;font-weight:600}@media screen and (width<380px){.contact--container[data-astro-cid-jo6i4kqk]{flex-direction:column;gap:4rem}}a[data-astro-cid-evkijfd6]{text-decoration:none;display:inline-block}a[data-astro-cid-evkijfd6].active{text-decoration:underline;text-decoration-color:var(--brand-2);text-underline-offset:2px;font-weight:bolder;text-decoration-thickness:3px}.nav[data-astro-cid-l7arcky5]{background:var(--color-light);z-index:10;position:relative}.nav-container[data-astro-cid-l7arcky5]{width:var(--min-width);justify-content:space-between;align-items:center;margin-inline:auto;padding:2.4rem 1.8rem;display:flex}.logo[data-astro-cid-l7arcky5]{filter:invert()}.nav-links[data-astro-cid-l7arcky5]{letter-spacing:.05rem;align-items:center;gap:2.8rem;font-size:1.6rem;font-weight:500;display:flex}.link[data-astro-cid-l7arcky5]{color:var(--brand-2)}.pixel-perfekt[data-astro-cid-l7arcky5]{color:var(--color-light);background:linear-gradient(to right, oklch(from var(--color-dark) calc(l * 1.25) c h), oklch(from var(--color-dark) calc(l * 1.5) c h));border:1px solid var(--brand-3);border-radius:3px;padding:1rem 2.8rem;font-size:1.4rem;font-weight:600}.menu-btn[data-astro-cid-l7arcky5]{letter-spacing:.08rem;background:0 0;border:none;font-family:Druk Heavy;font-size:2.8rem;display:none}.mobile-logo[data-astro-cid-l7arcky5],.mobile-studio-text[data-astro-cid-l7arcky5],.close-btn[data-astro-cid-l7arcky5]{display:none}body:has(.nav-links.open){overflow:hidden}@media screen and (width<550px){.menu-btn[data-astro-cid-l7arcky5]{display:block}.nav-links[data-astro-cid-l7arcky5]{view-transition-name:nav-links;display:none}.nav-links[data-astro-cid-l7arcky5].open{background:var(--color-dark);z-index:100;flex-direction:column;justify-content:center;width:100%;height:100%;display:flex;position:fixed;top:0;bottom:0;left:0}.nav-links[data-astro-cid-l7arcky5].open .mobile-logo[data-astro-cid-l7arcky5]{display:block}.nav-links[data-astro-cid-l7arcky5].open .nav-link[data-astro-cid-l7arcky5]{font-size:4rem}.nav-links[data-astro-cid-l7arcky5].open .pixel-perfekt[data-astro-cid-l7arcky5]{color:var(--color-light);background:0 0;padding-top:5rem;font-size:2.8rem;display:inline-block}.nav-links[data-astro-cid-l7arcky5].open .pixel-perfekt--container[data-astro-cid-l7arcky5]{flex-direction:column;justify-content:center;align-items:center;display:flex}.nav-links[data-astro-cid-l7arcky5].open .mobile-studio-text[data-astro-cid-l7arcky5]{color:var(--color-light);letter-spacing:.03em;font-size:1.2rem;font-weight:300;display:block}.nav-links[data-astro-cid-l7arcky5].open .close-btn[data-astro-cid-l7arcky5]{color:var(--brand);padding-top:8vh;display:block}}@font-face{font-family:Druk Heavy;src:url(/fonts/Druk-Heavy-Trial.woff2)format("woff2"),url(/fonts/Druk-Heavy-Trial.woff)format("woff");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Unaessthetic;src:url(/fonts/Unaessthetic.woff2)format("woff2"),url(/fonts/Unaessthetic.woff)format("woff");font-weight:700;font-style:normal;font-display:swap}@property --brand-hue{syntax:"<number>";inherits:true;initial-value:279.193}@property --brand-lightness{syntax:"<percentage>";inherits:true;initial-value:54.424%}@property --brand-chroma{syntax:"<number>";inherits:true;initial-value:.18235}:root{--min-width:min(142rem, 100%);--padding:9.6rem .8rem;--color-dark:oklch(21.23% .02199 276.372);--color-light:oklch(100% .00011 271.152);--brand:oklch(54.424% .18235 279.193);--brand-2:oklch(55.056% .24165 275.517);--brand-3:oklch(66.664% .10867 290.572);--accent:oklch(96.45% .18002 111.045);--accent-2:oklch(70.957% .18487 33.884);--surface-with-accent-2:oklch(98.969% .00647 106.789);--text-color-dark:oklch(24.23% .02126 276.66);--text-color-light:oklch(100% .00011 271.152);--brand-gradient:linear-gradient(to right, var(--brand), var(--brand-2));--brand-50:oklch(from var(--brand) 97% calc(c * .2) h);--brand-100:oklch(from var(--brand) 94% calc(c * .3) h);--brand-200:oklch(from var(--brand) 88% calc(c * .5) h);--brand-300:oklch(from var(--brand) 78% calc(c * .7) h);--brand-400:oklch(from var(--brand) 66% calc(c * .9) h);--brand-500:var(--brand);--brand-600:oklch(from var(--brand) 48% calc(c * 1.05) h);--brand-700:oklch(from var(--brand) 41% calc(c * 1.08) h);--brand-800:oklch(from var(--brand) 34% calc(c * 1.05) h);--brand-900:oklch(from var(--brand) 26% calc(c * .9) h);--brand-950:oklch(from var(--brand) 18% calc(c * .7) h);--neutral-50:oklch(from var(--color-dark) 98% calc(c * .3) h);--neutral-100:oklch(from var(--color-dark) 95% calc(c * .4) h);--neutral-200:oklch(from var(--color-dark) 88% calc(c * .5) h);--neutral-300:oklch(from var(--color-dark) 75% calc(c * .6) h);--neutral-400:oklch(from var(--color-dark) 58% calc(c * .7) h);--neutral-500:oklch(from var(--color-dark) 45% calc(c * .8) h);--neutral-600:oklch(from var(--color-dark) 36% calc(c * .9) h);--neutral-700:oklch(from var(--color-dark) 28% calc(c * .95) h);--neutral-800:oklch(from var(--color-dark) 21% calc(c * 1) h);--neutral-900:var(--color-dark);--neutral-950:oklch(from var(--color-dark) 12% calc(c * 1.1) h);font-size:62.5%}html{scroll-behavior:smooth}*{box-sizing:border-box;margin:0;padding:0}:focus-visible{outline:1.5px dashed var(--brand);outline-offset:4px;border-radius:2px}body{background:var(--color-light);color:var(--text-color-dark);font-family:Poppins,sans-serif;line-height:1.5;transition:background .3s,color .3s;overflow-x:hidden}li{list-style:none}a{text-decoration:none}p{color:var(--text-color-dark);font-family:Poppins,sans-serif;font-size:1.6rem;font-style:normal;font-weight:400}.section{padding-block:12.6rem}@media screen and (width<500px){.section{padding-block:7.2rem}}.container{width:var(--min-width);margin-inline:auto;padding-inline:1.6rem}@media screen and (width<600px){.container{padding-inline:.8rem}}.padding-sm{padding:2.4rem .8rem}.padding-md{padding:4.8rem .8rem}.padding-lg{padding:6rem .8rem}.padding-xl{padding:9.6rem .8rem}@view-transition{navigation:auto}::view-transition-old(root),::view-transition-old(new){animation-duration:.75s}.blog-container .content-container h2{padding-top:2.8rem;padding-bottom:1rem;font-size:2.4rem;line-height:1.2}.content-container h3{padding-block:1.6rem;font-size:1.8rem}.blog-container .content-container pre{border-radius:5px;margin-block:1.6rem;padding:1.6rem;font-size:1.6rem}.blog-container .content-container pre.code-block{padding-top:5.2rem;position:relative}.blog-container .content-container .code-copy-button{background:oklch(from var(--color-dark) l c h / .4);color:inherit;font:inherit;cursor:pointer;border:none;border-radius:5px;justify-content:center;align-items:center;gap:.1rem;padding:.55rem 1rem;font-size:1.2rem;line-height:1;transition:background-color .16s,border-color .16s,transform .16s;display:inline-flex;position:absolute;top:1.2rem;right:1.2rem}.blog-container .content-container .code-copy-button:hover,.blog-container .content-container .code-copy-button:focus-visible{background:oklch(from var(--color-light) l c h / .03);border-color:oklch(from var(--color-light) l c h / .35)}.blog-container .content-container .code-copy-button:focus-visible{outline-offset:2px;outline:2px solid}.blog-container .content-container .code-copy-button:active{transform:translateY(1px)}.blog-container .content-container .code-copy-button.is-copied{background:color-mix(in srgb, var(--brand) 18%, transparent);border-color:color-mix(in srgb, var(--brand) 45%, white)}.blog-container .content-container .code-copy-button__icon{align-items:center;display:inline-flex}.blog-container .content-container .code-copy-button__icon svg{fill:currentColor;width:1.5rem;height:1.5rem}.blog-container .content-container li{font-size:1.6rem}.blog-container .content-container ul{flex-direction:column;gap:.4rem;display:flex}.blog-container .content-container p{margin-block:.8rem}.blog-container table{padding-block:1.6rem;font-size:clamp(.99rem,.77rem + .8vw,1.6rem)}@media screen and (width<460px){.blog-container table,.blog-container h3:has(+table){display:none}}html.lenis,html.lenis body{height:auto}.lenis.lenis-smooth{scroll-behavior:auto!important}.lenis.lenis-smooth [data-lenis-prevent]{overscroll-behavior:contain}.lenis.lenis-stopped{overflow:hidden}.lenis.lenis-smooth iframe{pointer-events:none}.astro-route-announcer{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;top:0;left:0;overflow:hidden}main[data-astro-cid-ju4pidww].blog-main{--width:min(100%, 940px);background:var(--color-light);z-index:1;width:100%;margin:0;padding-block:3.2rem;position:relative}.hero-image[data-astro-cid-ju4pidww]{width:var(--width);margin-inline:auto;padding-inline:.8rem}.hero-image[data-astro-cid-ju4pidww] .img[data-astro-cid-ju4pidww]{object-fit:cover;object-fit:contain;object-position:left;border-radius:5px;width:100%;height:auto;margin-inline:auto;display:block;overflow:hidden}.blog-container[data-astro-cid-ju4pidww]{width:var(--width);margin-inline:auto;padding:0 .8rem 6rem}.title-container[data-astro-cid-ju4pidww]{color:var(--brand-dark);padding:1em 0;line-height:1}.blog-title[data-astro-cid-ju4pidww]{padding-block:1.2rem;font-size:clamp(2.16rem,1.7652rem + 1.7545vw,3.125rem);line-height:1.3}.mini-container[data-astro-cid-ju4pidww]{flex-direction:row-reverse;justify-content:space-between;align-items:center;display:flex}.back-btn[data-astro-cid-ju4pidww]{color:var(--color-light);background:var(--color-dark);border-radius:2px;align-items:center;gap:.4rem;margin-block:.4rem;padding:1rem 1.8rem;font-size:1.4rem;font-weight:600;display:flex}.date[data-astro-cid-ju4pidww]{color:oklch(from var(--color-dark) l c h / .6);font-size:1.3rem}.last-updated-on[data-astro-cid-ju4pidww]{font-style:italic}