@import"https://fonts.googleapis.com/css2?family=Inter+Tight:ital,wght@0,100..900;1,100..900&display=swap";html{scroll-behavior:smooth}body{background:var(--color-n100);color:var(--color-n10);padding:1rem}.body-clip{overflow:clip}@media(max-width:767px){body{padding:.5rem}main{display:flex;flex-direction:column;gap:8rem}}*{padding:0;margin:0;box-sizing:border-box;border:0;font-size:100%;font:inherit;vertical-align:baseline;text-decoration:none;list-style-type:none}.bg-dots{background-image:url("data:image/svg+xml,%3Csvg width='20' height='20' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='2' cy='2' r='2' fill='%23FFF3' opacity='0.3'/%3E%3C/svg%3E");background-repeat:repeat;background-position:center;background-size:16px 16px}logo-dots{background-image:url("data:image/svg+xml,%3Csvg width='20' height='20' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='2' cy='2' r='2' fill='%23FFF3' opacity='0.3'/%3E%3C/svg%3E");background-repeat:repeat;background-position:center;background-size:16px 16px;color:transparent;-webkit-background-clip:text;background-clip:text}:root{--linear: cubic-bezier(0, 0, 1, 1);--ease: cubic-bezier(.25, .1, .25, 1);--gentle: cubic-bezier( .075, .82, .165, 1 );--gentle-out: cubic-bezier(0, .5, .3, 1);--spring-soft: cubic-bezier(.2, 1, .3, 1);--overshoot: cubic-bezier( .34, 1.56, .64, 1 );--bounce: cubic-bezier( .68, -.55, .27, 1.55 );--snap: cubic-bezier( .25, .2, .25, 1 );--fast-out: cubic-bezier(0, 0, .2, 1);--slow-in: cubic-bezier( .4, 0, .8, .35 );--pop: cubic-bezier( .22, 1.4, .36, 1 );--hover: cubic-bezier(.16, 1, .3, 1);--drag-settle: cubic-bezier( .15, .85, .35, 1 );--progress: cubic-bezier(.65, .05, .36, 1);--sharp: cubic-bezier(.33, 0, .67, 1);--gentle-352: 352ms var(--gentle);--gentle-152: 152ms var(--gentle);--gentle-480: .48s var(--gentle);--gentle-640: .64s var(--gentle);--overshoot-352: 352ms var(--overshoot);--overshoot-152: 152ms var(--overshoot);--overshoot-480: .48s var(--overshoot);--overshoot-640: .64s var(--overshoot);--linear-152: 152ms var(--linear);--linear-352: 352ms var(--linear);--linear-480: .48s var(--linear);--linear-640: .64s var(--linear);--spring-soft-152: 152ms var(--spring-soft);--spring-soft-352: 352ms var(--spring-soft);--spring-soft-480: .48s var(--spring-soft);--spring-soft-640: .64s var(--spring-soft);--bounce-152: 152ms var(--bounce);--bounce-352: 352ms var(--bounce);--bounce-480: .48s var(--bounce);--bounce-640: .64s var(--bounce);--fast-out-152: 152ms var(--fast-out);--fast-out-352: 352ms var(--fast-out);--fast-out-480: .48s var(--fast-out);--fast-out-640: .64s var(--fast-out);--slow-in-152: 152ms var(--slow-in);--slow-in-352: 352ms var(--slow-in);--slow-in-480: .48s var(--slow-in);--slow-in-640: .64s var(--slow-in);--pop-152: 152ms var(--pop);--pop-352: 352ms var(--pop);--pop-480: .48s var(--pop);--pop-640: .64s var(--pop);--hover-152: 152ms var(--hover);--hover-352: 352ms var(--hover);--hover-480: .48s var(--hover);--hover-640: .64s var(--hover);--drag-settle-152: 152ms var(--drag-settle);--drag-settle-352: 352ms var(--drag-settle);--drag-settle-480: .48s var(--drag-settle);--drag-settle-640: .64s var(--drag-settle);--progress-152: 152ms var(--progress);--progress-352: 352ms var(--progress);--progress-480: .48s var(--progress);--progress-640: .64s var(--progress);--sharp-152: 152ms var(--sharp);--sharp-352: 352ms var(--sharp);--sharp-480: .48s var(--sharp);--sharp-640: .64s var(--sharp)}:root{--color-m10: oklch(.9802 .0255 154.49);--color-m20: oklch(.9327 .0838 154.44);--color-m30: oklch(.8933 .1419 152.65);--color-m40: oklch(.86 .1908 150.47);--color-m50: oklch(.8348 .2293 148.04);--color-m60: oklch(.7744 .2303 146.54);--color-m70: oklch(.6466 .1905 146.73);--color-m80: oklch(.509 .148 146.97);--color-m90: oklch(.3646 .1023 147.61);--color-m100: oklch(.1999 .0489 151.53);--color-n10: oklch(.994 0 0);--color-n20: oklch(.8853 0 0);--color-n30: rgb(191, 191, 191);--color-n40: oklch(.7252 0 0);--color-n50: oklch(.6401 0 0);--color-n60: oklch(.5555 0 0);--color-n70: oklch(.464 0 0);--color-n80: oklch(.3715 0 0);--color-n90: oklch(.2686 0 0);--color-n100: oklch(.1591 0 0)}.btn-link{display:flex;padding:.75rem 1rem;color:var(--color-n10);border:1px solid var(--color-n90);border-radius:.75rem;transition:box-shadow var(--gentle-352),transform 352ms cubic-bezier(.075,.82,.165,1)}.btn-link:hover{background:var(--color-n80);box-shadow:0 0 0 2px var(--color-n90),0 0 0 4px var(--color-n70);transform:scale(1.1)}.font-preset{font-synthesis:none;font-family:Inter Tight,system-ui,Arial,Helvetica,sans-serif;font-optical-sizing:auto;font-kerning:auto;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:auto}:root{--preset-type: 35rem}.text-center{text-align:center}.text-left{text-align:left}.body-sm{font-size:.875rem;letter-spacing:-.2px;line-height:1.5}.body-md{font-size:1rem;letter-spacing:-.2px;line-height:1.5;font-weight:300}.body-lg{font-size:1.125rem;letter-spacing:-.2px;line-height:1.5;font-weight:300}@media(max-width:767px){.body-sm{font-size:.875rem;letter-spacing:-.2px;line-height:1.5}.body-md{font-size:1rem;letter-spacing:-.2px;line-height:1.5;font-weight:300}.body-lg{font-size:1.125rem;letter-spacing:-.2px;line-height:1.5;font-weight:300}}.heading-sm{font-size:2rem;letter-spacing:-1px;line-height:1;font-weight:500}.heading-md{font-size:3rem;letter-spacing:-1.4px;line-height:1;font-weight:500}.heading-lg{font-size:5rem;letter-spacing:-1.6px;line-height:1;font-weight:500}@media(max-width:767px){.heading-sm{font-size:1.5rem;letter-spacing:-1px;line-height:1;font-weight:500}.heading-md{font-size:2rem;letter-spacing:-1.4px;line-height:1;font-weight:500}.heading-lg{font-size:2.5rem;letter-spacing:-1.6px;line-height:1;font-weight:500}}.about{height:max(980px,100vh);width:100%;position:relative;display:flex;align-items:center;justify-content:center;gap:1.5rem;background:radial-gradient(ellipse at 50% 50%,var(--color-n100) 30%,transparent 70%)}.about-content{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.5rem;width:max(20rem,35rem);padding:2rem}@media(max-width:767px){.about{background:radial-gradient(circle at center,var(--color-n100) 40%,transparent 70%);height:max(70vh,100vh)}.about-content{padding:1.5rem;gap:1rem}}.personal-interest-base{display:flex;justify-content:center;align-items:center;position:absolute;overflow:clip;shape-rendering:geometricPrecision;background-color:var(--color-n100);border-radius:2rem;padding:1rem;transition:box-shadow var(--gentle-352),color var(--gentle-352)}.personal-interest-border{box-shadow:0 0 0 1px var(--color-n90)}.personal-interest-base:hover{color:var(--color-n30);box-shadow:0 0 0 3px var(--color-n90),0 0 0 12px var(--color-n80),0 0 0 13px var(--color-n60)}.personal-interest-mother{top:22rem;left:23rem;height:6rem;width:6rem;animation:animatedInterestMother cubic-bezier(.34,1.75,.5,1) both;animation-timeline:view();animation-range:entry 30% cover 60%}.personal-interest-playstation{bottom:27rem;right:22rem;height:5rem;width:5rem;animation:animatedInterestPlaystation cubic-bezier(.34,1.56,.64,1) both;animation-timeline:view();animation-range:entry 5% cover 40%}.personal-interest-akira{top:12rem;right:35rem;height:7rem;width:7rem;animation:animatedInterestAkira cubic-bezier(.34,1.56,.64,1) both;animation-timeline:view();animation-range:entry 20% cover 40%}.personal-interest-daft{top:9rem;left:35rem;height:7.5rem;width:7.5rem;animation:animatedInterestDaft cubic-bezier(.34,1.56,.64,1) both;animation-timeline:view();animation-range:entry 25% cover 50%}.personal-interest-vagabond{bottom:7rem;right:30rem;height:10rem;width:10rem;animation:animatedInterestVagabond cubic-bezier(.34,1.56,.64,1) both;animation-timeline:view();animation-range:entry 10% cover 30%}.personal-interest-gt{bottom:10rem;left:39rem;height:5rem;width:5rem;animation:animatedInterestGt cubic-bezier(.34,1.56,.64,1) both;animation-timeline:view();animation-range:entry 10% cover 25%}@keyframes animatedInterestGt{0%{opacity:0;filter:blur(5px);transform:translate(8rem,-9rem) scale(0) rotate(180deg)}to{opacity:1;filter:none;transform:translate(0) scale(1) rotate(-16deg)}}@keyframes animatedInterestVagabond{0%{opacity:0;filter:blur(5px);transform:translate(-10rem,-9rem) scale(0) rotate(315deg)}to{opacity:1;filter:none;transform:translate(0) scale(1) rotate(12deg)}}@keyframes animatedInterestDaft{0%{opacity:0;filter:blur(5px);transform:translate(10rem,9rem) scale(0) rotate(275deg)}to{opacity:1;filter:none;transform:translate(0) scale(1) rotate(-25deg)}}@keyframes animatedInterestAkira{0%{opacity:0;filter:blur(5px);transform:translate(-10rem,9rem) scale(0) rotate(275deg)}to{opacity:1;filter:none;transform:translate(0) scale(1) rotate(25deg)}}@keyframes animatedInterestMother{0%{opacity:0;filter:blur(5px);transform:translate(12rem,10rem) scale(0) rotate(275deg)}to{opacity:1;filter:none;transform:translate(0) scale(1) rotate(25deg)}}@keyframes animatedInterestPlaystation{0%{opacity:0;filter:blur(5px);transform:translate(-10rem,9rem) scale(0) rotate(275deg)}to{opacity:1;filter:none;transform:translate(0) scale(1) rotate(25deg)}}@media(max-width:1280px){.personal-interest-mother{top:13rem;left:13rem;height:6.5rem;width:6.5rem}.personal-interest-akira{top:9rem;right:13rem;height:6rem;width:6rem}.personal-interest-daft{top:5rem;left:45%;height:7.5rem;width:7.5rem}.personal-interest-playstation{bottom:15rem;right:13rem;height:6rem;width:6rem}.personal-interest-vagabond{bottom:10rem;right:45%;height:7rem;width:7rem}.personal-interest-gt{bottom:13rem;left:13rem;height:6rem;width:6rem}}@media(max-width:767px){.personal-interest-mother{top:-2rem;left:.5rem;height:5rem;width:5rem}.personal-interest-akira{top:-3rem;right:.5rem;height:5rem;width:5rem}.personal-interest-daft{top:-6rem;left:35%;height:5rem;width:5rem}.personal-interest-playstation{bottom:-2rem;right:.5rem;height:5rem;width:5rem}.personal-interest-vagabond{bottom:-6rem;right:35%;height:5rem;width:5rem}.personal-interest-gt{bottom:-2rem;left:.5rem;height:5rem;width:5rem}}#hero{height:100vh;display:flex;max-height:720px;flex-direction:column;gap:2.5rem;align-items:center;justify-content:center}.hero-content{display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:1}.logo-hero{width:5rem;height:5rem;display:flex;justify-content:center;align-items:center;color:var(--color-m50)}.btn-hero-cv{background:var(--color-m60);cursor:pointer;display:flex;justify-content:center;align-items:center;gap:.5rem}.btn-hero-cv:hover{background:var(--color-m70);box-shadow:0 0 0 2px var(--color-n90),0 0 0 4px var(--color-m60),0 0 4px 4px var(--color-m50);transform:scale(1.1)}.btn-hero-github{background:var(--color-n100);display:flex;justify-content:center;align-items:center;gap:.5rem;cursor:pointer}.hero-logo{padding:2rem;opacity:0;background:linear-gradient(135deg,var(--color-n100) 0%,var(--color-m100) 100%);box-shadow:inset -1px 1px 1px 0 var(--color-m20),inset 2px -2px 16px -3px var(--color-m70),0 0 1px 4px var(--color-m20),0 0 8px 4px var(--color-m60);border-radius:3rem;animation:liftUp 2s var(--spring-soft) .5s forwards}.btn-hero-github:hover{background:var(--color-n80);box-shadow:0 0 0 2px var(--color-n90),0 0 0 4px var(--color-n70),0 0 4px 4px var(--color-n70);transform:scale(1.1)}.hero-link{display:flex;gap:1.5rem;align-items:center;justify-content:center;margin-top:2rem}@keyframes liftUp{0%{opacity:0;transform:translateY(45px) rotate(15deg)}to{opacity:1;transform:rotate(-15deg)}}@keyframes fadeUp{0%{opacity:0;transform:translateY(60px)}to{opacity:1;transform:initial}}@media(max-width:767px){.hero-logo{width:10rem;height:10rem;display:flex;box-shadow:inset -1px 2px 2px 0 var(--color-m20),inset 2px -2px 16px -3px var(--color-m70),0 0 2px 4px var(--color-m20),0 0 12px 8px var(--color-m60);border-radius:3rem;justify-content:center;align-items:center}#hero{height:100vh;display:flex;align-items:start;justify-content:end;padding:3rem}.hero-content{align-items:start}}.mobile-svg{position:absolute;z-index:1}.bg-gradient-neutral .default-mobile-first-layer{color:var(--color-n70);bottom:0;filter:blur(20px);transform:translateY(-100px)}.bg-gradient-neutral .default-mobile-second-layer{color:var(--color-n50);bottom:-20px;filter:blur(30px);transform:translateY(100px)}.bg-gradient-neutral .default-mobile-third-layer{color:var(--color-n10);bottom:-20px;filter:blur(15px);transform:translateY(100px)}.bg-gradient-green .about-mobile-first-layer{color:var(--color-m70);bottom:0;filter:blur(20px);transform:translateY(-100px)}.bg-gradient-green .about-mobile-second-layer{color:var(--color-m50);bottom:-20px;filter:blur(50px);transform:translateY(100px)}.bg-gradient-green .about-mobile-third-layer{color:var(--color-m10);bottom:-20px;filter:blur(10px);transform:translateY(50px) translate(-50px)}.bg-gradient-purple .process-mobile-first-layer{color:#6f1bff;bottom:-50px;filter:blur(20px);transform:translateY(200px)}.bg-gradient-purple .process-mobile-second-layer{color:#ee36ff;bottom:-50px;filter:blur(25px);transform:translateY(100px)}.bg-gradient-purple .process-mobile-third-layer{color:#fff;bottom:-20px;filter:blur(18px);transform:translateY(100px)}.bg-gradient-blue .projects-mobile-first-layer{color:#2009b3;bottom:-30px;filter:blur(20px);transform:translateY(200px)}.bg-gradient-blue .projects-mobile-second-layer{color:#00c8ff;bottom:-60px;filter:blur(35px);transform:translateY(100px)}.bg-gradient-blue .projects-mobile-third-layer{color:#fff;bottom:-20px;filter:blur(20px);transform:translateY(100px)}.bg-gradient-yellow .contact-mobile-first-layer{color:#ff3636;bottom:-20px;filter:blur(20px);transform:translateY(200px)}.bg-gradient-yellow .contact-mobile-second-layer{color:#ffe436;bottom:-40px;filter:blur(35px);transform:translateY(100px)}.bg-gradient-yellow .contact-mobile-third-layer{color:#fffe;bottom:-20px;filter:blur(15px);mix-blend-mode:color-dodge;transform:translateY(100px)}.open .contact-mobile-third-layer,.open .projects-mobile-third-layer,.open .process-mobile-third-layer,.open .about-mobile-third-layer,.open .default-mobile-third-layer{animation:revealingUp .88s var(--overshoot) .48s forwards}.open .contact-mobile-second-layer,.open .projects-mobile-second-layer,.open .process-mobile-second-layer,.open .about-mobile-second-layer,.open .default-mobile-second-layer{animation:revealingUp .96s var(--overshoot) 352ms forwards,movingSlow 8.8s linear 552ms infinite}.open .contact-mobile-first-layer,.open .projects-mobile-first-layer,.open .process-mobile-first-layer,.open .about-mobile-first-layer,.open .deafult-mobile-first-layer{animation:revealingUp 1.52s var(--overshoot) 152ms forwards,movingSlow 5.6s linear 2552ms infinite}@keyframes revealingUp{to{transform:initial}}@keyframes movingSlow{0%{transform:initial scale(1)}25%{transform:translateY(20px) scale(1.1)}50%{transform:translateY(40px) scale(1.45)}75%{transform:translateY(-20px) scale(1.1)}to{transform:initial scale(1)}}.desktop-nav{box-sizing:content-box;display:flex;width:fit-content;align-items:center;justify-content:space-between;gap:1rem;padding:1rem;background:var(--color-n100);border:1px solid var(--color-n90);border-radius:1.5rem;transition:box-shadow var(--gentle-352)}.desktop-nav:hover{box-shadow:0 0 0 2px var(--color-n90),0 0 0 3px var(--color-n80)}.mobile-nav{width:100%;height:54px;display:none;flex-direction:column;align-items:center;justify-content:space-between;gap:1rem;padding:.5rem;background:var(--color-n100);border:1px solid var(--color-n90);border-radius:1rem;overflow:clip;transition:box-shadow var(--gentle-480),height var(--gentle-352)}.mobile-nav.open{height:max(calc(100vh - 3rem));box-shadow:0 0 0 2px var(--color-n90),0 0 0 3px var(--color-n80);transition:box-shadow var(--spring-soft-640),height var(--overshoot-640);overflow-y:auto;scroll-behavior:smooth}.menu-container{width:100%;display:flex;justify-content:space-between}.open .menu-list{flex:1}.menu-list{width:100%;display:flex;flex-direction:column;gap:.5rem;flex:0}.menu-list .nav-items{display:flex;flex-direction:column;flex:1}.nav-items .mobile-item{padding:.5rem;flex:1;display:flex;flex-direction:column;gap:.5rem;border:1px solid var(--color-n90);border-radius:1rem;position:relative;overflow:clip}.mobile-icon-container{padding:.25rem .5rem;border:1px solid var(--color-n90);border-radius:.5rem}.mobile-icon-container .ph-list{font-size:1.5rem}@media(max-width:767px){.desktop-nav{display:none}.header{padding-left:1.5rem;padding-right:1.5rem}.mobile-nav{display:flex}}.mobile-btn-link{display:flex;flex:1;padding:.75rem 1rem;position:relative;background:var(--color-n100);color:var(--color-n10);border:1px solid var(--color-n90);border-radius:.5rem;transition:transform var(--overshoot-352);overflow:clip}.mobile-cta{display:flex;flex-direction:row;gap:.5rem}.mobile-cta .mobile-btn-link{flex:1;display:flex;height:min(10rem)}.link-title{z-index:3;color:var(--color-n10);font-size:2rem;line-height:1}.link-description{font-size:.785rem;color:var(--color-n60);padding:0rem .5rem}.nav-items{display:flex;gap:.5rem}.projects{width:100%;height:min(100vh);display:flex;flex-direction:column;justify-content:center;align-items:center}.projects-grid{width:100%;display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-top:2rem}.projects-content{width:100%;display:flex;flex-direction:column;gap:1rem;justify-content:center;align-items:center}.project-folder{position:relative;perspective:800px}.folder-back{width:max(20rem);height:max(15.75rem);position:relative;border-radius:1.5rem;background:radial-gradient(circle at center bottom,oklch(from var(--color-m90) l c h / .5),oklch(from var(--color-n90) l c h / 1) 65%)}.folder-back:before{content:"";width:50%;height:2.125rem;padding:1rem;background:oklch(from var(--color-n90) l c h / 1);position:absolute;top:-1rem;left:0rem;border-radius:1.5rem 5rem 0 0;clip-path:polygon(0% 0%,70% 0%,100% 100%,0% 100%)}.folder-front{width:max(20rem);height:max(13.5rem);padding:1.5rem;position:absolute;bottom:0;cursor:pointer;box-shadow:inset 0 1px 1px .5px var(--color-n60),inset 0 -2px 2px 1px var(--color-n80),0 4px 8px oklch(from var(--color-n30) l c h / .05),0 16px 32px oklch(from var(--color-n80) l c h / .07);border-radius:1.5rem;background:radial-gradient(ellipse at right bottom,oklch(from var(--color-n90) l c h / .2) 0%,oklch(from var(--color-n80) l c h / .2) 30%,transparent 100%),radial-gradient(ellipse at left top,oklch(from var(--color-n60) l c h / .2),oklch(from var(--color-n80) l c h / .2) 30%,transparent 100%),linear-gradient(0deg,oklch(from var(--color-n90) l c h / .3),oklch(from var(--color-n80) l c h / .3) 50%);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);color:var(--color-n10);display:flex;flex-direction:column;justify-content:space-between;transform-origin:top;transition:transform var(--spring-soft-640);transform:initial;transition:var(--bounce-640)}.folder-front .info{display:flex;justify-content:space-between;align-items:center}.folder-file{width:max(18rem);height:12rem;background:linear-gradient(0deg,oklch(from var(--color-n10) l c h / .8),oklch(from var(--color-n20) l c h / .8));backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);bottom:2rem;left:1rem;border-radius:.5rem;position:absolute;display:flex;flex-direction:column;justify-content:start;align-items:baseline;gap:.25rem;transition:transform var(--overshoot-352);overflow:hidden}.file-container-title{width:100%;padding:.5rem;border-bottom:1px solid var(--color-n20);cursor:pointer;display:flex;justify-content:space-between}.file-container-content{width:100%;display:flex;flex-direction:column;gap:.25rem;padding:.5rem}.file-title{color:var(--color-n90)}.file-link{padding:.25rem .5rem;display:flex;justify-content:center;align-items:center;gap:.25rem;color:var(--color-n90);border-radius:.25rem}.file-description{width:100%;height:100%;padding:.5rem;border-radius:.5rem;color:var(--color-n70)}.project-folder.project-open .folder-front{height:max(13.5rem);bottom:-25px;transform:rotateX(-20deg) scaleX(1.08);box-shadow:inset 0 2px 1px .5px var(--color-n70),inset 0 -2px 2px 1px var(--color-n90),0 4px 8px oklch(from var(--color-n20) l c h / .05),0 16px 32px oklch(from var(--color-n80) l c h / .02);border-radius:1.5rem;background:radial-gradient(ellipse at right bottom,oklch(from var(--color-n100) l c h / .2) 0%,oklch(from var(--color-n90) l c h / .2) 30%,transparent 100%),radial-gradient(ellipse at left top,oklch(from var(--color-n10) l c h / .2),oklch(from var(--color-n90) l c h / .2) 30%,transparent 100%),linear-gradient(0deg,oklch(from var(--color-n100) l c h / .3),oklch(from var(--color-n90) l c h / .3) 50%);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);color:var(--color-n10)}.project-folder.project-open .folder-file{transform:translateY(-1.125rem);transition:transform var(--overshoot-480)}.project-folder.project-open .folder-file.file-show{transform:translateY(-6rem);transition:transform var(--overshoot-352)}.names{display:flex;flex-direction:column}.names h3{font-size:1.125rem;font-weight:500}.names p{font-size:.875rem;font-weight:400;color:oklch(from var(--color-n20) l c h / .8)}@media(max-width:1280px){.projects-grid{width:fit-content;display:grid;grid-template-columns:repeat(3,1fr);row-gap:1.5rem;column-gap:1rem;margin-top:2rem}}@media(max-width:1024px){.projects-grid{width:100%;display:grid;grid-template-columns:repeat(2,1fr);row-gap:1.5rem;column-gap:1rem;margin-top:2rem}.projects{height:fit-content}.folder-back,.folder-front{width:100%;border-radius:1.5rem}.folder-back:before{border-radius:1.5rem}.folder-file{width:max(calc(100% - 2rem))}}@media(max-width:767px){.projects-grid{display:flex;flex-direction:column;gap:1.5rem}.projects{height:fit-content}.folder-back,.folder-front{width:100%;border-radius:1.5rem}.folder-back:before{border-radius:1.5rem}.folder-file{width:max(calc(100% - 2rem))}}.contact{width:100%;height:min(100vh);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem}.contact-content{display:flex;flex-direction:row;justify-content:center;gap:2rem}.contact-header{display:flex;flex-direction:column;gap:.5rem;padding:.5rem}.contact-header p{color:var(--color-n30)}.contact-social{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1rem;background:var(--color-n100);padding:1rem;border-radius:2rem;border:1px solid var(--color-n90)}.social-links{display:flex;flex-direction:row;gap:.5rem}.btn-social{display:flex;padding:1rem;align-items:center;border:1px solid var(--color-n90);border-radius:.75rem;flex:1;transition:background var(--gentle-152),box-shadow var(--gentle-352),transform .64s cubic-bezier(.075,.82,.165,1)}.btn-social:hover{background:var(--color-n80);box-shadow:0 0 0 2px var(--color-n90),0 0 0 4px var(--color-n70);transform:scale(1.1)}.social-icon{font-size:5rem;color:var(--color-m50)}@media(max-width:767px){.contact{width:100%;height:fit-content;padding:5rem 0rem}.social-links{width:100%;display:flex;flex-direction:column;gap:.5rem}.btn-social{width:100%;justify-content:center}.contact-social,.contact-content{width:100%}}.section-content-column{width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:1.5rem;gap:1.5rem;max-width:1440px;background:var(--color-n100);border:1px solid var(--color-n90);border-radius:5rem}.section-content-row{width:100%;display:flex;flex-direction:row;justify-content:center;align-items:center;padding:1.5rem;gap:1.5rem;max-width:1440px;background:var(--color-n100);border:1px solid var(--color-n90);border-radius:5rem}@media(max-width:767px){.section-content-column,.section-content-row{border-radius:2rem;padding:.5rem;gap:.5rem}}.skills-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:.5rem}.skill{display:flex;min-height:8rem;min-width:8rem;border-radius:1rem;padding:1rem;justify-content:center;align-items:center;border:1px solid var(--color-n90)}.skill svg{width:4rem;height:4rem}.skill svg.skill-js,.skill svg.skill-ts{width:2.8125rem;height:2rem}.skill:has(svg.skill-js,svg.skill-ts){display:flex;align-items:end;justify-content:end}.skills{display:flex;height:fit-content;align-items:center;justify-content:center;padding:6rem 0}.skills-content{display:flex;flex-direction:column;gap:1rem}@media(max-width:1024px){.skills{height:fit-content;padding:2rem 0}.skills-grid{grid-template-columns:repeat(2,1fr)}.skill{min-width:100%;border-radius:1.5rem}.skills-content{width:100%}.skill:has(svg.skill-js,svg.skill-ts){align-items:center;justify-content:center}}.header{position:fixed;top:2rem;left:0;right:0;display:flex;justify-content:center;z-index:99}@media(max-width:767px){.header{top:1.5rem;padding-left:1.5rem;padding-right:1.5rem}}.logo{width:2rem;height:2rem;color:var(--color-m50);cursor:pointer;border-radius:.5rem;transition:color var(--gentle-152),transform .64s cubic-bezier(.075,.82,.165,1)}@media(min-width:1024px){.logo:hover{color:var(--color-m10);transform:scale(1.2)}}#app{border:2px solid var(--color-n90);border-radius:2rem;padding:2rem;transition:box-shadow var(--gentle-352)}#app:hover{box-shadow:0 0 0 2px var(--color-n90),0 0 0 3px var(--color-n80)}@media(max-width:767px){#app{padding:1rem}}.badge{display:flex;align-items:center;justify-content:center;padding:.5rem .75rem;width:fit-content;border:1px solid var(--color-n90);border-radius:1rem}