:root{--bg:linear-gradient(0deg, #0a0a0f 0%, #1e1e2d 50%, #0f0f14 100%);--border:#414141;--blue-light:67, 183, 255;--blue-dark:8, 10, 20;--white:255, 255, 255;--light-alpha:rgba(var(--white), .08);--lighter-alpha:rgba(var(--white), .04);--text-title:#e7e7de;--text-content:#c7c7ce;--effect:#43b7ff;--effect-gradient:linear-gradient(to right, #4060ff 0%, #2d9dff 100%);--effect-background-gradient:linear-gradient(145deg, rgba(var(--blue-light), .14), rgba(var(--blue-dark), .14));--box-bg:#1e1e2d33;--box-bg-solid:#1e1e2d;--container-bg:linear-gradient(145deg, #202030, #1b1b29);--container-shadow:8px 8px 16px #151520, -8px -8px 16px #27273b;--border-rad:16px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{background-color:#0a0a0f;background-image:var(--bg);min-height:100%;color:var(--text-content);scroll-behavior:smooth;background-repeat:no-repeat;background-attachment:fixed;font-family:Geist,sans-serif}h1,h2,h3,h4,h5,h6{color:var(--text-title);font-weight:600}svg{--svgsize:auto;width:var(--svgsize);height:var(--svgsize);color:var(--text-title);-webkit-user-select:none;user-select:none}svg use{color:var(--text-title)}a{color:var(--text-title);font-weight:600;text-decoration:none}a:hover{color:var(--effect);cursor:pointer;text-decoration:underline}@font-face{font-family:Geist;src:url(/fonts/Geist-VariableFont_wght.ttf)format("truetype");font-weight:100 900;font-display:swap}header nav{align-items:center;display:flex;position:relative}.nav-toggle{border:1px solid var(--border);background:var(--lighter-alpha);width:44px;height:44px;color:var(--text-title);cursor:pointer;border-radius:100px;flex-direction:column;justify-content:center;align-items:center;display:none}.nav-toggle-bar{background:currentColor;border-radius:2px;width:18px;height:2px;transition:transform .25s,opacity .2s;display:block}.nav-toggle-bar+.nav-toggle-bar{margin-top:4px}.nav-links{background:rgba(var(--blue-dark), .45);border:1px solid var(--light-alpha);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:999px;align-items:center;gap:.5rem;padding:.4rem;display:flex}.nav-links a{color:var(--text-title);border-radius:999px;justify-content:center;align-items:center;padding:.5rem .85rem;font-size:.95rem;font-weight:600;line-height:1;text-decoration:none;transition:background .2s,color .2s,transform .2s;display:inline-flex}.nav-links a:hover{background:rgba(var(--blue-light), .18);text-decoration:none;transform:translateY(-1px)}.nav-links a:focus-visible{outline:2px solid var(--effect);outline-offset:2px}@media (width<=920px){header nav{order:1;margin-right:.5rem}.nav-toggle{display:inline-flex}.nav-links{z-index:30;border-radius:var(--border-rad);background:rgba(var(--blue-dark), .95);border:1px solid var(--border);opacity:0;visibility:hidden;pointer-events:none;transform-origin:100% 0;flex-direction:column;align-items:stretch;gap:.5rem;min-width:220px;padding:.5rem;transition:opacity .2s,transform .2s,visibility .2s;display:flex;position:absolute;top:calc(100% + .6rem);right:0;transform:translateY(-8px)scale(.98)}header.nav-open .nav-links{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0)scale(1)}.nav-links a{border-radius:10px;justify-content:flex-start;width:100%;padding:.65rem .8rem;font-size:.92rem}header.nav-open .nav-toggle-bar:first-child{transform:translateY(6px)rotate(45deg)}header.nav-open .nav-toggle-bar:nth-child(2){opacity:0}header.nav-open .nav-toggle-bar:nth-child(3){transform:translateY(-6px)rotate(-45deg)}}.langSwitch{cursor:pointer;background:0 0;width:60px;height:42px;transition:transform .3s;position:relative}.langSwitch:hover{transform:scale(1.1)}.flag{transform-origin:50%;width:42px;height:28px;position:absolute}.flag.active{z-index:2;transform:translateY(8px)scale(1)rotate(0)}.flag:not(.active){z-index:1;transform:translate(8px)scale(.88)rotate(-8deg)}.flag.to-front{z-index:2;animation:.45s cubic-bezier(.34,1.56,.64,1) forwards toFront}.flag.to-back{z-index:1;animation:.45s cubic-bezier(.34,1.56,.64,1) forwards toBack}.flag svg{width:100%;height:100%}@keyframes toFront{0%{transform:translate(8px)scale(.88)rotate(-8deg)}35%{transform:translate(18px,-10px)scale(.95)rotate(-3deg)}70%{transform:translate(-2px,10px)scale(1.06)rotate(2deg)}to{transform:translateY(8px)scale(1)rotate(0)}}@keyframes toBack{0%{transform:translateY(8px)scale(1)rotate(0)}35%{transform:translate(-4px,14px)scale(.95)rotate(3deg)}70%{transform:translate(16px,-4px)scale(.86)rotate(-10deg)}to{transform:translate(8px)scale(.88)rotate(-8deg)}}.modal{opacity:0;visibility:hidden;pointer-events:none;z-index:30;place-items:center;padding:24px;transition:opacity .25s,visibility .25s;display:grid;position:fixed;inset:0}.modal.is-open{opacity:1;visibility:visible;pointer-events:auto}.modal-overlay{background:rgba(var(--blue-dark), .7);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);position:absolute;inset:0}.modal-card{border-radius:var(--border-rad);border:1px solid var(--border);background:var(--container-bg);width:min(720px,100%);max-height:min(82vh,700px);padding:20px 20px 16px;transition:transform .25s;position:relative;overflow:auto;transform:translateY(10px)scale(.98);box-shadow:0 24px 44px #0006}.modal.is-open .modal-card{transform:translateY(0)scale(1)}body.modal-open{overflow:hidden}.modal-head{justify-content:space-between;align-items:center;gap:14px;margin-bottom:14px;display:flex}.modal-head h2{font-size:clamp(1.1rem,3vw,1.4rem)}.modal-body{gap:14px;display:grid}.modal-body .box{padding:12px}.modal-body .box h3{margin-bottom:8px;font-size:1rem}.modal-body .box p,.modal-body .box li{font-size:.95rem}.modal-body .box ul{gap:8px;padding-left:18px;display:grid}.modal-foot{justify-content:flex-end;margin:16px 0 0;padding:12px 0 0}@media (width<=640px){.modal-card{padding:14px}}#fullscreen-image{object-fit:contain;border-radius:var(--border-rad);width:100%;height:auto}.contact-layout{grid-template-columns:minmax(250px,.82fr) minmax(0,1.18fr);align-items:stretch;gap:2em;display:grid}.contact-left{flex-direction:column;justify-content:center;gap:2em;display:flex}.contact-info h3,.contact-socials h3,#contact-form-title{margin-bottom:1rem}.contact-info ul{gap:1.2rem;list-style:none;display:grid}.contact-info li{grid-template-columns:22px 1fr;align-items:start;gap:.8rem;display:grid}.contact-info li>svg{--svgsize:1.5rem;margin-top:.2rem}.contact-socials .social-actions{justify-content:start}@media (width<=820px){.contact-socials .social-actions{width:inherit;display:inherit}}#contact-form{gap:1rem;display:grid}.contact-field{gap:.4rem;display:grid}.contact-field input,.contact-field textarea{font:inherit;color:var(--text-content);border-radius:var(--border-rad);border:1px solid var(--border);background:rgba(var(--blue-dark), .7);padding:.75rem .8rem;transition:border-color .2s,box-shadow .2s,background-color .2s}.contact-field textarea{resize:vertical;min-height:6rem}.contact-field input:hover,.contact-field textarea:hover{border-color:rgba(var(--blue-light), .4)}.contact-field input:focus-visible,.contact-field textarea:focus-visible{border-color:var(--effect);box-shadow:0 0 0 3px rgba(var(--blue-light), .2);background:rgba(var(--blue-dark), .86);outline:none}.contact-field input[aria-invalid=true],.contact-field textarea[aria-invalid=true]{border-color:#ff8f8f}.contact-field-error{color:#ff8f8f;min-height:1.1em;font-size:.84rem;line-height:1.35}.contact-submit{justify-self:start;align-items:center;gap:.5rem;display:inline-flex}.contact-submit svg{--svgsize:1.5rem}.form-status{font-size:.9rem;font-weight:600}.form-status.is-success{color:#9bf7bd}.form-status.is-error{color:#ff8f8f}@keyframes contact-spin{to{transform:rotate(360deg)}}@media (width<=920px){.contact-layout{grid-template-columns:1fr}.contact-left{align-items:stretch}.contact-submit{justify-content:center;width:100%}}.skills-shell{gap:2rem;display:grid}.skills-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:2rem;display:grid}.skill-card{gap:1rem;padding:1.4rem;transition:transform .24s,border-color .24s;display:grid;overflow:hidden}.skill-card-head{align-self:flex-start;align-items:center;gap:1rem;display:flex}.skill-icon{border-radius:var(--border-rad);background:var(--light-alpha);width:3.5rem;height:3.5rem;box-shadow:inset 0 1px 0 rgba(var(--white), .1);flex:none;place-items:center;display:grid}.skill-icon svg{--svgsize:2rem}.skill-card-head h3{margin-bottom:.2rem;font-size:1.15rem}.skill-card-head p{opacity:.8;font-size:.95rem}.skill-card-body p{line-height:1.6}.skill-card-tags{flex-wrap:wrap;align-items:flex-end;gap:.65rem;display:flex}.skill-card-tags span{background:var(--lighter-alpha);border:1px solid rgba(var(--white), .08);color:var(--text-title);white-space:nowrap;border-radius:999px;padding:.5rem .8rem;font-size:.9rem}.skill-card-tags span.accent{border-color:var(--effect);background:var(--effect-background-gradient)}.skill-card-list{gap:.8rem;list-style:none;display:grid}.skill-card-list li{border-radius:calc(var(--border-rad) - 4px);background:var(--lighter-alpha);border:1px solid rgba(var(--white), .08);align-items:center;gap:.75rem;padding:.8rem .95rem;display:flex}.skill-card-list li svg{--svgsize:1rem;color:var(--effect);stroke:var(--effect);flex:none}.skill-card-list span{color:var(--text-title)}@media (width<=980px){.skills-grid{grid-template-columns:1fr}}@media (width<=720px){main{width:92%;min-width:92%;padding-top:2rem}.box{padding:24px 18px}.box .title{margin-bottom:1.5rem}.box .title h2{font-size:1.1rem}.skill-card{padding:1.15rem}.skill-card-head{align-items:flex-start}.skill-card-tags span{white-space:normal}}.projects-grid{flex-wrap:wrap;justify-content:center;gap:1.75rem;display:flex}.project-card{grid-template-rows:auto auto 1fr auto;gap:1rem;width:min(100%,357px);min-height:100%;display:grid}.project-card-head{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.project-title{text-align:center;margin:0 auto;font-size:clamp(1.05rem,2vw,1.2rem);line-height:1.3}.project-description{font-size:.95rem}.project-carousel{border-radius:var(--border-rad);background:rgba(var(--blue-dark), .35);position:relative;overflow:hidden}.project-carousel-viewport{aspect-ratio:16/9;width:100%;overflow:hidden}.project-carousel-track{height:100%;transition:transform .35s;display:flex}.project-slide{min-width:100%;height:100%}.project-media-image,.project-media-video,.project-media-frame{object-fit:contain;border:0;width:100%;height:100%;display:block}.project-carousel-btn{z-index:1;border:1px solid var(--border);background:rgba(var(--blue-dark), .75);width:2rem;height:2rem;color:var(--text-title);cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:50%;font-size:1.2rem;font-weight:600;line-height:1;transition:background .2s,border-color .2s;position:absolute;top:50%;transform:translateY(-50%)}.project-carousel-btn.prev{left:.5rem}.project-carousel-btn.next{right:.5rem}.project-carousel-btn:hover{background:rgba(var(--blue-light), .35);border-color:rgba(var(--blue-light), .65)}.project-carousel-dots{background:rgba(var(--blue-dark), .55);border-radius:999px;gap:.4rem;padding:.35rem .5rem;display:flex;position:absolute;bottom:.65rem;left:50%;transform:translate(-50%)}.project-carousel-dot{background:rgba(var(--white), .4);cursor:pointer;border:0;border-radius:50%;width:.55rem;height:.55rem;transition:transform .2s,background .2s}.project-carousel-dot.active{background:var(--effect);transform:scale(1.1)}.project-links{flex-wrap:wrap;gap:.6rem;margin-top:.2rem;display:flex}.projects-actions{justify-content:center;margin-top:1.25rem;display:flex}.projects-see-more{text-align:center;min-width:10rem}.project-link{border:1px solid rgba(var(--white), .15);background:var(--lighter-alpha);border-radius:999px;justify-content:center;align-items:center;margin-top:0;padding:.5rem .9rem;font-size:.9rem;line-height:1;transition:transform .2s,border-color .2s,background .2s,color .2s;display:inline-flex}.project-link:hover,.project-link:focus-visible{border-color:var(--effect);background:var(--effect-background-gradient);color:var(--text-title);text-decoration:none;transform:translateY(-1px)}@media (width<=720px){.projects-grid{grid-template-columns:1fr}.project-card{padding:1rem}.projects-actions{margin-top:1rem}.project-carousel-btn{width:1.95rem;height:1.95rem}}main{margin:16px 12px;flex-direction:column;justify-content:center;align-items:stretch;gap:24px;width:80%;min-width:80%;height:100%;margin-inline:auto;padding-top:6em;display:flex}.box{background:var(--box-bg);border:1px solid var(--border);border-radius:var(--border-rad);padding:32px 24px;animation:.5s backwards fade}.box .title{justify-content:center;align-items:center;width:100%;margin-bottom:2em;display:flex}.box .title span{flex:auto;min-width:10%;height:1px;min-height:1px;padding:0 10px}.box .title span .bar{border-top:2px solid var(--text-title);width:100%;display:block}.box .title h2{align-items:center;gap:10px;margin:0;display:flex}.box .title h2 svg{--svgsize:2rem}.box .flex{flex-wrap:wrap;justify-content:center;gap:3em;padding:0 2em;display:flex}.box .flex.column{flex-direction:column}.box .flex.center{align-items:center}.box .flex.gap-1{gap:2em}.box .flex .flex-1{flex:1}.box .container{border-radius:var(--border-rad);background:var(--container-bg);box-shadow:var(--container-shadow);padding:1rem}.box .container.flex-1{flex:1}.text-grad{background:var(--effect-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.flexgrid{flex-wrap:wrap;justify-content:center;gap:2em;margin-bottom:3em;display:flex}.flexgrid .container{flex:0 0 24em;margin-bottom:0}.toggle-btn{border:1px solid var(--border);background:var(--lighter-alpha);color:var(--text-title);font:inherit;cursor:pointer;border-radius:100px;margin-top:.7rem;padding:.45rem .8rem;font-size:.9rem;line-height:1;transition:border-color .2s,transform .2s,background .2s,color .2s}.toggle-btn:hover{border-color:var(--effect);background:rgba(var(--blue-light), .14);transform:translateY(-1px)}.toggle-btn:focus-visible{outline:2px solid var(--effect);outline-offset:2px}header{z-index:10;background:var(--box-bg);border-radius:var(--border-rad);border:1px solid var(--border);justify-content:space-between;align-items:center;gap:1rem;width:90%;min-width:80%;max-width:90%;padding:12px 16px;transition:top .3s,border-radius .3s,width .3s,max-width .3s,background .3s;display:flex;position:fixed;top:1rem;left:50%;transform:translate(-50%)}header.scroll{border:0;border-bottom:1px solid var(--border);background:var(--box-bg-solid);border-radius:0;width:100%;max-width:100%;top:0}header h3{margin:0 auto 0 0}footer{border-top:2px solid var(--border);justify-content:space-between;align-items:center;margin:0 16px;padding:16px 8px;display:flex}footer .grid{flex-wrap:wrap;flex:1;display:flex}body.loading{overflow:hidden}#loader{background:var(--bg);z-index:9999;opacity:1;visibility:visible;justify-content:center;align-items:center;transition:opacity .35s,visibility .35s;display:flex;position:fixed;inset:0}#loader.hidden{opacity:0;visibility:hidden;pointer-events:none}#loader .spinner{border:4px solid #0f1ec84d;border-top-color:var(--effect);border-radius:50%;width:64px;height:64px;animation:.8s linear infinite spin;box-shadow:0 0 22px #19199640}@keyframes spin{to{transform:rotate(360deg)}}.hero{flex-direction:column;justify-content:center;align-items:center;gap:2rem;min-width:100%;max-width:1050px;display:flex}.hero-title-wrap{max-width:90%;margin:0 auto}.hero-title{font-size:clamp(1rem,3.9vw,1.75rem);display:flex}.hero-title .hand{transform-origin:70% 70%;margin-left:.5rem;line-height:1;animation:1.5s infinite wave}.hero-content{grid-template-columns:242px minmax(0,1fr);align-items:center;gap:2rem;display:grid}.left-column{flex-direction:column;gap:2rem;width:242px;display:flex}.photo-wrap{aspect-ratio:1;width:100%;overflow:hidden}.photo-wrap img{object-fit:cover;border-radius:var(--border-rad);width:100%;height:100%}.socials{justify-content:space-around;align-items:center;gap:16px;width:100%;display:flex}.socials a{text-align:center;width:32px;height:32px;transition:all .2s}.socials a:hover{transform:translateY(-2px)scale(1.1)}.socials a:hover svg use{fill:var(--effect)}.socials a svg{--svgsize:2rem}.socials a svg use{fill:var(--text-title)}.hero .intro{align-self:center;max-width:62ch}.hero .intro p{text-align:center;font-size:clamp(1rem,1.4vw,1.15rem);line-height:1.4}@media (width<=820px){header{gap:.5rem}main{width:90%;min-width:90%}.hero-content{flex-direction:column;display:flex}.left-column{flex-direction:row;justify-content:center;align-items:flex-start;width:100%}.photo-wrap{flex:none;width:clamp(175px,34vw,220px)}.socials{flex-direction:column;width:auto;height:-webkit-fill-available;height:-moz-available;height:stretch;display:flex}.socials a{width:100%}.hero .intro{align-self:stretch}}@keyframes wave{0%{transform:rotate(0)}15%{transform:rotate(14deg)}30%{transform:rotate(-8deg)}40%{transform:rotate(14deg)}}.content.grid{gap:2rem;display:grid}.content.grid .container .head{align-items:center;gap:.85rem;margin-bottom:.75rem;display:flex}.content.grid .container .head img{object-fit:contain;background:var(--light-alpha);border-radius:12px;flex:none;width:64px;height:64px;padding:.35rem}.content.grid .container .head .dates{opacity:.8;margin:.2rem 0 0;font-size:.92rem}.content.grid .container h4{margin:0 0 .65rem}.content.grid .container p{line-height:1.5}.content.grid .container .description{line-clamp:var(--work-clamp-lines,4);-webkit-line-clamp:var(--work-clamp-lines,4);-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.content.grid .container .description.is-expanded{display:block;overflow:visible}@media (width>=980px){.content.grid{grid-template-columns:repeat(2,minmax(0,1fr))}#works .content.grid .container:first-child{grid-column:1/-1}}