.column{grid-column:span var(--column-span);min-width:0}@media (width<=920px){.column{grid-column:span var(--column-span-md)}}@media (width<=640px){.column{grid-column:span var(--column-span-sm)}}.container{width:min(100% - 40px, var(--container-max,1120px));margin-inline:auto}.container--fluid{width:100%;max-width:none}@media (width<=720px){.container{width:min(100% - 28px, var(--container-max,1120px))}}.row{--row-gap:24px;gap:var(--row-gap);grid-template-columns:repeat(12,minmax(0,1fr));display:grid}.row--nowrap{grid-template-columns:none;grid-auto-columns:minmax(0,1fr);grid-auto-flow:column}.row--gap-xs{--row-gap:8px}.row--gap-sm{--row-gap:14px}.row--gap-md{--row-gap:24px}.row--gap-lg{--row-gap:40px}.row--gap-xl{--row-gap:64px}.row--gap-custom{--row-gap:var(--row-custom-gap)}.row--align-start{align-items:flex-start}.row--align-center{align-items:center}.row--align-end{align-items:flex-end}.row--align-stretch{align-items:stretch}.row--justify-start{justify-content:flex-start}.row--justify-center{justify-content:center}.row--justify-end{justify-content:flex-end}.row--justify-between{justify-content:space-between}.row--justify-around{justify-content:space-around}.section{width:100%}.section--spacing-none{padding-block:0}.section--spacing-sm{padding-block:48px}.section--spacing-md{padding-block:88px}.section--spacing-lg{padding-block:124px}.section--tone-default{background:0 0}.section--tone-page{background:var(--color-page)}.section--tone-surface{background:var(--color-surface)}.section--tone-accent{background:var(--color-accent-soft)}.section--tone-deep{background:var(--color-deep);color:#fff}@media (width<=720px){.section--spacing-sm{padding-block:36px}.section--spacing-md{padding-block:64px}.section--spacing-lg{padding-block:84px}}.footer{background:var(--color-1);color:var(--text-color-light);margin-top:calc(var(--size) * 70)}.footer .container{padding-block:calc(var(--size) * 52) calc(var(--size) * 24)}.footer .container .footer__main{gap:calc(var(--size) * 56);grid-template-columns:minmax(0, 1.5fr) auto minmax(calc(var(--size) * 230), .65fr);display:grid}.footer .container .footer__brand>a{color:var(--text-color-light);font-size:calc(var(--size) * 34);font-weight:900;line-height:1;text-decoration:none;transition:transform .15s ease-out;display:inline-block}.footer .container .footer__brand>a:hover,.footer .container .footer__brand>a:focus-visible{transform:rotate(-2deg)scale(1.04)}.footer .container .footer__brand>p{color:#ffffff85;margin:calc(var(--size) * 14) 0 0;max-width:calc(var(--size) * 330);line-height:1.6}:is(.footer .container .footer__nav,.footer .container .footer__contact)>p{color:#ffffff61;font-size:calc(var(--size) * 11);margin:0 0 calc(var(--size) * 14);text-transform:uppercase;font-weight:800}.footer .container .footer__nav{gap:calc(var(--size) * 8);grid-template-columns:repeat(2,auto);display:grid}.footer .container .footer__nav>p{grid-column:1/-1}.footer .container .footer__nav a{border-radius:calc(var(--size) * 10);color:#ffffffb8;font-size:calc(var(--size) * 13);padding:calc(var(--size) * 5) calc(var(--size) * 9);font-weight:700;text-decoration:none;transition:background-color .15s ease-out,color .15s ease-out}.footer .container .footer__nav a:hover,.footer .container .footer__nav a:focus-visible{color:var(--text-color-light);background:#ffffff14}.footer .container .footer__contact .footer__socials{gap:calc(var(--size) * 12);flex-wrap:wrap;display:flex}.footer .container .footer__contact .footer__socials a{color:#ffffffb8;font-size:calc(var(--size) * 13);align-items:center;gap:calc(var(--size) * 4);font-weight:700;text-decoration:none;transition:color .15s ease-out;display:inline-flex}.footer .container .footer__contact .footer__socials a:hover,.footer .container .footer__contact .footer__socials a:focus-visible{color:var(--text-color-light)}.footer .container .footer__contact .footer__email{border-top:calc(var(--size) * 1) solid #ffffff1a;color:var(--text-color-light);font-size:calc(var(--size) * 13);align-items:center;gap:calc(var(--size) * 8);margin-top:calc(var(--size) * 18);overflow-wrap:anywhere;padding-top:calc(var(--size) * 14);font-weight:750;text-decoration:none;display:flex}.footer .container .footer__contact .footer__email svg{color:#4b9bff;flex:none}.footer .container .footer__bottom{border-top:calc(var(--size) * 1) solid #ffffff1a;color:#fff6;font-size:calc(var(--size) * 11);margin-top:calc(var(--size) * 40);padding-top:calc(var(--size) * 20);justify-content:space-between;align-items:center;font-weight:650;display:flex}.footer .container .footer__bottom p{margin:0}.footer .container .footer__bottom a{color:#ffffff9e;align-items:center;gap:calc(var(--size) * 7);text-decoration:none;transition:color .15s ease-out,transform .15s ease-out;display:inline-flex}.footer .container .footer__bottom a:hover,.footer .container .footer__bottom a:focus-visible{color:var(--text-color-light);transform:translateY(calc(var(--size) * -2))}@media (width<=760px){.footer .container .footer__main{gap:calc(var(--size) * 36);grid-template-columns:repeat(2,minmax(0,1fr))}.footer .container .footer__brand{grid-column:1/-1}}@media (width<=480px){.footer .container{padding-block-start:calc(var(--size) * 42)}.footer .container .footer__main{grid-template-columns:1fr}.footer .container .footer__brand{grid-column:auto}.footer .container .footer__bottom{align-items:flex-start;gap:calc(var(--size) * 12);flex-direction:column}}@media (prefers-reduced-motion:reduce){.footer *{transition-duration:.01ms!important}}.asset-image{object-fit:var(--asset-image-fit,cover);width:100%;height:auto;display:block}.header{z-index:10;width:100%;position:sticky;top:0}.header .container{height:calc(var(--size) * 75);border:calc(var(--size) * 2) solid;border-radius:calc(var(--size) * 25);box-shadow:var(--shadow-none);border-color:#0000;transition:transform .3s ease-out,border-color .3s ease-out,background .3s ease-out,box-shadow .3s ease-out;display:grid}.header .container.floating{transform:translateY(calc(var(--size) * 15));border-color:var(--border-color);background:color-mix(in srgb, var(--color-bg-page) 88%, transparent);-webkit-backdrop-filter:blur(calc(var(--size) * 10));backdrop-filter:blur(calc(var(--size) * 10));box-shadow:var(--shadow-soft)}.header .container.floating .column .header__brand .header__logo{margin-left:calc(var(--size) * 10)}.header .container.floating .column .header__cta a{margin-right:calc(var(--size) * 10)}.header .container .column{padding:calc(var(--size) * 10);align-items:center;display:flex}.header .container .column .header__brand{text-decoration:none}.header .container .column .header__brand .header__logo{width:auto;height:calc(var(--size) * 30);transition:margin-left .3s ease-out,transform .1s ease-out}.header .container .column .header__brand .header__logo:hover{transform:scale(1.1)rotate(-3deg)}.header .container .column .header__brand .header__logo:active{transform:scale(.9)rotate(3deg)}.header .container .column .header__nav{justify-content:center;align-items:center;gap:calc(var(--size) * 10);width:100%;height:100%;display:flex}.header .container .column .header__nav a{color:var(--text-color-muted);padding:calc(var(--size) * 10) calc(var(--size) * 20);border-radius:calc(var(--size) * 15);font-weight:600;text-decoration:none;transition:color .15s ease-out,background .15s ease-out,transform .15s ease-out}.header .container .column .header__nav a:hover{color:var(--text-color-normal);background:var(--highlight-bg-color-muted);transform:scale(1.05)}.header .container .column .header__nav a:active{transform:scale(.95)}.header .container .column .header__cta{justify-content:right;align-items:center;gap:calc(var(--size) * 10);width:100%;height:100%;display:flex}.header .container .column .header__cta a{justify-content:center;align-items:center;gap:calc(var(--size) * 10);color:var(--text-color-light);padding:calc(var(--size) * 10) calc(var(--size) * 20);border-radius:calc(var(--size) * 15);background:color-mix(in srgb, var(--color-1) 100%, #fff);white-space:nowrap;font-weight:600;text-decoration:none;transition:color .15s ease-out,background .15s ease-out,transform .15s ease-out,margin-right .3s ease-out;display:inline-flex}.header .container .column .header__cta a:hover{background:color-mix(in srgb, var(--color-1) 88%, #fff);transform:scale(1.05)}.header .container .column .header__cta a:active{transform:scale(.95)}.header .header__mobile-nav{display:none}@media (width<=1024px){.header .container .row>.column:first-child,.header .container .row>.column:last-child{grid-column:span 6}.header .container .row>.column:nth-child(2){display:none}.header .header__mobile-nav{background:color-mix(in srgb, var(--color-bg-page) 92%, transparent);-webkit-backdrop-filter:blur(calc(var(--size) * 14));backdrop-filter:blur(calc(var(--size) * 14));border:calc(var(--size) * 1) solid color-mix(in srgb, var(--border-color) 82%, transparent);border-radius:calc(var(--size) * 22);bottom:max(calc(var(--size) * 10), env(safe-area-inset-bottom));box-shadow:var(--shadow-soft);gap:calc(var(--size) * 4);padding:calc(var(--size) * 5);width:min(calc(100% - calc(var(--size) * 20)), calc(var(--size) * 440));z-index:20;grid-template-columns:repeat(4,minmax(0,1fr));display:grid;position:fixed;left:50%;transform:translate(-50%)}.header .header__mobile-nav a{border-radius:calc(var(--size) * 16);color:var(--text-color-muted);font-size:calc(var(--size) * 10);align-items:center;gap:calc(var(--size) * 3);min-height:calc(var(--size) * 56);flex-direction:column;justify-content:center;font-weight:750;text-decoration:none;transition:background-color .18s ease-out,color .18s ease-out,transform .15s ease-out;display:flex;position:relative}.header .header__mobile-nav a .header__mobile-icon{height:calc(var(--size) * 24);width:calc(var(--size) * 28);place-items:center;display:grid}.header .header__mobile-nav a:hover,.header .header__mobile-nav a:focus-visible{background:color-mix(in srgb, var(--color-1) 7%, var(--color-bg-page));color:var(--text-color-normal)}.header .header__mobile-nav a:active{transform:scale(.94)}.header .header__mobile-nav a[aria-current=page]{background:var(--color-2);color:var(--text-color-light)}.header .header__mobile-nav a:focus-visible{outline:calc(var(--size) * 3) solid #0573fb4d;outline-offset:calc(var(--size) * 2)}}@media (width<=460px){.header .container{height:calc(var(--size) * 68)}.header .container .row{grid-template-columns:minmax(0,1fr) auto}.header .container .row>.column:first-child,.header .container .row>.column:last-child{grid-column:auto}.header .container .column{padding:calc(var(--size) * 7)}.header .container .column .header__brand .header__logo{height:calc(var(--size) * 26)}.header .container .column .header__cta a{gap:calc(var(--size) * 7);padding:calc(var(--size) * 9) calc(var(--size) * 13)}.header .header__mobile-nav{border-radius:calc(var(--size) * 20);width:calc(100% - calc(var(--size) * 16))}.header .header__mobile-nav a{border-radius:calc(var(--size) * 14);min-height:calc(var(--size) * 54)}}@media (prefers-reduced-motion:reduce){.header *{transition-duration:.01ms!important}}.site-shell{min-height:100vh;overflow-x:clip}.site-shell main{isolation:isolate}@media (width<=1024px){.footer{padding-bottom:calc(var(--size) * 76 + env(safe-area-inset-bottom))}.site-shell main{background:var(--color-bg-page)}}.hero{border-radius:calc(var(--size) * 50);width:calc(100vw - calc(var(--size) * 50));height:calc(100vh - calc(var(--size) * 150));box-shadow:var(--shadow-hard);background:linear-gradient(#0841d6 0%,#0371f7 100%);margin:0 auto;position:relative;overflow:hidden;padding:0!important}.hero .container{place-items:center;height:100%;display:grid}.hero .container .title{color:var(--text-color-light);text-align:center;width:100%;filter:drop-shadow(var(--shadow-harder));z-index:3;transform:translateY(calc(var(--size) * 30));place-items:center;margin:0;font-size:clamp(2rem,8vw,4rem);line-height:1;display:grid}.hero .container .title svg{width:clamp(25rem,100%,35rem);font:var(--font-body);transform:translateY(calc(var(--size) * -30)) rotate(-10deg);place-items:center;font-size:1.5rem;font-style:italic;font-weight:800;display:grid}.hero .container .title svg text:first-child{fill:var(--text-color-light);stroke:var(--text-color-light);stroke-width:calc(var(--size) * 7.5);stroke-linejoin:round}.hero .container .title svg text:nth-child(2){fill:var(--text-color-light);stroke:var(--text-color-light);stroke-width:calc(var(--size) * 7.5);stroke-linejoin:round;font-size:.5rem}.hero .container .title svg text:nth-child(3){fill:var(--text-color-normal)}.hero .container .avatars{width:100%;height:100%;filter:drop-shadow(var(--shadow-hard));z-index:2;place-items:center;display:grid;position:absolute;top:0;left:0;overflow:hidden}.hero .container .avatars .avatar{will-change:transform, opacity;position:absolute}.hero .container .avatars .avatar img{width:100%}.hero .container .avatars .avatar--mcpocky{top:calc(var(--size) * -175);width:calc(var(--size) * 700);filter:saturate(1.35)brightness(1.1)drop-shadow(.01rem .01rem .01rem #00000080)drop-shadow(-.01rem -.01rem .01rem #00000080)drop-shadow(.01rem -.01rem .01rem #00000080)drop-shadow(-.01rem .01rem .01rem #00000080);left:calc(10% - 15rem)}.hero .container .avatars .avatar--jump{top:calc(var(--size) * 75);width:calc(var(--size) * 400);right:calc(10% - 4rem)}@media (width<=1280px){.hero .container .avatars .avatar--mcpocky{top:calc(var(--size) * -175);width:calc(var(--size) * 700);left:calc(5% - 15rem)}.hero .container .avatars .avatar--jump{top:calc(var(--size) * 75);width:calc(var(--size) * 400);right:calc(5% - 4rem)}}@media (width<=900px){.hero .container .avatars .avatar--mcpocky{bottom:clamp(calc(var(--size) * -180), -18vw, calc(var(--size) * -95));left:clamp(calc(var(--size) * -110), -12vw, calc(var(--size) * -48));width:clamp(calc(var(--size) * 300), 58vw, calc(var(--size) * 440));top:auto}.hero .container .avatars .avatar--jump{bottom:clamp(calc(var(--size) * -125), -14vw, calc(var(--size) * -70));right:clamp(calc(var(--size) * -72), -8vw, calc(var(--size) * -28));width:clamp(calc(var(--size) * 240), 42vw, calc(var(--size) * 340));top:auto}}.hero .container .turingpattern{object-fit:cover;z-index:0;width:100%;height:100%;filter:invert(1) blur(calc(var(--size) * 1));opacity:.125;position:absolute;top:0;left:0}.hero .container .gradient{z-index:1;background:linear-gradient(#0841d6 -50%,#0000 200%);width:100%;height:100%;position:absolute;top:0;left:0}@media (width<=900px){.hero{border-radius:calc(var(--size) * 36);height:calc(100svh - calc(var(--size) * 138));min-height:calc(var(--size) * 620);width:calc(100vw - calc(var(--size) * 28))}.hero .container .title{font-size:clamp(calc(var(--size) * 32), 8.5vw, calc(var(--size) * 50));left:50%;top:clamp(calc(var(--size) * 42), 7svh, calc(var(--size) * 68));width:min(calc(100% - calc(var(--size) * 24)), calc(var(--size) * 520));line-height:.98;position:absolute;transform:translate(-50%)}.hero .container .title svg{width:min(100%, calc(var(--size) * 350))}}@media (width<=460px){.hero{border-radius:calc(var(--size) * 28);height:calc(100svh - calc(var(--size) * 122));min-height:calc(var(--size) * 590)}.hero .container .title{font-size:clamp(calc(var(--size) * 30), 9.5vw, calc(var(--size) * 38));top:clamp(calc(var(--size) * 34), 5.5svh, calc(var(--size) * 48))}.hero .container .title svg{width:min(100%, calc(var(--size) * 320))}}.about .container{place-items:center;display:grid}.about .container>.title{text-align:center;font-size:calc(var(--size) * 20 + 1.5vw);width:clamp(20rem,100%,45rem);margin:0}.about .container>.title>span{will-change:transform, opacity, filter;display:inline-block}.about .container>.title .icon{vertical-align:-.125em;width:1em;height:1em;margin-inline:.2em;line-height:1;display:inline-block;position:relative}.about .container>.title .icon svg{width:100%;height:100%;position:absolute;top:0;left:0;transform:scale(1.75)}.about .container>.title .icon svg path{transform:scale(.5)translate(50%,50%)}.about .container>.title .icon svg:first-child{filter:drop-shadow(0 calc(var(--size) * 2) calc(var(--size) * 2) #00000040)}.about .container>.title .icon svg:first-child path{fill:var(--text-color-light);stroke:var(--text-color-light);stroke-width:calc(var(--size) * 75);stroke-linejoin:round}.about .container>.title .icon.game svg:nth-child(2) path{fill:#0573fb}.about .container>.title .icon.web svg:nth-child(2) path{fill:#00c853}.about .container>.title .icon.software svg:nth-child(2) path{fill:#ff6d00}.about .container>.title .icon.country{background:var(--text-color-light);filter:drop-shadow(0 calc(var(--size) * 2) calc(var(--size) * 2) #00000040);border-radius:.55rem;justify-content:center;align-items:center;padding:.5em .65em .55em;font-size:.8em;display:inline-flex}.about .container .content{width:100%;margin-top:calc(var(--size) * 50)}.about .container .content .item-shell{min-width:0}.about .container .content .item-reveal{will-change:transform, opacity;width:100%}.about .container .content .item{border:calc(var(--size) * 2) solid;border-color:color-mix(in srgb, var(--border-color) 50%, transparent);background:color-mix(in srgb, var(--color-bg-page) 88%, transparent);-webkit-backdrop-filter:blur(calc(var(--size) * 10));backdrop-filter:blur(calc(var(--size) * 10));box-shadow:var(--shadow-softer);border-radius:calc(var(--size) * 25);padding:calc(var(--size) * 15);width:100%;max-height:calc(var(--size) * 125);will-change:transform, max-height, opacity, filter;overflow:hidden}.about .container .content .item:focus-visible{outline:calc(var(--size) * 3) solid color-mix(in srgb, var(--color-1) 35%, transparent);outline-offset:calc(var(--size) * 4)}.about .container .content .item .icon{padding:calc(var(--size) * 10);border-radius:calc(var(--size) * 15);position:absolute}.about .container .content .item .icon.game{color:#0573fb;background:#0573fb20}.about .container .content .item .icon.web{color:#00c853;background:#00c85320}.about .container .content .item .icon.software{color:#ff6d00;background:#ff6d0020}.about .container .content .item .icon.players{color:#ec407a;background:#ec407a20}.about .container .content .item .icon.languages{color:#9c27b0;background:#9c27b020}.about .container .content .item .icon.leadership{color:#ff9800;background:#ff980020}.about .container .content .item .title{margin:0;margin-top:calc(var(--size) * 60);position:absolute}.about .container .content .item .description{margin:calc(var(--size) * 10);opacity:0;color:color-mix(in srgb, var(--text-color-normal) 75%, var(--text-color-muted) 25%);font-weight:600}.contact .container{place-items:center;display:grid}.contact .container>.title{font-size:calc(var(--size) * 20 + 1.5vw);text-align:center;width:clamp(20rem,100%,45rem);margin:0}.contact .container>.title>span{will-change:transform, opacity, filter;display:inline-block}.contact .container>.title .icon{vertical-align:-.125em;width:1em;height:1em;margin-inline:.2em;line-height:1;display:inline-block;position:relative}.contact .container>.title .icon svg{width:100%;height:100%;position:absolute;top:0;left:0;transform:scale(1.75)}.contact .container>.title .icon svg path{transform:scale(.5)translate(50%,50%)}.contact .container>.title .icon svg:first-child{filter:drop-shadow(0 calc(var(--size) * 2) calc(var(--size) * 2) #00000040)}.contact .container>.title .icon svg:first-child path{fill:var(--text-color-light);stroke:var(--text-color-light);stroke-linejoin:round;stroke-width:calc(var(--size) * 75)}.contact .container>.title .icon.idea svg:last-child path{fill:#ffb300}.contact .container>.title .icon.conversation svg:last-child path{fill:#0573fb}.contact .container .desk{color:var(--text-color-normal);margin-top:calc(var(--size) * 50);grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr);width:100%;display:grid;position:relative}.contact .container .desk .eyebrow{color:color-mix(in srgb, var(--text-color-muted) 78%, transparent);font-size:calc(var(--size) * 11);text-transform:uppercase;margin:0;font-weight:800}.contact .container .desk .details,.contact .container .desk .form,.contact .container .desk .desk-footer{z-index:1;position:relative}.contact .container .desk .details{padding:calc(var(--size) * 42) 0;flex-direction:column;display:flex}.contact .container .desk .details .introduction h3{font-size:clamp(calc(var(--size) * 32), 4vw, calc(var(--size) * 54));margin:0 0 calc(var(--size) * 18);max-width:calc(var(--size) * 440);line-height:.98}.contact .container .desk .details .introduction>p:last-child{color:color-mix(in srgb, var(--text-color-normal) 75%, transparent);max-width:calc(var(--size) * 430);margin:0;line-height:1.65}.contact .container .desk .details .email{color:var(--text-color-normal);align-items:center;gap:calc(var(--size) * 12);margin-top:calc(var(--size) * 38);padding:calc(var(--size) * 10);border-radius:calc(var(--size) * 20);width:calc(var(--size) * 250);grid-template-columns:auto minmax(0,1fr) auto;text-decoration:none;transition:color .18s ease-out,background-color .18s ease-out;display:grid}.contact .container .desk .details .email .email-icon{border-radius:calc(var(--size) * 12);color:#4b9bff;height:calc(var(--size) * 42);width:calc(var(--size) * 42);background:#0573fb38;justify-content:center;align-items:center;display:flex}.contact .container .desk .details .email small,.contact .container .desk .details .email strong{display:block}.contact .container .desk .details .email small{color:color-mix(in srgb, var(--text-color-normal) 75%, transparent);font-size:calc(var(--size) * 11)}.contact .container .desk .details .email strong{font-size:calc(var(--size) * 16);overflow-wrap:anywhere}.contact .container .desk .details .email:hover,.contact .container .desk .details .email:focus-visible{color:#4b9bff;background:#0573fb1f}.contact .container .desk .details .socials{padding-top:calc(var(--size) * 36);margin-top:auto}.contact .container .desk .details .socials .social-list{gap:calc(var(--size) * 8);margin-top:calc(var(--size) * 12);flex-wrap:wrap;display:flex}.contact .container .desk .details .socials .social-list .social-action{--social-color:#0573fb;appearance:none;background:color-mix(in srgb, var(--social-color) 7%, var(--color-bg-page));border:calc(var(--size) * 1) solid color-mix(in srgb, var(--social-color) 20%, var(--border-color));border-radius:calc(var(--size) * 14);color:color-mix(in srgb, var(--social-color) 84%, var(--text-color-normal));cursor:pointer;align-items:center;gap:calc(var(--size) * 8);min-height:calc(var(--size) * 44);padding:calc(var(--size) * 10) calc(var(--size) * 13);justify-content:flex-start;font-weight:700;text-decoration:none;transition:background-color .16s ease-out,border-color .16s ease-out,color .16s ease-out;display:inline-flex}.contact .container .desk .details .socials .social-list .social-action>svg:first-child{color:var(--social-color);filter:drop-shadow(0 calc(var(--size) * 3) calc(var(--size) * 5) color-mix(in srgb, var(--social-color) 18%, transparent));flex:none}.contact .container .desk .details .socials .social-list .social-action>span{min-width:calc(var(--size) * 52)}.contact .container .desk .details .socials .social-list .social-action>svg:last-child{color:color-mix(in srgb, var(--social-color) 48%, var(--text-color-muted));margin-left:auto}.contact .container .desk .details .socials .social-list .social-action:hover,.contact .container .desk .details .socials .social-list .social-action:focus-visible{background:color-mix(in srgb, var(--social-color) 12%, var(--color-bg-page));border-color:color-mix(in srgb, var(--social-color) 42%, var(--border-color));color:var(--social-color)}.contact .container .desk .details .socials .social-list .social-action:focus-visible{outline:calc(var(--size) * 3) solid color-mix(in srgb, var(--social-color) 22%, transparent);outline-offset:calc(var(--size) * 3)}.contact .container .desk .details .socials .social-list .social-action.social-action--github{--social-color:#24292f}.contact .container .desk .details .socials .social-list .social-action.social-action--discord{--social-color:#5865f2}.contact .container .desk .details .socials .social-list .social-action.social-action--reddit{--social-color:#ff4500}.contact .container .desk .form{background:color-mix(in srgb, #0573fb 2.5%, var(--color-bg-page));border:calc(var(--size) * 1) solid color-mix(in srgb, #0573fb 12%, var(--border-color));border-radius:calc(var(--size) * 34);box-shadow:var(--shadow-softer);color:var(--text-color-normal);padding:calc(var(--size) * 34);align-self:stretch;overflow:hidden}.contact .container .desk .form .form-heading{align-items:center;gap:calc(var(--size) * 14);margin-bottom:calc(var(--size) * 28);display:flex}.contact .container .desk .form .form-heading .form-icon{border-radius:calc(var(--size) * 14);color:#0573fb;height:calc(var(--size) * 48);width:calc(var(--size) * 48);background:#0573fb21;justify-content:center;align-items:center;display:flex}.contact .container .desk .form .form-heading .eyebrow{color:var(--text-color-muted)}.contact .container .desk .form .form-heading h3{font-size:calc(var(--size) * 24);margin:calc(var(--size) * 4) 0 0;line-height:1.1}.contact .container .desk .form .field-row{gap:calc(var(--size) * 14);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.contact .container .desk .form .field{gap:calc(var(--size) * 7);margin-bottom:calc(var(--size) * 16);display:grid}.contact .container .desk .form .field>span{font-size:calc(var(--size) * 12);font-weight:800}.contact .container .desk .form .field input,.contact .container .desk .form .field select,.contact .container .desk .form .field textarea{appearance:none;background:var(--color-bg-page);border:calc(var(--size) * 1) solid color-mix(in srgb, var(--border-color) 82%, #0573fb);border-radius:calc(var(--size) * 13);color:var(--text-color-normal);padding:calc(var(--size) * 12) calc(var(--size) * 14);outline:none;width:100%;transition:background-color .16s ease-out,border-color .16s ease-out,box-shadow .16s ease-out}:is(.contact .container .desk .form .field input,.contact .container .desk .form .field select,.contact .container .desk .form .field textarea)::placeholder{color:color-mix(in srgb, var(--text-color-muted) 78%, transparent)}:is(.contact .container .desk .form .field input,.contact .container .desk .form .field select,.contact .container .desk .form .field textarea):hover{border-color:color-mix(in srgb, #0573fb 28%, var(--border-color))}:is(.contact .container .desk .form .field input,.contact .container .desk .form .field select,.contact .container .desk .form .field textarea):focus{background:var(--color-bg-page);box-shadow:0 0 0 calc(var(--size) * 4) #0573fb1f, 0 calc(var(--size) * 8) calc(var(--size) * 18) #0573fb1a;border-color:#0573fb}.contact .container .desk .form .field textarea{min-height:calc(var(--size) * 150);resize:vertical}.contact .container .desk .form .message-field{position:relative}.contact .container .desk .form .message-field>small{bottom:calc(var(--size) * 10);color:var(--text-color-muted);font-size:calc(var(--size) * 10);pointer-events:none;right:calc(var(--size) * 12);position:absolute}.contact .container .desk .form .form-footer{align-items:center;gap:calc(var(--size) * 18);justify-content:space-between;display:flex}.contact .container .desk .form .form-footer>p{color:var(--text-color-muted);font-size:calc(var(--size) * 11);max-width:calc(var(--size) * 240);margin:0;line-height:1.45}.contact .container .desk .form .form-footer .submit{appearance:none;border-radius:calc(var(--size) * 14);color:var(--text-color-light);cursor:pointer;min-height:calc(var(--size) * 48);min-width:calc(var(--size) * 165);padding:calc(var(--size) * 12) calc(var(--size) * 18);background:#0573fb;border:0;font-weight:800;transition:background-color .16s ease-out}.contact .container .desk .form .form-footer .submit:hover,.contact .container .desk .form .form-footer .submit:focus-visible{background:#0463d8}.contact .container .desk .form .form-footer .submit:focus-visible{outline:calc(var(--size) * 3) solid #0573fb3d;outline-offset:calc(var(--size) * 3)}.contact .container .desk .form .form-footer .submit>span{align-items:center;gap:calc(var(--size) * 8);justify-content:center;display:flex}@media (width<=860px){.contact .container .desk{grid-template-columns:1fr}.contact .container .desk:before{-webkit-mask-image:linear-gradient(#000 0%,#0000 55%);mask-image:linear-gradient(#000 0%,#0000 55%)}.contact .container .desk .details{min-height:calc(var(--size) * 620)}.contact .container .desk .form{border-radius:calc(var(--size) * 34);margin:0 calc(var(--size) * 14) calc(var(--size) * 14)}}@media (width<=560px){.contact .container .desk{border-radius:calc(var(--size) * 30)}.contact .container .desk .details{min-height:0;padding:calc(var(--size) * 28) calc(var(--size) * 22)}.contact .container .desk .details .introduction{margin-top:calc(var(--size) * 42)}.contact .container .desk .details .email strong{font-size:calc(var(--size) * 14)}.contact .container .desk .form{border-radius:calc(var(--size) * 22);margin:0 calc(var(--size) * 8) calc(var(--size) * 8);padding:calc(var(--size) * 22) calc(var(--size) * 16)}.contact .container .desk .form .field-row{grid-template-columns:1fr}.contact .container .desk .form .form-footer{flex-direction:column;align-items:stretch}.contact .container .desk .form .form-footer>p{max-width:none}.contact .container .desk .form .form-footer .submit{width:100%}.contact .container .desk .desk-footer{align-items:flex-start;gap:calc(var(--size) * 4);padding:calc(var(--size) * 16) calc(var(--size) * 22);flex-direction:column}}@media (prefers-reduced-motion:reduce){.contact *{transition-duration:.01ms!important}}.projects .container{place-items:center;display:grid}.projects .container>.row{width:100%}.projects .container .title{text-align:center;font-size:calc(var(--size) * 20 + 1.5vw);width:clamp(20rem,100%,45rem);margin:0 auto}.projects .container .title>span{will-change:transform, opacity, filter;display:inline-block}.projects .container .title .icon{vertical-align:-.125em;width:1em;height:1em;margin-inline:.2em;line-height:1;display:inline-block;position:relative}.projects .container .title .icon svg{width:100%;height:100%;position:absolute;top:0;left:0;transform:scale(1.75)}.projects .container .title .icon svg path{transform:scale(.5)translate(50%,50%)}.projects .container .title .icon svg:first-child{filter:drop-shadow(0 calc(var(--size) * 2) calc(var(--size) * 2) #00000040)}.projects .container .title .icon svg:first-child path{fill:var(--text-color-light);stroke:var(--text-color-light);stroke-width:calc(var(--size) * 75);stroke-linejoin:round}.projects .container .title .icon.build svg:nth-child(2) path{fill:#9c27b0}.projects .container .title .icon.launch svg:nth-child(2) path{fill:#ff6d00}.projects .container .carousel{background:linear-gradient(0deg, var(--color) 0%, color-mix(in srgb, var(--color) 75%, #000) 100%);border-radius:calc(var(--size) * 50);width:100%;margin:calc(var(--size) * 50) 0;isolation:isolate;perspective:calc(var(--size) * 900);box-shadow:var(--shadow-hard);position:relative}.projects .container .carousel .bggrid{filter:invert();opacity:.5;z-index:0;border-radius:calc(var(--size) * 50);pointer-events:none;transform-style:preserve-3d;will-change:transform;position:absolute;inset:-5%}.projects .container .carousel .bggrid img{object-fit:cover;width:100%;height:100%;transform:translateZ(calc(var(--size) * -20)) scale(1.06)}.projects .container .carousel .bgoverlay{background:linear-gradient(0deg, var(--color) -25%, transparent 150%);z-index:0;border-radius:calc(var(--size) * 50);width:100%;height:100%;position:absolute;top:0;left:0}.projects .container .carousel .nav{border:calc(var(--size) * 1) solid;border-radius:calc(var(--size) * 20);border-color:var(--border-color);background:var(--color-bg-page);box-shadow:var(--shadow-soft);top:calc(var(--size) * -12.5);padding:calc(var(--size) * 5);justify-content:center;align-items:center;gap:calc(var(--size) * 5);z-index:1;display:flex;position:absolute;left:50%;transform:translate(-50%)}.projects .container .carousel .nav button{appearance:none;color:var(--text-color-muted);padding:calc(var(--size) * 10) calc(var(--size) * 20);padding-top:calc(var(--size) * 7.5);border-radius:calc(var(--size) * 15);font-weight:600;font:inherit;background:0 0;border:0;text-decoration:none;transition:color .15s ease-out,background .15s ease-out,transform .15s ease-out;position:relative;overflow:hidden}.projects .container .carousel .nav button .progress{transform-origin:0;background:color-mix(in srgb, var(--color) 20%, var(--color-bg-page));width:100%;height:100%;position:absolute;top:0;left:0}.projects .container .carousel .nav button:hover:not(.active){color:var(--color);background:color-mix(in srgb, var(--color) 10%, var(--color-bg-page));cursor:pointer;transform:scale(1.05)}.projects .container .carousel .nav button:hover.active{cursor:default}.projects .container .carousel .nav button:active:not(.active){transform:scale(.95)}.projects .container .carousel .nav button.active{color:var(--color);background:color-mix(in srgb, var(--color) 10%, var(--color-bg-page))}.projects .container .carousel .nav button span:not(.progress){z-index:1;margin:0;font-weight:600;position:relative}.projects .container .carousel .carousel-body{margin-top:calc(var(--size) * 30);margin-bottom:calc(var(--size) * 30);z-index:1;position:relative}.projects .container .carousel .project-slide{z-index:1;will-change:transform, opacity, filter;position:relative}.projects .container .carousel .row{z-index:1;position:relative}.projects .container .carousel .row .column{padding:calc(var(--size) * 50)}.projects .container .carousel .row .column:first-child h3{color:var(--text-color-light);font-size:calc(var(--size) * 20 + 1.5vw);margin:0 0 calc(var(--size) * 10) 0}.projects .container .carousel .row .column:first-child p{color:var(--text-color-light);font-size:calc(var(--size) * 7.5 + .5vw);width:calc(100% - calc(var(--size) * 100));margin:0}.projects .container .carousel .row .column:first-child .project-details-button{appearance:none;background:var(--color-bg-page);border:calc(var(--size) * 1) solid color-mix(in srgb, var(--color) 25%, var(--border-color));border-radius:calc(var(--size) * 15);box-shadow:var(--shadow-soft);color:color-mix(in srgb, var(--color) 86%, #000);cursor:pointer;align-items:center;gap:calc(var(--size) * 9);margin-top:calc(var(--size) * 24);padding:calc(var(--size) * 11) calc(var(--size) * 16);font-weight:800;transition:background-color .16s ease-out,border-color .16s ease-out,color .16s ease-out;display:inline-flex}.projects .container .carousel .row .column:first-child .project-details-button:hover,.projects .container .carousel .row .column:first-child .project-details-button:focus-visible{background:color-mix(in srgb, var(--color) 12%, var(--color-bg-page));border-color:color-mix(in srgb, var(--color) 45%, var(--border-color));color:var(--color)}.projects .container .carousel .row .column:first-child .project-details-button:focus-visible{outline:calc(var(--size) * 3) solid color-mix(in srgb, var(--color) 32%, transparent);outline-offset:calc(var(--size) * 3)}.projects .container .carousel .row .column .highlightcard{background:var(--color-bg-page);border-radius:calc(var(--size) * 20);box-shadow:var(--shadow-soft);width:calc(100% - calc(var(--size) * 100));margin:0 auto;position:relative;overflow:hidden}.projects .container .carousel .row .column .highlightcard .highlightcontent{overflow:hidden}.projects .container .carousel .row .column .highlightcard .highlightnav{border:calc(var(--size) * 1) solid;border-radius:calc(var(--size) * 15);border-color:var(--border-color);background:var(--color-bg-page);box-shadow:var(--shadow-soft);top:calc(var(--size) * 15);right:calc(var(--size) * 15);padding:calc(var(--size) * 5);justify-content:center;align-items:center;gap:calc(var(--size) * 5);z-index:1;display:flex;position:absolute}.projects .container .carousel .row .column .highlightcard .highlightnav button{appearance:none;color:var(--text-color-muted);padding:calc(var(--size) * 5);border-radius:calc(var(--size) * 10);font-weight:600;font:inherit;background:0 0;border:0;text-decoration:none;transition:color .15s ease-out,background .15s ease-out,transform .15s ease-out;position:relative;overflow:hidden}.projects .container .carousel .row .column .highlightcard .highlightnav button:hover:not(.active){color:var(--color);background:color-mix(in srgb, var(--color) 10%, var(--color-bg-page));cursor:pointer;transform:scale(1.05)}.projects .container .carousel .row .column .highlightcard .highlightnav button:hover.active{cursor:default}.projects .container .carousel .row .column .highlightcard .highlightnav button:active:not(.active){transform:scale(.95)}.projects .container .carousel .row .column .highlightcard .highlightnav button.active{color:var(--color);background:color-mix(in srgb, var(--color) 10%, var(--color-bg-page))}.projects .container .carousel .row .column .highlightcard img{object-fit:cover;aspect-ratio:16/9;width:100%;height:auto}.projects .container .carousel .row .column .highlightcard p{margin:calc(var(--size) * 20);font-weight:700}.projects .container .all{width:100%;margin-top:calc(var(--size) * 50)}.projects .container .all .project-column--transitioning{z-index:20;position:relative}.projects .container .all .item{appearance:none;border:calc(var(--size) * 2) solid;border-color:color-mix(in srgb, var(--border-color) 50%, transparent);background:color-mix(in srgb, var(--color-bg-page) 88%, transparent);-webkit-backdrop-filter:blur(calc(var(--size) * 10));backdrop-filter:blur(calc(var(--size) * 10));box-shadow:var(--shadow-softer);border-radius:calc(var(--size) * 25);will-change:transform, max-height, opacity, filter;text-align:left;cursor:pointer;z-index:0;width:100%;padding:0;position:relative;overflow:hidden}.projects .container .all .item.item--transitioning{z-index:20}.projects .container .all .item img,.projects .container .all .item .project-media{object-fit:cover;aspect-ratio:16/9;width:100%;height:auto}.projects .container .all .item h3{width:100%;padding:calc(var(--size) * 15);color:var(--text-color-light);background:linear-gradient(0deg, var(--color) 0%, color-mix(in srgb, var(--color) 50%, transparent) 50%, transparent 100%);filter:drop-shadow(0 calc(var(--size) * 2) calc(var(--size) * 2) #00000080);margin:0;position:absolute;bottom:0;left:0}.projects .container .popup{z-index:9999;width:100%;height:100%;padding:calc(var(--size) * 36);isolation:isolate;place-items:center;display:grid;position:fixed;top:0;left:0}.projects .container .popup .popup__scrim{appearance:none;cursor:pointer;z-index:0;background:#0000008a;border:0;position:absolute;inset:0}.projects .container .popup img.background{inset:calc(var(--size) * -50);width:calc(100% + calc(var(--size) * 100));height:calc(100% + calc(var(--size) * 100));object-fit:cover;filter:blur(calc(var(--size) * 14)) saturate(1.15);opacity:.42;z-index:-1;position:absolute}.projects .container .popup .popup__panel{background:color-mix(in srgb, var(--color-bg-page) 94%, transparent);border:calc(var(--size) * 1) solid color-mix(in srgb, var(--border-color) 70%, transparent);border-radius:calc(var(--size) * 30);box-shadow:var(--shadow-hard);max-height:calc(100vh - calc(var(--size) * 72));max-width:calc(var(--size) * 920);width:min(100%, calc(var(--size) * 920));z-index:1;position:relative;overflow:auto}.projects .container .popup .popup__close{appearance:none;border:calc(var(--size) * 1) solid var(--border-color);background:var(--color-bg-page);border-radius:calc(var(--size) * 14);box-shadow:var(--shadow-soft);color:var(--text-color-default);cursor:pointer;height:calc(var(--size) * 40);right:calc(var(--size) * 18);top:calc(var(--size) * 18);width:calc(var(--size) * 40);z-index:3;place-items:center;display:grid;position:absolute}.projects .container .popup .popup__media{aspect-ratio:16/8;min-height:calc(var(--size) * 270);position:relative;overflow:hidden}.projects .container .popup .popup__media img{object-fit:cover;width:100%;height:100%}.projects .container .popup .popup__media-shade{background:linear-gradient(0deg, color-mix(in srgb, var(--color) 72%, #000) 0%, transparent 70%), linear-gradient(90deg, #0000007a 0%, transparent 62%);position:absolute;inset:0}.projects .container .popup .popup__heading{bottom:calc(var(--size) * 30);left:calc(var(--size) * 34);width:min(calc(100% - calc(var(--size) * 68)), calc(var(--size) * 620));position:absolute}.projects .container .popup .popup__heading h3{color:var(--text-color-light);font-size:calc(var(--size) * 26 + 1.4vw);margin:0;line-height:.95}.projects .container .popup .popup__eyebrow{color:color-mix(in srgb, var(--text-color-light) 82%, transparent);font-size:calc(var(--size) * 12);letter-spacing:0;margin:0 0 calc(var(--size) * 8);text-transform:uppercase;font-weight:800}.projects .container .popup .popup__content{gap:calc(var(--size) * 24);padding:calc(var(--size) * 32);display:grid}.projects .container .popup .popup__summary{color:var(--text-color-default);font-size:calc(var(--size) * 10 + .35vw);max-width:calc(var(--size) * 760);margin:0;line-height:1.55}.projects .container .popup .popup__links{gap:calc(var(--size) * 10);flex-wrap:wrap;display:flex}.projects .container .popup .popup__links a{background:color-mix(in srgb, var(--color) 12%, var(--color-bg-page));border:calc(var(--size) * 1) solid color-mix(in srgb, var(--color) 26%, var(--border-color));border-radius:calc(var(--size) * 14);color:var(--color);align-items:center;gap:calc(var(--size) * 8);padding:calc(var(--size) * 10) calc(var(--size) * 14);font-weight:800;text-decoration:none;display:inline-flex}.projects .container .popup .popup__highlights{gap:calc(var(--size) * 14);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.projects .container .popup .popup__highlight{background:color-mix(in srgb, var(--color-bg-page) 88%, transparent);border:calc(var(--size) * 1) solid color-mix(in srgb, var(--border-color) 70%, transparent);border-radius:calc(var(--size) * 18);overflow:hidden}.projects .container .popup .popup__highlight img{aspect-ratio:16/9;object-fit:cover;width:100%;height:auto}.projects .container .popup .popup__highlight p{margin:calc(var(--size) * 14);font-weight:800}.projects .container .popup .popup__details{gap:calc(var(--size) * 14);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.projects .container .popup .popup__detail{background:color-mix(in srgb, var(--color-bg-page) 92%, transparent);border:calc(var(--size) * 1) solid color-mix(in srgb, var(--border-color) 70%, transparent);border-radius:calc(var(--size) * 18);padding:calc(var(--size) * 20)}.projects .container .popup .popup__detail h4{color:var(--text-color-default);font-size:calc(var(--size) * 16);margin:0 0 calc(var(--size) * 10)}.projects .container .popup .popup__detail p,.projects .container .popup .popup__detail ul{color:var(--text-color-muted);margin:0;line-height:1.55}.projects .container .popup .popup__detail ul{padding-left:calc(var(--size) * 18)}.projects .container .popup .popup__detail li+li{margin-top:calc(var(--size) * 8)}@media (width<=760px){.projects .container .popup{padding:calc(var(--size) * 14)}.projects .container .popup .popup__panel{max-height:calc(100vh - calc(var(--size) * 28))}.projects .container .popup .popup__media{aspect-ratio:4/3}.projects .container .popup .popup__heading{left:calc(var(--size) * 22);width:calc(100% - calc(var(--size) * 44))}.projects .container .popup .popup__content{padding:calc(var(--size) * 22)}.projects .container .popup .popup__highlights,.projects .container .popup .popup__details{grid-template-columns:1fr}}@media (width<=900px){.projects .container .carousel .row .column{padding:calc(var(--size) * 32)}.projects .container .carousel .row .column.project-slide__content p{font-size:calc(var(--size) * 15);width:100%;line-height:1.55}.projects .container .carousel .row .column .highlightcard{width:100%}}@media (width<=720px){.projects .container .carousel{border-radius:calc(var(--size) * 28);margin:calc(var(--size) * 38) 0 calc(var(--size) * 44)}.projects .container .carousel .bggrid,.projects .container .carousel .bgoverlay{border-radius:calc(var(--size) * 28)}.projects .container .carousel .nav{max-width:calc(100% - calc(var(--size) * 24));padding:calc(var(--size) * 4);width:max-content}.projects .container .carousel .nav button{min-width:0;padding:calc(var(--size) * 8) calc(var(--size) * 11)}.projects .container .carousel .nav button span:not(.progress){text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.projects .container .carousel .carousel-body{margin-bottom:calc(var(--size) * 14);margin-top:calc(var(--size) * 20)}.projects .container .carousel .row{gap:0}.projects .container .carousel .row .column.project-slide__content{padding:calc(var(--size) * 34) calc(var(--size) * 24) calc(var(--size) * 28);grid-column:1/-1}.projects .container .carousel .row .column.project-slide__content h3{font-size:clamp(calc(var(--size) * 28), 9vw, calc(var(--size) * 38));margin-bottom:calc(var(--size) * 14);line-height:1}.projects .container .carousel .row .column.project-slide__content p{font-size:calc(var(--size) * 15);width:100%;line-height:1.55}.projects .container .carousel .row .column.project-slide__content .project-details-button{margin-top:calc(var(--size) * 22);justify-content:center;width:100%}.projects .container .carousel .row .project-slide__highlight{display:none}.projects .container .all{margin-top:calc(var(--size) * 32)}.projects .container .all .row{gap:calc(var(--size) * 12)}.projects .container .all .item{border-radius:calc(var(--size) * 16)}.projects .container .all .item h3{font-size:calc(var(--size) * 14);padding:calc(var(--size) * 10);line-height:1.15}}.project-media{object-fit:cover;width:100%;display:block}.project-media--fallback{background:linear-gradient(135deg, color-mix(in srgb, var(--color) 92%, #fff) 0%, color-mix(in srgb, var(--color) 64%, #000) 100%);position:relative}.project-media--fallback:before{background:linear-gradient(90deg, #fff3 calc(var(--size) * 1), transparent calc(var(--size) * 1)), linear-gradient(0deg, #ffffff2e calc(var(--size) * 1), transparent calc(var(--size) * 1));background-size:calc(var(--size) * 24) calc(var(--size) * 24);content:"";opacity:.28;position:absolute;inset:0}.project-popup{pointer-events:none;z-index:2147483647;background:0 0;position:fixed;inset:0;overflow-y:auto;transform:translateZ(0)}.project-popup__page{isolation:isolate;pointer-events:auto;will-change:transform;z-index:1;background:0 0;width:100%;min-height:100vh;position:relative;transform:translateZ(0)}.project-popup__close{appearance:none;background:color-mix(in srgb, var(--color-bg-page) 88%, transparent);-webkit-backdrop-filter:blur(calc(var(--size) * 10));backdrop-filter:blur(calc(var(--size) * 10));border:calc(var(--size) * 1) solid color-mix(in srgb, var(--border-color) 75%, transparent);border-radius:calc(var(--size) * 16);box-shadow:var(--shadow-soft);color:var(--text-color-default);cursor:pointer;height:calc(var(--size) * 44);right:calc(var(--size) * 24);top:calc(var(--size) * 24);width:calc(var(--size) * 44);z-index:4;place-items:center;display:grid;position:fixed}.project-popup__hero{align-items:end;min-height:100vh;display:grid;position:relative;overflow:hidden}.project-popup__hero>.project-media{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.project-popup__hero-shade{background:linear-gradient(0deg, color-mix(in srgb, #000 82%, var(--color)) 0%, #0000006b 45%, #0003 100%), linear-gradient(90deg, color-mix(in srgb, var(--color) 62%, #000) 0%, transparent 62%);position:absolute;inset:0}.project-popup__hero-content{padding:calc(var(--size) * 72) calc(var(--size) * 48);width:min(100%, calc(var(--size) * 900));z-index:1;position:relative}.project-popup__hero-content h3{color:var(--text-color-light);font-size:clamp(calc(var(--size) * 42), 9vw, calc(var(--size) * 104));max-width:calc(var(--size) * 760);margin:0;line-height:.92}.project-popup__summary{color:color-mix(in srgb, var(--text-color-light) 86%, transparent);font-size:calc(var(--size) * 12 + .45vw);margin:calc(var(--size) * 22) 0 0;max-width:calc(var(--size) * 720);line-height:1.55}.project-popup__links{gap:calc(var(--size) * 10);margin-top:calc(var(--size) * 24);flex-wrap:wrap;display:flex}.project-popup__links a{background:color-mix(in srgb, var(--text-color-light) 14%, transparent);-webkit-backdrop-filter:blur(calc(var(--size) * 10));backdrop-filter:blur(calc(var(--size) * 10));border:calc(var(--size) * 1) solid color-mix(in srgb, var(--text-color-light) 24%, transparent);border-radius:calc(var(--size) * 14);color:var(--text-color-light);align-items:center;gap:calc(var(--size) * 8);padding:calc(var(--size) * 11) calc(var(--size) * 15);font-weight:800;text-decoration:none;display:inline-flex}.project-popup__content{background:color-mix(in srgb, var(--color-bg-page) 97.5%, #000);padding:calc(var(--size) * 56) calc(var(--size) * 32) calc(var(--size) * 72);width:100%;display:block}.project-popup__content-inner{gap:calc(var(--size) * 36);width:min(100%, calc(var(--size) * 1040));margin:0 auto;display:grid}.project-popup__section{min-width:0}.project-popup__highlights-section{--popup-content-edge:max(calc(var(--size) * 32), calc((100vw - calc(var(--size) * 1040)) / 2));width:100vw;margin-left:calc(50% - 50vw)}.project-popup__section-heading h4,.project-popup__detail h4{color:var(--text-color-default);font-size:calc(var(--size) * 20);margin:0}.project-popup__section-heading{margin-bottom:calc(var(--size) * 16);justify-content:space-between;align-items:end;display:flex}.project-popup__highlights-section .project-popup__section-heading{padding-inline:var(--popup-content-edge)}.project-popup__section-heading>div>p{color:var(--text-color-muted);font-size:calc(var(--size) * 11);margin:calc(var(--size) * 5) 0 0;font-weight:700}.project-popup__highlights-nav{gap:calc(var(--size) * 7);display:flex}.project-popup__highlights-nav button{appearance:none;background:var(--color-bg-page);border:calc(var(--size) * 1) solid color-mix(in srgb, var(--color) 24%, var(--border-color));border-radius:calc(var(--size) * 12);color:var(--color);cursor:pointer;height:calc(var(--size) * 40);width:calc(var(--size) * 40);place-items:center;display:grid}.project-popup__highlights-nav button:focus-visible,.project-popup__highlight-dots button:focus-visible,.project-popup__highlights:focus-visible{outline:calc(var(--size) * 3) solid color-mix(in srgb, var(--color) 30%, transparent);outline-offset:calc(var(--size) * 3)}.project-popup__highlights{--highlight-card-width:min(calc(var(--size) * 480), calc(100vw - calc(var(--size) * 72)));gap:calc(var(--size) * 18);overscroll-behavior-inline:contain;padding:calc(var(--size) * 6) var(--popup-content-edge) calc(var(--size) * 22);scroll-behavior:smooth;scroll-padding-inline:var(--popup-content-edge);scroll-snap-type:x mandatory;scrollbar-width:none;touch-action:pan-x pan-y;display:flex;position:relative;overflow:auto hidden}.project-popup__highlights:after{content:"";flex:0 0 max(0px, calc(100% - var(--popup-content-edge) - var(--popup-content-edge) - var(--highlight-card-width)))}.project-popup__highlights::-webkit-scrollbar{display:none}.project-popup__highlight{background:color-mix(in srgb, var(--color-bg-page) 92%, transparent);border:calc(var(--size) * 1) solid color-mix(in srgb, var(--border-color) 70%, transparent);border-radius:calc(var(--size) * 20);flex:0 0 var(--highlight-card-width);scroll-snap-align:start;scroll-snap-stop:always;overflow:hidden}.project-popup__highlight img{aspect-ratio:16/9;object-fit:cover;width:100%;height:auto}.project-popup__highlight-copy{align-items:start;gap:calc(var(--size) * 11);padding:calc(var(--size) * 16);grid-template-columns:auto minmax(0,1fr);display:grid}.project-popup__highlight-copy>span{color:var(--color);font-size:calc(var(--size) * 10);font-weight:900;line-height:1.6}.project-popup__highlight-copy p{margin:0;font-weight:800}.project-popup__highlight-dots{gap:calc(var(--size) * 7);margin-top:calc(var(--size) * 4);justify-content:center;display:flex}.project-popup__highlight-dots button{appearance:none;background:color-mix(in srgb, var(--color) 22%, var(--border-color));cursor:pointer;height:calc(var(--size) * 8);width:calc(var(--size) * 8);border:0;border-radius:50%;padding:0;transition:background-color .18s ease-out,transform .18s ease-out,width .18s ease-out}.project-popup__highlight-dots button[aria-current=true]{background:var(--color);border-radius:calc(var(--size) * 5);width:calc(var(--size) * 24)}.project-popup__details{gap:calc(var(--size) * 18);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.project-popup__detail{background:color-mix(in srgb, var(--color-bg-page) 94%, transparent);border:calc(var(--size) * 1) solid color-mix(in srgb, var(--border-color) 70%, transparent);border-radius:calc(var(--size) * 20);padding:calc(var(--size) * 22)}.project-popup__detail p,.project-popup__detail ul{color:var(--text-color-muted);margin:0;line-height:1.6}.project-popup__detail ul{padding-left:calc(var(--size) * 18)}.project-popup__detail li+li{margin-top:calc(var(--size) * 8)}@media (width<=760px){.project-popup__close{right:calc(var(--size) * 14);top:calc(var(--size) * 14)}.project-popup__hero-content{padding:calc(var(--size) * 64) calc(var(--size) * 22) calc(var(--size) * 42)}.project-popup__content{padding:calc(var(--size) * 34) calc(var(--size) * 18) calc(var(--size) * 52)}.project-popup__highlights,.project-popup__details{grid-template-columns:1fr}.project-popup__highlights-section{--popup-content-edge:calc(var(--size) * 18)}.project-popup__highlights{--highlight-card-width:min(calc(var(--size) * 480), calc(100vw - calc(var(--size) * 56)))}}@media (prefers-reduced-motion:reduce){.project-popup__highlights{scroll-behavior:auto}}.skills .container{place-items:center;display:grid}.skills .container>.title{font-size:calc(var(--size) * 20 + 1.5vw);text-align:center;width:clamp(20rem,100%,45rem);margin:0}.skills .container>.title>span{will-change:transform, opacity, filter;display:inline-block}.skills .container>.title .icon{vertical-align:-.125em;width:1em;height:1em;margin-inline:.2em;line-height:1;display:inline-block;position:relative}.skills .container>.title .icon svg{width:100%;height:100%;position:absolute;top:0;left:0;transform:scale(1.75)}.skills .container>.title .icon svg path{transform:scale(.5)translate(50%,50%)}.skills .container>.title .icon svg:first-child{filter:drop-shadow(0 calc(var(--size) * 2) calc(var(--size) * 2) #00000040)}.skills .container>.title .icon svg:first-child path{fill:var(--text-color-light);stroke:var(--text-color-light);stroke-linejoin:round;stroke-width:calc(var(--size) * 75)}.skills .container>.title .icon.tools svg:last-child path{fill:#0573fb}.skills .container>.title .icon.ideas svg:last-child path{fill:#ff6d00}.skills .container>.title .icon.polish svg:last-child path{fill:#43d300}.skills .container .explorer{background:var(--color-1);border-radius:calc(var(--size) * 50);box-shadow:var(--shadow-hard);color:var(--text-color-light);grid-template-columns:minmax(calc(var(--size) * 250), .8fr) minmax(0, 1.65fr);margin-top:calc(var(--size) * 50);width:100%;display:grid;position:relative;overflow:hidden}.skills .container .explorer .categories{background:color-mix(in srgb, var(--border-color) 5%, var(--color-1));gap:calc(var(--size) * 5);padding:calc(var(--size) * 25);flex-direction:column;display:flex}.skills .container .explorer .categories .category{appearance:none;color:#ffffff9e;cursor:pointer;align-items:center;gap:calc(var(--size) * 11);grid-template-columns:calc(var(--size) * 30) minmax(0, 1fr) auto;min-height:calc(var(--size) * 48);padding:calc(var(--size) * 7) calc(var(--size) * 11);text-align:left;background:0 0;border:0;transition:color .16s ease-out;display:grid;position:relative}.skills .container .explorer .categories .category>:not(.category-active){z-index:1;position:relative}.skills .container .explorer .categories .category:hover,.skills .container .explorer .categories .category[aria-selected=true]{color:#fff}.skills .container .explorer .categories .category:focus-visible{outline:calc(var(--size) * 2) solid var(--category-color);outline-offset:calc(var(--size) * 2)}.skills .container .explorer .categories .category .category-active{background:color-mix(in srgb, var(--border-color) 15%, var(--color-1));border-radius:calc(var(--size) * 20);position:absolute;inset:0}.skills .container .explorer .categories .category .category-icon{background:color-mix(in srgb, var(--category-color) 20%, transparent);color:var(--category-color);height:calc(var(--size) * 30);width:calc(var(--size) * 30);border-radius:calc(var(--size) * 8);justify-content:center;align-items:center;display:flex}.skills .container .explorer .categories .category .category-name{font-size:calc(var(--size) * 15);font-weight:700;line-height:1.25}.skills .container .explorer .panel{min-height:calc(var(--size) * 500);padding:calc(var(--size) * 25);position:relative;overflow:hidden}.skills .container .explorer .panel .panel-content{width:100%}.skills .container .explorer .panel .panel-content .panel-heading{margin:0;margin-bottom:calc(var(--size) * 28);justify-content:space-between;align-items:end;display:flex}.skills .container .explorer .panel .panel-content .panel-heading h3{font-size:clamp(calc(var(--size) * 25), 3vw, calc(var(--size) * 38));margin:0;line-height:1.08}.skills .container .explorer .panel .panel-content .panel-total{color:var(--skill-accent);font-size:calc(var(--size) * 54);font-variant-numeric:tabular-nums;font-weight:900;line-height:.8;transition:color .3s cubic-bezier(.65,0,.35,1)}.skills .container .explorer .panel .panel-content .list{margin:0;padding:0;list-style:none}.skills .container .explorer .panel .panel-content .list .item{align-items:center;gap:calc(var(--size) * 14);min-height:calc(var(--size) * 51);grid-template-columns:minmax(0,1fr) auto;transition:color .15s ease-out;display:grid}.skills .container .explorer .panel .panel-content .list .item:hover{color:var(--skill-accent)}.skills .container .explorer .panel .panel-content .list .item .item-name{font-size:calc(var(--size) * 16);font-weight:750}.skills .container .explorer .panel .panel-content .list .item .rating{gap:calc(var(--size) * 6);display:flex}.skills .container .explorer .panel .panel-content .list .item .rating .rating-dot{color:var(--skill-accent);transition:color .3s cubic-bezier(.65,0,.35,1);display:inline-flex}@media (width<=800px){.skills .container .explorer{grid-template-columns:1fr}.skills .container .categories{border-bottom:calc(var(--size) * 1) solid #ffffff17;grid-auto-columns:minmax(calc(var(--size) * 190), 1fr);padding:calc(var(--size) * 22) calc(var(--size) * 18) calc(var(--size) * 16);scrollbar-width:thin;border-right:0;grid-auto-flow:column;display:grid;overflow-x:auto}.skills .container .eyebrow{display:none}.skills .container .panel{min-height:calc(var(--size) * 470);padding:calc(var(--size) * 28) calc(var(--size) * 22)}}@media (width<=520px){.skills .container .panel-heading{align-items:start}.skills .container .panel-heading .panel-total{font-size:calc(var(--size) * 40)}.skills .container .item{grid-template-columns:calc(var(--size) * 22) minmax(0, 1fr)}.skills .container .rating{padding-bottom:calc(var(--size) * 11);grid-column:2}}@media (prefers-reduced-motion:reduce){.skills *{scroll-behavior:auto;transition-duration:.01ms!important}}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--font-body:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--color-2:#0371f7;--color-1:#02122d;--color-bg-page:#fff;--size:.0625rem;--border-color:#ddd;--shadow-none:0 0 0 #0000;--shadow-softer:0 1rem 8rem #0000001a;--shadow-soft:0 1rem 4rem #0003;--shadow-hard:0 1rem 2rem #0000004d;--shadow-harder:0 1rem 1rem #0006;--shadow-hardest:0 1rem .5rem #00000080;--text-color-muted:#aaa;--text-color-normal:#222;--text-color-light:#fff;--highlight-bg-color-muted:#00000010}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--color-bg-page);min-width:320px;color:var(--text-color-normal);font-family:var(--font-body);margin:0;line-height:1.5}button,input,textarea{font:inherit}a{color:inherit}img,svg{max-width:100%;display:block}.section{padding:88px 0}.section__inner{width:var(--container);margin:0 auto}.section__eyebrow{color:var(--color-accent-strong);letter-spacing:0;text-transform:uppercase;margin:0 0 12px;font-size:.78rem;font-weight:800}.section__title{max-width:720px;margin:0;font-size:clamp(2rem,5vw,4rem);line-height:.98}.section__copy{max-width:680px;color:var(--color-muted);margin:20px 0 0;font-size:1.08rem}.button{border:1px solid var(--color-ink);border-radius:var(--radius-sm);background:var(--color-ink);color:#fff;align-items:center;gap:10px;min-height:44px;padding:0 18px;font-weight:800;text-decoration:none;display:inline-flex}.button--secondary{color:var(--color-ink);background:0 0}@media (width<=720px){.section{padding:64px 0}.section__inner{width:min(100% - 28px,1120px)}}