@import"https://fonts.googleapis.com/css2?family=Poppins:wght@400;600;700&display=swap";*{margin:0;padding:0;box-sizing:border-box}.mobile-overflow{overflow:hidden}html,body{background:linear-gradient(300deg,#a59fbf,#99d9e3,#f7d1e5,#ededec,#bea5be);background-size:200% 200%;height:100%;scroll-behavior:smooth;position:relative;overflow-x:hidden;font-family:pop,sans-serif}@font-face{font-family:motReg;src:url(./MotleyForcesRegular-w1rZ3.lFIISVyM.ttf)}@font-face{font-family:gum;src:url(./SourGummy-Medium.q-r9uEuh.ttf)}@font-face{font-family:pop;src:url(./Poppins-Regular.kyjX1fT0.ttf)}@font-face{font-family:mango;src:url(./black-mango-regular.W1B7MAMa.ttf)}@font-face{font-family:sino;src:url(./Sinoreta.ZcQZvtYv.otf)}p{margin-bottom:16px;color:#fff;font-family:pop,sans-serif}h1,h2,h3,h4,h5,h6{margin-bottom:16px;color:#fff;font-family:pop,sans-serif;font-weight:700}.site-wrapper{overflow-x:hidden;min-height:100vh;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background-color:#0d0e11}::-webkit-scrollbar-thumb{background:#fff;border-radius:10px}.scroll-down-ani{width:26px;height:47px;border:2px solid #ffffff;border-radius:60px;position:relative;transition:border-color .2s ease,transform .2s ease}.scroll-down-ani:before{content:"";width:8px;height:8px;position:absolute;top:10px;left:50%;transform:translate(-50%);background-color:#fff;border-radius:50%;opacity:1;animation:wheel 2.2s infinite;-webkit-animation:wheel 2.2s infinite}.scroll-down-ani:hover:before{background-color:#573a68}.scroll-down-ani:hover{border:2px solid rgb(87,58,104);transform:translateY(-1px)}@keyframes wheel{to{opacity:0;top:27px}}@-webkit-keyframes wheel{to{opacity:0;top:27px}}.button-pulse{animation:pulse 2.4s infinite .5s cubic-bezier(.25,0,0,1);box-shadow:0 0 #ffffff47}@keyframes pulse{to{box-shadow:0 0 0 10px #fff0}}.button-pulse-black{animation:pulse2 2.4s infinite .5s cubic-bezier(.25,0,0,1);box-shadow:0 0 #0d0e1142}@keyframes pulse2{to{box-shadow:0 0 0 10px #fff0}}.box-holder{height:100vh;overflow:hidden;width:100%;position:absolute;margin-left:600px;margin-top:110px;transform:rotate(180deg)}.box{position:relative;top:0;transform:rotate(80deg);right:0;height:100vh;z-index:0}.box:after{content:"";display:block;left:0;top:0;width:100%;height:100%;z-index:11;transform:translateZ(0)}@keyframes drift{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.contain{animation-delay:4s;z-index:1000;position:fixed;top:0;left:0;bottom:0;right:0;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-flow:row nowrap;flex-flow:row nowrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:#573a68;background:-webkit-linear-gradient(rgb(87,58,104),rgb(46,9,56));background:linear-gradient(#573a68,#573a68)}.icon{width:100px;height:100px;margin:0 5px}.icon:nth-child(2) img{-webkit-animation-delay:.2s;animation-delay:.2s}.icon:nth-child(3) img{-webkit-animation-delay:.3s;animation-delay:.3s}.icon:nth-child(4) img{-webkit-animation-delay:.4s;animation-delay:.4s}.icon img{animation:anim 2.6s ease infinite;transform:scale(0) rotate(180deg);will-change:transform,opacity}@-webkit-keyframes anim{0%{-webkit-transform:scale(0,0) rotateZ(-90deg);transform:scale(0) rotate(-90deg);opacity:0}30%{-webkit-transform:scale(1,1) rotateZ(0deg);transform:scale(1) rotate(0);opacity:1}50%{-webkit-transform:scale(1,1) rotateZ(0deg);transform:scale(1) rotate(0);opacity:1}80%{-webkit-transform:scale(0,0) rotateZ(90deg);transform:scale(0) rotate(90deg);opacity:0}}@media (prefers-reduced-motion: reduce){.scroll-down-ani:before,.button-pulse,.button-pulse-black,.icon img{animation:none!important;-webkit-animation:none!important}}@keyframes anim{0%{-webkit-transform:scale(0,0) rotateZ(-90deg);transform:scale(0) rotate(-90deg);opacity:0}30%{-webkit-transform:scale(1,1) rotateZ(0deg);transform:scale(1) rotate(0);opacity:1}50%{-webkit-transform:scale(1,1) rotateZ(0deg);transform:scale(1) rotate(0);opacity:1}80%{-webkit-transform:scale(0,0) rotateZ(90deg);transform:scale(0) rotate(90deg);opacity:0}}.nav-holder{height:96px;width:100%;display:flex;align-items:center;justify-content:space-between;position:fixed;z-index:9999;background-color:#ffffff0f;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid rgba(255,255,255,.42);box-shadow:0 12px 28px #2e093814}.nav-holder a{text-decoration:none;color:#573a68;font-size:22px;font-family:pop,sans-serif;font-weight:700;z-index:50;transition:color .2s ease,opacity .2s ease,transform .2s ease}.nav-holder .resume-link{margin-top:6px;padding:6px 11px;border-radius:40px;color:#fff;transition:ease .4s;position:relative;display:inline-block;background-image:none;border:1px solid rgba(255,255,255,.6);background-color:#2e0938}.nav-holder .resume-link:hover{background-color:#4b0f5b;transform:translateY(-1px)}.nav-holder .resume-link.active{background-color:#4b0f5b}.nav-holder .nav-links{margin-top:9px;background-image:linear-gradient(to right,#573a68,#b18cac 50%,#2e0938 50%);background-size:210% 100%;background-position:100%;display:inline-block;padding:5px 0;color:#5a3572;position:relative;-webkit-background-clip:text;-moz-background-clip:text;-moz-text-fill-color:purple;background-clip:text;-webkit-text-fill-color:transparent;transition:all .2s ease-in-out}.nav-holder .nav-links:before{content:"";position:absolute;width:100%;height:4px;background-color:#573a68;bottom:0;left:0;transform-origin:left;transform:scaleX(0);transition:transform .19s ease-in-out}.nav-holder .nav-links:hover{background-position:0}.nav-holder .nav-links:hover:before{transform-origin:left;transform:scaleX(1)}.nav-holder .nav-links.active{background-position:0}.nav-holder .nav-links.active:before{transform:scaleX(1)}.nav-holder .logo{position:absolute}.nav-holder .logo a{display:flex;align-items:center;height:80px;transition:transform .3s ease,opacity .3s ease;margin-top:6px;z-index:9999;margin-left:20px}.nav-holder .logo a img{width:54px;opacity:1;text-decoration:none;object-fit:cover;margin-left:12.5px}.nav-holder .logo a .reg-logo{margin-top:16px;width:100%;width:350px;font-family:pop,sans-serif;font-weight:700;font-size:28px;opacity:1;transition:color .25s ease;text-align:center}.nav-holder .logo a .reg-logo span{color:#573a68;transition:color .25s ease}.nav-holder .logo a .mobile-logo{display:none;margin-top:16px;font-family:pop,sans-serif;font-weight:700;font-size:32px;opacity:1;transition:color .25s ease;text-align:center;margin-left:40px;position:absolute}.nav-holder .logo a .mobile-logo span{color:#573a68;transition:color .25s ease}.nav-holder .logo a:hover .reg-logo{color:#573a68}.nav-holder .logo a:hover .reg-logo span{color:#fff}.nav-holder nav{margin-right:50px;z-index:50}.nav-holder ul{display:flex;list-style-type:none;transition:ease 1s}.nav-holder ul li{margin-left:41px}.nav-holder .hamburger-icon{margin:auto 0;display:none;transition:transform .3s ease;z-index:50}.nav-holder .hamburger-icon div{background-color:#5a3572;width:34px;height:3px;margin:8px 0;transition:transform .3s ease,opacity .3s ease;border-radius:10px}.nav-holder .open .bar1{transform:rotate(-45deg) translate(-9px,6px)}.nav-holder .open .bar2{opacity:0}.nav-holder .open .bar3{transform:rotate(45deg) translate(-9px,-6px)}.nav-holder .open .mobile-menu{display:flex;flex-direction:column;align-items:center;animation:slide-down .28s ease-in-out}@keyframes slide-down{0%{transform:translate(-100%)}to{transform:translate(0)}}.nav-holder .mobile-menu{display:none;position:absolute;top:96px;left:0;height:calc(100vh - 96px);width:100%;background-color:#fff;transition:ease .3s;z-index:9999;justify-content:space-evenly}.nav-holder .mobile-menu .mobile-last{color:#fff;font-size:0px}.nav-holder .mobile-menu .mobile-last:hover{background-color:#ffffff1a}.nav-holder .mobile-menu li{height:33.33%;width:100%;display:flex;align-items:center;justify-content:center;padding:0;transition:ease .3s}.nav-holder .mobile-menu li:hover{background-color:#0d0e111a}.nav-holder .mobile-menu li .nav-links{background-image:linear-gradient(to right,#573a68,#573a68 50%,#0d0e11 50%);font-size:28px;font-family:pop,sans-serif;font-weight:700}.nav-holder .mobile-menu li .nav-links.active{background-position:0}.nav-holder .mobile-menu li .resume-link{border:2px solid #0d0e11;color:#0d0e11;font-size:26px;padding:5px 14px;background-color:#fff;font-family:pop,sans-serif;font-weight:700}.nav-holder .mobile-menu li .resume-link:hover,.nav-holder .mobile-menu li .resume-link.active{color:#fff;border:2px solid rgb(46,9,56);background-color:#2e0938}@media (max-width: 1095px){.nav-holder nav{display:none}.nav-holder ul li{margin-left:0}.nav-holder .hamburger-icon{display:block;margin-right:32px;margin-top:28px}.nav-holder .logo a{height:64px;width:64px;margin-top:-4px}.nav-holder .logo a img{width:40px;margin-left:12px}.nav-holder .logo a p{font-size:36px}.nav-holder .logo a:hover{width:300px;transform:translate(0)}}@media (max-aspect-ratio: 9/16){.nav-holder .hamburger-icon{margin-right:32px;margin-top:28px}.nav-holder .logo a{margin-top:-4px}.nav-holder .logo a p{font-size:22px}.nav-holder .logo a:hover{width:240px;transform:translate(0)}}.frosted-glass{display:flex;justify-content:center;align-items:center;min-height:100vh;padding:4rem 1rem;font-family:pop,sans-serif;position:relative;overflow:hidden;isolation:isolate}.frosted-glass video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:0;transform:translateZ(0);backface-visibility:hidden;contain:paint;pointer-events:none}@keyframes fadeInUp{to{opacity:1;transform:translateY(0)}}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.frosted-glass{background:linear-gradient(140deg,#fff3,#ffffff14);border-radius:24px;backdrop-filter:blur(18px) saturate(165%);-webkit-backdrop-filter:blur(18px) saturate(165%);border:1px solid rgba(255,255,255,.24);box-shadow:0 18px 42px #00000029;padding:2rem;color:#fff;text-align:center;transition:transform .3s ease,box-shadow .3s ease}@keyframes floatGlow{0%,to{transform:translate(0) scale(1)}50%{transform:translate(20px,10px) scale(1.1)}}.site-wrapper{background:linear-gradient(300deg,#a59fbf,#99d9e3,#f7d1e5,#ededec,#bea5be,#a59fbf,#99d9e3,#f7d1e5,#ededec,#bea5be);background-size:200% 200%;animation:gradient-animation 22s ease infinite;min-height:100vh;overflow-x:hidden}:root{--surface-border: rgba(255, 255, 255, .34);--elev-soft: 0 10px 30px rgba(0, 0, 0, .1);--elev-hover: 0 20px 46px rgba(46, 9, 56, .24);--title-dim-alpha: .22;--sticky-header-top: 112px;--story-card-top: 172px;--story-card-gap: 24vh;--hover-lift: -8px;--hover-scale: 1.02}body{text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@keyframes gradient-animation{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.home-wrapper{position:relative;max-width:1060px;margin:0 auto;padding:clamp(2rem,3vw,3.6rem);border-radius:25px;text-align:center;background:linear-gradient(152deg,#ffffff57,#ffffff1f);border:1px solid var(--surface-border);backdrop-filter:blur(20px) saturate(150%);-webkit-backdrop-filter:blur(20px) saturate(150%);box-shadow:var(--elev-soft),inset 0 0 1px #fff3;transition:transform .28s ease,box-shadow .28s ease}.home-wrapper:hover{transform:translateY(-5px);box-shadow:var(--elev-hover),inset 0 0 2px #ffffff40}.home-wrapper .home-desc-wrapper{position:relative;z-index:2;height:55vh;display:flex;justify-content:center;align-items:center;overflow:hidden;margin:0 auto}.home-wrapper .home-con{opacity:0;transform:translateY(15px);animation:fadeInUp 1s forwards;animation-delay:.3s}.home-wrapper .home-con p.intro{font-size:1.4rem;color:#333}.home-wrapper .home-con h1{font-size:2rem;color:#fff;line-height:1.3}.home-wrapper .home-con h1 .name{font-weight:700;color:#222}.home-desc{display:flex;flex-direction:column;z-index:20;text-align:center;margin:0 auto}.home-desc .intro{-webkit-text-stroke:1px #5e2a72;font-size:24px;letter-spacing:1px}.home-desc .megpal{font-family:pop,sans-serif;font-weight:700;font-size:50px;color:#2e0938;background-image:url(./Asset4.5dIhlB5L.svg);width:100%;background-size:contain;background-position:center;background-repeat:no-repeat;height:18vh}.home-desc .fancy-text{font-family:pop,sans-serif;font-size:3rem;font-variant-ligatures:discretionary-ligatures;font-feature-settings:"swsh" 1,"liga" 1,"dlig" 1;line-height:1.2}.home-desc h2{color:#2e0938;font-weight:800;padding-top:14px;line-height:1.35;max-width:650px;margin-left:auto;margin-right:auto}.socials{width:100%;height:auto;display:flex;align-items:center;justify-content:center;margin-top:30px}.socials .social-box{top:200px;display:flex;align-items:center;width:90%;justify-content:space-evenly;background:linear-gradient(120deg,#2e0938e0,#573a68c7);padding:12px;border-radius:20px;box-shadow:0 14px 28px #2e09384d}.socials .social-box i{color:#fff}.socials .social-box a{text-decoration:none;color:#99d9e3;font-size:28px;transition:transform .2s ease,color .2s ease,background-color .2s ease;margin-top:4px;border-radius:100px;padding:10px 12px;display:flex;align-items:center;justify-content:center}.socials .social-box a:hover{color:#2e0938;background-color:#ffffffd6;transform:translateY(-2px)}@media (max-width: 1024px){.home-wrapper{padding:2.5rem 2rem}.home-con h1{font-size:1.8rem}.home-desc .megpal{font-size:42px}.home-desc .intro{font-size:24px}}@media (max-width: 768px){.frosted-glass{padding:2rem 1rem}.home-wrapper{padding:2rem 1.5rem}.home-con p.intro{font-size:1.2rem}.home-con h1{font-size:1.6rem;line-height:1.2}.home-desc .megpal{font-size:36px}.home-desc .intro{font-size:22px;margin-bottom:30px}.home-desc h2{font-size:20px}.socials .social-box{width:100%;padding:8px}.socials .social-box a{font-size:22px;padding:6px 8px}}@media (max-width: 480px){.frosted-glass{padding:1.5rem 1rem}.home-wrapper{padding:1.5rem 1rem;border-radius:15px}.home-con p.intro{font-size:1rem}.home-con h1{font-size:1.3rem}.home-desc .megpal{font-size:28px}.home-desc .intro{font-size:18px;margin-bottom:20px}.home-desc h2{font-size:18px;padding-top:10px}.socials .social-box{gap:10px;padding:10px}.socials .social-box a{font-size:20px;margin:4px 0}}.downarrow{position:absolute;width:100vw;display:flex;align-items:center;justify-content:center;bottom:20px;z-index:100}.downarrow a{margin-right:5vw}.hidden{opacity:0;filter:blur(2px);transform:translate3d(-80px,0,0) scale(.985);transition:transform .75s ease,opacity .75s ease,filter .75s ease}.hidden-about{opacity:0;filter:blur(2px);transform:translate(-100%);transition:ease .7s}.hidden-about-logo{opacity:0;filter:blur(5px);transform:translate(-100%);transition:ease 4s}.show-about-logo{opacity:1;filter:blur(0);transform:translate(0);transition:ease 4s}.show{opacity:1;filter:blur(0);transform:translate(0)}.hiddenbottom{opacity:0;filter:blur(2px);transform:translate3d(0,-70px,0) scale(.985);transition:transform .9s ease,opacity .9s ease,filter .9s ease}.hiddenbottom2{opacity:0;filter:blur(2px);transform:translate3d(0,-60px,0) scale(.985);transition:transform .85s ease,opacity .85s ease,filter .85s ease}.hiddenbottom3{opacity:0;filter:blur(2px);transform:translate3d(0,60px,0) scale(.985);transition:transform .95s ease,opacity .95s ease,filter .95s ease}.showtop{opacity:1;filter:blur(0);transform:translateZ(0) scale(1)}.project-hub,.projects-wrapper,.about-wrapper,.resume-wrapper{content-visibility:auto;contain-intrinsic-size:1px 980px}.reveal-title{--mask-progress: 0;color:transparent;background:linear-gradient(90deg,#5e2a72,#5e2a72 calc(var(--mask-progress, 0) * 100%),rgba(94,42,114,var(--title-dim-alpha, .22)) calc(var(--mask-progress, 0) * 100%),rgba(94,42,114,var(--title-dim-alpha, .22)));-webkit-background-clip:text;background-clip:text;transition:background .18s linear}[data-parallax]{transform:translate3d(0,var(--parallax-shift, 0px),0);will-change:transform}.border{height:110px;width:100%;top:-30px;display:flex;align-items:center;justify-content:space-between;position:relative;z-index:999;background:#ffffff1f;backdrop-filter:blur(20px) saturate(150%);-webkit-backdrop-filter:blur(20px) saturate(150%)}.border .seemore{align-items:center;justify-content:center;margin:30px auto 0;display:flex;font-size:60px;background-color:#fff;padding:30px;border-radius:20px;font-family:pop}#projects,.projects-wrapper{border-radius:50px;margin-top:100px}.projects-header{font-size:36px;background-color:#2e0938;margin-top:120px;box-shadow:0 0 0 12px #ffffff03;width:55vw;border-radius:20px;height:190px;text-align:center;z-index:40;display:flex;align-items:center;justify-content:center}.projects-header h1{margin-top:10px;font-weight:100}.projects-header .graphic-title{font-variant-ligatures:discretionary-ligatures;font-feature-settings:"swsh" 1,"liga" 1,"dlig" 1;line-height:1.2}.project-hub{width:80%;margin:50px auto 0}.project-hub h2{color:#2e0938;font-family:pop;font-size:clamp(30px,4vw,44px);text-align:center}.project-hub .hub-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:30px;margin-top:34px}.project-hub .hub-card{--depth-tilt: 0deg;--depth-lift: 0px;display:flex;flex-direction:column;text-decoration:none;background:linear-gradient(160deg,#ffffff57,#ffffff2e);border-radius:25px;border:1px solid var(--surface-border);backdrop-filter:blur(20px) saturate(150%);-webkit-backdrop-filter:blur(20px) saturate(150%);box-shadow:var(--elev-soft),inset 0 0 1px #fff3;overflow:hidden;transform:perspective(1100px) rotateX(var(--depth-tilt)) translateY(var(--depth-lift));transition:transform .35s ease,box-shadow .35s ease}.project-hub .hub-card:hover{transform:perspective(1100px) rotateX(var(--depth-tilt)) translateY(-8px) scale(var(--hover-scale, 1.02));box-shadow:var(--elev-hover),inset 0 0 1px #fff3}.project-hub .hub-card img{width:100%;height:270px;object-fit:cover;filter:grayscale(8%);transform:scale(var(--media-scale, 1));transition:transform .45s ease,filter .35s ease}.project-hub .hub-card:hover img{filter:grayscale(0%)}.project-hub .hub-card .hub-copy{padding:22px}.project-hub .hub-card .hub-copy h3{color:#2e0938;font-size:29px;margin-bottom:10px}.project-hub .hub-card .hub-copy p{color:#2e0938;font-size:17px;margin-bottom:20px;line-height:1.45}.project-hub .hub-card .hub-copy span{color:#2e0938;font-family:pop;font-size:16px;font-weight:700}.project-switcher{width:80%;margin:36px auto 10px;display:flex;align-items:center;justify-content:space-between;gap:14px}.project-switcher p{margin-bottom:0;color:#2e0938;font-size:20px;font-family:pop;font-weight:700}.project-switcher .switcher-buttons{display:flex;gap:10px}.project-switcher button{border:1px solid rgba(255,255,255,.4);background:#ffffff59;border-radius:999px;padding:10px 20px;font-family:pop;font-size:16px;color:#2e0938;cursor:pointer;transition:ease .2s}.project-switcher button:hover{background:#2e09382e}.project-switcher button.active{color:#fff;background-color:#5e2a72;border-color:#5e2a72}.project-panel{display:none}.project-panel.is-active{display:flex}.project-boxes{margin-top:40px;z-index:9}.projects-wrapper{min-height:100vh;width:80%;margin:0 auto;display:flex;flex-direction:column;align-items:center;z-index:9}.projects-wrapper .project-box{--depth-tilt: 0deg;--depth-lift: 0px;display:flex;width:905px;background:linear-gradient(160deg,#ffffff57,#ffffff2e);border-radius:25px;border:1px solid var(--surface-border);backdrop-filter:blur(20px) saturate(150%);-webkit-backdrop-filter:blur(20px) saturate(150%);box-shadow:var(--elev-soft),inset 0 0 1px #fff3;margin:84px 0;padding:24px 28px;transform:perspective(1200px) rotateX(var(--depth-tilt)) translateY(var(--depth-lift));transition:transform .45s ease,box-shadow .4s ease;z-index:9;will-change:transform,opacity}.projects-wrapper .project-box:hover{transform:perspective(1200px) rotateX(var(--depth-tilt)) translateY(var(--hover-lift, -8px)) scale(var(--hover-scale, 1.02));box-shadow:var(--elev-hover),inset 0 0 1px #fff3}.projects-wrapper .project-box:hover img{filter:grayscale(0%)}.projects-wrapper .project-box img{border-radius:40px;object-fit:cover;transition:transform .3s ease,filter .3s ease;width:210px;margin-top:4px;height:230px;filter:grayscale(36%)}.projects-wrapper .project-box img:hover{transform:scale(calc(var(--media-scale, 1) + .02))}.projects-wrapper .project-box .project-desc{margin-left:20px;position:relative}.projects-wrapper .project-box .project-desc .project-skills{margin-top:30px}.projects-wrapper .project-box .project-desc .arrow-link{position:absolute;right:14px;top:10px;color:#2e0938;z-index:2;cursor:pointer;font-size:20px}.projects-wrapper .project-box .project-desc .arrow-link:hover{color:#fff}.projects-wrapper .project-box .project-desc .github{position:absolute;top:10px;right:50px;color:#2e0938;z-index:2;cursor:pointer;font-size:25px}.projects-wrapper .project-box .project-desc .github:hover{color:#fff}.projects-wrapper .project-box .project-desc .desc{color:#2e0938;margin-top:18px;font-size:18px;font-family:pop}.projects-wrapper .project-box .project-desc .desc .here{text-decoration:none;color:#2e0938;cursor:pointer;background-color:#f7c6d8;padding:10px;border-radius:10px}.projects-wrapper .project-box .project-desc .date{color:#2e0938;font-size:14px;margin:0 0 4px;font-family:pop}.projects-wrapper .project-box .project-desc .project-title,.projects-wrapper .project-box .project-desc h3{display:flex;font-weight:800;font-weight:bolder;background-size:200% 100%;background-position:100%;position:relative;max-width:450px;height:50px;transition:all .14s ease-in-out;color:#2e0938;border:none;font-size:24px;text-decoration:none}.projects-wrapper .project-box .project-desc .project-title:before,.projects-wrapper .project-box .project-desc h3:before{content:"";position:absolute;width:100%;bottom:0;left:0;transform-origin:left;transform:scaleX(0);transition:transform .14s ease-in-out}.projects-wrapper .project-box .project-desc .project-title:hover,.projects-wrapper .project-box .project-desc h3:hover{background-position:0}.projects-wrapper .project-box .project-desc .project-title:hover:before,.projects-wrapper .project-box .project-desc h3:hover:before{transform-origin:left;transform:scaleX(1)}.projects-wrapper .project-box span{color:#fff;font-weight:400;margin:0 3px;padding:2px 12px;border-radius:40px;cursor:pointer;font-family:pop;background-color:#5e2a72;transition:transform .2s ease,color .2s ease,background-color .2s ease}.projects-wrapper .project-box span:hover{border:2px solid #ffffff;background-color:transparent;color:#2e0938}.depth-active{box-shadow:0 18px 34px #0000002e,inset 0 0 1px #fff3}@media (prefers-reduced-motion: reduce){[data-parallax],.project-box,.hub-card,.reveal-title,.hidden,.hiddenbottom,.hiddenbottom2,.hiddenbottom3{transform:none!important;transition:none!important}.reveal-title{color:#5e2a72!important;background:none!important}}.projects-wrapper.projects-page{margin-top:0}.projects-wrapper.projects-page .projects-header{position:sticky;top:var(--sticky-header-top, 112px);z-index:70}.projects-wrapper.projects-page .project-box{margin:40px 0}.projects-wrapper.projects-page.web-grid,.projects-wrapper.projects-page.graphic-grid{--web-grid-gap: clamp(20px, 2.2vw, 30px);width:min(1180px,92vw);margin-top:100px}.projects-wrapper.projects-page.web-grid .projects-header,.projects-wrapper.projects-page.graphic-grid .projects-header{position:relative;top:0;margin-top:0;isolation:isolate;flex-direction:column;gap:12px;padding:24px 30px;width:min(840px,100%);min-height:220px;overflow:hidden;background:linear-gradient(180deg,#ffffff24,#fff0),linear-gradient(145deg,#2e0938fa,#573a68f0);border:1px solid rgba(255,255,255,.35);box-shadow:0 18px 42px #1e0e282e,inset 0 0 0 1px #ffffff1f}.projects-wrapper.projects-page.web-grid .projects-header:before,.projects-wrapper.projects-page.graphic-grid .projects-header:before{content:"";position:absolute;width:240px;height:2px;top:26px;right:30px;background:linear-gradient(90deg,#fff0,#ffffff8c);z-index:-1}.projects-wrapper.projects-page.web-grid .projects-header .web-title-kicker,.projects-wrapper.projects-page.graphic-grid .projects-header .web-title-kicker{margin:0;width:fit-content;font-size:11px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:#fffffff2;border:1px solid rgba(255,255,255,.32);border-radius:999px;padding:6px 12px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.projects-wrapper.projects-page.web-grid .projects-header .web-title,.projects-wrapper.projects-page.graphic-grid .projects-header .web-title{margin:0;display:inline-flex;flex-wrap:wrap;justify-content:flex-start;gap:12px;line-height:.92;font-size:clamp(42px,7vw,76px);font-weight:800;color:#fff;text-shadow:0 8px 22px rgba(17,5,23,.28)}.projects-wrapper.projects-page.web-grid .projects-header .web-title .title-accent,.projects-wrapper.projects-page.graphic-grid .projects-header .web-title .title-accent{color:#fff;position:relative}.projects-wrapper.projects-page.web-grid .projects-header .web-title-sub,.projects-wrapper.projects-page.graphic-grid .projects-header .web-title-sub{margin:0;max-width:520px;font-size:15px;line-height:1.5;color:#ffffffe0;font-weight:500}.projects-wrapper.projects-page.web-grid .project-boxes,.projects-wrapper.projects-page.graphic-grid .project-boxes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--web-grid-gap);margin-top:clamp(30px,5vw,56px);width:100%;align-items:stretch}.projects-wrapper.projects-page.web-grid .project-boxes .project-box:last-child:nth-child(odd),.projects-wrapper.projects-page.graphic-grid .project-boxes .project-box:last-child:nth-child(odd){grid-column:1/-1;justify-self:center;width:calc((100% - var(--web-grid-gap)) / 2)}.projects-wrapper.projects-page.web-grid .project-box,.projects-wrapper.projects-page.graphic-grid .project-box{width:100%;margin:0;height:100%;display:grid;grid-template-rows:auto 1fr;align-items:stretch;padding:20px;border-radius:24px;border:1px solid rgba(255,255,255,.34);box-shadow:0 12px 28px #1e0e2824,inset 0 0 1px #fff3}.projects-wrapper.projects-page.web-grid .project-box img,.projects-wrapper.projects-page.graphic-grid .project-box img{width:100%;max-width:none;height:clamp(180px,18vw,240px);margin:0;border-radius:16px;filter:grayscale(10%);object-position:center}.projects-wrapper.projects-page.web-grid .project-box .project-desc,.projects-wrapper.projects-page.graphic-grid .project-box .project-desc{width:100%;max-width:none;margin-left:0;margin-top:14px;padding:2px 4px 4px;display:flex;flex-direction:column;min-height:0}.projects-wrapper.projects-page.web-grid .project-box .project-desc .project-title,.projects-wrapper.projects-page.web-grid .project-box .project-desc h3,.projects-wrapper.projects-page.graphic-grid .project-box .project-desc .project-title,.projects-wrapper.projects-page.graphic-grid .project-box .project-desc h3{max-width:100%;height:auto;font-size:clamp(20px,2vw,26px);margin-bottom:4px}.projects-wrapper.projects-page.web-grid .project-box .project-desc .date,.projects-wrapper.projects-page.graphic-grid .project-box .project-desc .date{font-size:15px;margin-bottom:12px}.projects-wrapper.projects-page.web-grid .project-box .project-desc .desc,.projects-wrapper.projects-page.graphic-grid .project-box .project-desc .desc{font-size:16px;line-height:1.55;max-width:100%;margin-bottom:14px;flex-grow:1}.projects-wrapper.projects-page.web-grid .project-box .project-desc .project-skills,.projects-wrapper.projects-page.graphic-grid .project-box .project-desc .project-skills{margin-top:auto;display:flex;flex-wrap:wrap;gap:10px;padding-top:6px}.projects-wrapper.projects-page.web-grid .project-box .project-desc .project-skills span,.projects-wrapper.projects-page.graphic-grid .project-box .project-desc .project-skills span{display:inline-flex;align-items:center;justify-content:center;min-height:30px;padding:5px 12px;font-size:13px;letter-spacing:.2px;border:1px solid rgba(255,255,255,.26)}.projects-wrapper.projects-page.web-grid .project-box .project-desc .arrow-link,.projects-wrapper.projects-page.web-grid .project-box .project-desc .github,.projects-wrapper.projects-page.graphic-grid .project-box .project-desc .arrow-link,.projects-wrapper.projects-page.graphic-grid .project-box .project-desc .github{top:0}.projects-wrapper.projects-page.web-grid .project-box .project-desc .arrow-link,.projects-wrapper.projects-page.graphic-grid .project-box .project-desc .arrow-link{right:8px}.projects-wrapper.projects-page.web-grid .project-box .project-desc .github,.projects-wrapper.projects-page.graphic-grid .project-box .project-desc .github{right:42px}@media (max-width: 1180px){.projects-wrapper.projects-page.web-grid,.projects-wrapper.projects-page.graphic-grid{width:min(980px,92vw)}.projects-wrapper.projects-page.web-grid .projects-header,.projects-wrapper.projects-page.graphic-grid .projects-header{min-height:196px;padding:18px 20px}.projects-wrapper.projects-page.web-grid .projects-header:before,.projects-wrapper.projects-page.graphic-grid .projects-header:before{width:160px;right:20px}.projects-wrapper.projects-page.web-grid .projects-header .web-title,.projects-wrapper.projects-page.graphic-grid .projects-header .web-title{font-size:clamp(34px,9vw,56px)}.projects-wrapper.projects-page.web-grid .project-boxes,.projects-wrapper.projects-page.graphic-grid .project-boxes{grid-template-columns:1fr;gap:22px;margin-top:34px}.projects-wrapper.projects-page.web-grid .project-boxes .project-box:last-child:nth-child(odd),.projects-wrapper.projects-page.graphic-grid .project-boxes .project-box:last-child:nth-child(odd){grid-column:auto;width:100%}.projects-wrapper.projects-page.web-grid .project-box,.projects-wrapper.projects-page.graphic-grid .project-box{max-width:760px;margin:0 auto}}@media (max-width: 900px){.projects-wrapper.projects-page.web-grid,.projects-wrapper.projects-page.graphic-grid{width:min(760px,94vw)}.projects-wrapper.projects-page.web-grid .projects-header,.projects-wrapper.projects-page.graphic-grid .projects-header{min-height:auto;padding:16px 18px;gap:10px}.projects-wrapper.projects-page.web-grid .projects-header:before,.projects-wrapper.projects-page.graphic-grid .projects-header:before{width:120px}.projects-wrapper.projects-page.web-grid .projects-header .web-title,.projects-wrapper.projects-page.graphic-grid .projects-header .web-title{font-size:clamp(32px,10vw,46px);gap:8px}.projects-wrapper.projects-page.web-grid .projects-header .web-title-sub,.projects-wrapper.projects-page.graphic-grid .projects-header .web-title-sub{font-size:14px}.projects-wrapper.projects-page.web-grid .project-box,.projects-wrapper.projects-page.graphic-grid .project-box{padding:16px}.projects-wrapper.projects-page.web-grid .project-box img,.projects-wrapper.projects-page.graphic-grid .project-box img{height:clamp(176px,40vw,220px)}.projects-wrapper.projects-page.web-grid .project-box .project-desc .desc,.projects-wrapper.projects-page.graphic-grid .project-box .project-desc .desc{font-size:15px;line-height:1.5}.projects-wrapper.projects-page.web-grid .project-box .project-desc .project-skills span,.projects-wrapper.projects-page.graphic-grid .project-box .project-desc .project-skills span{min-height:28px;padding:4px 10px;font-size:12px}}@media (max-width: 640px){.projects-wrapper.projects-page.web-grid,.projects-wrapper.projects-page.graphic-grid{width:94vw}.projects-wrapper.projects-page.web-grid .projects-header,.projects-wrapper.projects-page.graphic-grid .projects-header{border-radius:18px;padding:14px 14px 16px}.projects-wrapper.projects-page.web-grid .projects-header:before,.projects-wrapper.projects-page.graphic-grid .projects-header:before{display:none}.projects-wrapper.projects-page.web-grid .projects-header .web-title-kicker,.projects-wrapper.projects-page.graphic-grid .projects-header .web-title-kicker{font-size:10px;padding:5px 10px}.projects-wrapper.projects-page.web-grid .projects-header .web-title,.projects-wrapper.projects-page.graphic-grid .projects-header .web-title{font-size:clamp(30px,11vw,40px);line-height:.98}.projects-wrapper.projects-page.web-grid .projects-header .web-title-sub,.projects-wrapper.projects-page.graphic-grid .projects-header .web-title-sub{font-size:13px;line-height:1.45}.projects-wrapper.projects-page.web-grid .project-boxes,.projects-wrapper.projects-page.graphic-grid .project-boxes{gap:18px;margin-top:28px}.projects-wrapper.projects-page.web-grid .project-box,.projects-wrapper.projects-page.graphic-grid .project-box{padding:14px;border-radius:18px}.projects-wrapper.projects-page.web-grid .project-box img,.projects-wrapper.projects-page.graphic-grid .project-box img{height:clamp(168px,48vw,210px);border-radius:12px}.projects-wrapper.projects-page.web-grid .project-box .project-desc,.projects-wrapper.projects-page.graphic-grid .project-box .project-desc{margin-top:12px}.projects-wrapper.projects-page.web-grid .project-box .project-desc .project-title,.projects-wrapper.projects-page.web-grid .project-box .project-desc h3,.projects-wrapper.projects-page.graphic-grid .project-box .project-desc .project-title,.projects-wrapper.projects-page.graphic-grid .project-box .project-desc h3{font-size:clamp(18px,6vw,24px)}.projects-wrapper.projects-page.web-grid .project-box .project-desc .date,.projects-wrapper.projects-page.graphic-grid .project-box .project-desc .date{font-size:14px;margin-bottom:10px}.projects-wrapper.projects-page.web-grid .project-box .project-desc .desc,.projects-wrapper.projects-page.graphic-grid .project-box .project-desc .desc{font-size:14px;margin-bottom:12px}.projects-wrapper.projects-page.web-grid .project-box .project-desc .arrow-link,.projects-wrapper.projects-page.graphic-grid .project-box .project-desc .arrow-link{right:6px}.projects-wrapper.projects-page.web-grid .project-box .project-desc .github,.projects-wrapper.projects-page.graphic-grid .project-box .project-desc .github{right:36px}}.projects-wrapper.story-stack .project-boxes{width:100%}.projects-wrapper.story-stack .project-box{position:sticky;top:var(--story-card-top, 172px);margin:0 0 var(--story-card-gap, 24vh) 0}.aboutme{height:200px;width:80%;margin:32px auto 0;display:flex;justify-content:center}.aboutme .aboutme-link{display:inline-flex;align-items:center;gap:12px;background:linear-gradient(135deg,#2e0938fa,#573a68f5);font-size:22px;font-weight:700;letter-spacing:.4px;padding:18px 28px;border-radius:999px;text-decoration:none;color:#fff;font-family:pop;margin-bottom:100px;border:1px solid rgba(255,255,255,.18);box-shadow:0 16px 34px #2e093847,inset 0 1px #ffffff29;transition:transform .22s ease,box-shadow .22s ease,background .22s ease,color .22s ease}.aboutme .aboutme-link:hover{transform:translateY(-3px);background:linear-gradient(135deg,#6d4982,#2e0938);box-shadow:0 20px 42px #2e093857,inset 0 1px #ffffff38}.about-wrapper{width:min(1200px,92vw);margin:clamp(110px,11vw,150px) auto 0}.about-wrapper .about-main{margin:0 auto;display:grid;grid-template-columns:minmax(260px,.95fr) minmax(0,1.25fr);gap:clamp(22px,3vw,42px);align-items:center;padding:clamp(18px,2.2vw,30px);border-radius:34px;background:linear-gradient(155deg,#ffffff3d,#ffffff1a);border:1px solid rgba(255,255,255,.28);box-shadow:0 20px 44px #28143a24,inset 0 0 0 1px #ffffff1f}.about-wrapper .meg{width:100%;aspect-ratio:3/4;border-radius:30px;background-image:url(./me2.Tp32BXwD.png);background-position:center;background-repeat:no-repeat;background-size:cover;box-shadow:0 18px 34px #1c0c2633}.about-wrapper .about-desc{max-width:100%}.about-wrapper .about-desc h2{margin:0;font-size:clamp(34px,4.8vw,52px);line-height:.98;color:#573a68;letter-spacing:-.01em}.about-wrapper .about-desc p{margin:14px 0 0;color:#573a68;font-family:pop;font-size:clamp(15px,1.15vw,18px);line-height:1.6;max-width:68ch}.about-wrapper .about-desc .about-skills{margin-top:clamp(18px,2.5vw,30px);display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.about-wrapper .about-desc .about-skills .skills-category1,.about-wrapper .about-desc .about-skills .skills-category2{display:flex;flex-wrap:wrap;gap:9px;padding:14px;border-radius:18px;background:#ffffff5c;border:1px solid rgba(255,255,255,.4)}.about-wrapper .about-desc .about-skills h3{width:100%;margin:0 0 4px;color:#573a68;font-size:17px;letter-spacing:.01em}.about-wrapper .about-desc .about-skills span{display:inline-flex;align-items:center;justify-content:center;min-height:30px;padding:4px 12px;border-radius:999px;border:1px solid rgba(46,9,56,.7);background-color:#2e0938;color:#fff;font-family:pop;font-weight:500;font-size:13px;transition:.2s ease}.about-wrapper .about-desc .about-skills span:hover{background:transparent;color:#573a68;border-color:#ffffffd9}.about-wrapper .companies{margin-top:clamp(70px,8vw,130px)}.about-wrapper .companies .company-header{display:flex;justify-content:center;text-align:center;font-size:clamp(24px,3vw,34px)}.about-wrapper .companies .company-header span{color:#573a68}.about-wrapper .companies .company-header h1{margin:0}.about-wrapper .companies .company-box{margin-top:clamp(26px,4vw,56px);padding-bottom:clamp(40px,7vw,84px);display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(16px,2.2vw,30px);align-items:stretch}.about-wrapper .companies .company-box .company-img{min-height:190px;background:#ffffff21;border:1px solid rgba(255,255,255,.3);box-shadow:0 12px 24px #1e0e281a;border-radius:24px;padding:24px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;transition:transform .22s ease,box-shadow .22s ease}.about-wrapper .companies .company-box .company-img img{width:min(100%,190px);object-fit:contain}.about-wrapper .companies .company-box .company-img:hover{transform:translateY(-4px);box-shadow:0 18px 28px #1e0e2824}.about-wrapper .companies .company-box .company-img .enj-credit{margin:0;color:#573a68;font-family:pop;font-size:14px;text-align:center}.resume-wrapper{margin-top:140px}.resume-wrapper .resume-header{display:flex;align-items:center;justify-content:center;font-size:40px}.resume-wrapper .resume-header span{color:#fff}.resume-wrapper .resume-pdf{width:100vw;display:flex;justify-content:center;align-items:center}.resume-wrapper object{height:100%;width:100%}.resume-wrapper .resume-pdf-view{width:680px;height:735px}.resume-wrapper .resume-pdf-view a{font-family:motReg;font-weight:600;font-size:24px;text-decoration:underline;color:#fff;padding:2px;border-radius:40px}.resume-wrapper .resume-pdf-view p{font-size:22px;text-align:center;margin-top:26px}.download{display:flex;align-items:center;justify-content:center;padding:30px 0 100px}.download a{margin-top:9px;padding:6px 20px;border-radius:40px;color:#573a68;transition:ease .4s;position:relative;display:inline-block;background-image:none;border:2px solid #ffffff;color:#fff;background-color:#0d0e11;text-decoration:none;font-family:pop;font-weight:200;font-size:22px}.download a:hover{background-color:#2e0938}@media (max-aspect-ratio: 1/1){.site-wrapper .nav-holder{height:90px}.site-wrapper .nav-holder .logo a{margin-left:0}.site-wrapper .nav-holder .logo a .reg-logo{display:none}.site-wrapper .nav-holder .logo a .mobile-logo{display:block;font-size:36px;margin-top:26px}.home-wrapper .home-desc .intro{font-size:18px}.home-wrapper .home-desc h1{font-size:38px}.projects-wrapper .projects-header{font-size:30px;min-height:100px}.projects-wrapper .project-box{width:400px;height:500px;flex-direction:column;align-items:center}.projects-wrapper .project-box img{width:340px;height:200px;object-fit:cover;margin-bottom:18px;margin-top:0}.projects-wrapper .project-box .project-desc{width:90%;margin:0 auto}.projects-wrapper .project-box .project-desc .project-skills{margin-top:0;padding:10px;display:flex}.projects-wrapper .project-box .project-desc .project-skills span{font-size:13px;padding:2px 10px}.projects-wrapper .project-box .project-desc .arrow-link{right:-10px;top:10px;font-size:18px}.projects-wrapper .project-box .project-desc .github{right:-10px;top:20px;font-size:26px}.projects-wrapper .project-box .project-desc .project-title h3{font-size:26px}.projects-wrapper .project-box .project-desc .date{margin-top:0}.projects-wrapper .project-box .project-desc .desc{font-size:16px;max-height:100px;overflow-y:hidden}.companies .company-header{font-size:18px}.companies .company-box .company-img{padding:30px}.companies .company-box .company-img img{width:70px}}@media screen and (max-width: 1455px){.site-wrapper .box-holder{overflow:visible;height:fit-content;width:fit-content;margin-left:1550px;margin-top:50px}}@media screen and (max-width: 1370px){.companies .company-box .company-img{padding:32px}.home-wrapper .home-desc{margin-left:4vw}.home-wrapper .socials{width:94%;margin-top:20px}.home-wrapper .downarrow a{margin-right:0vw}}@media screen and (max-width: 1280px){.companies .company-header{font-size:22px}.companies .company-box .company-img{padding:30px}.companies .company-box .company-img img{width:160px}}@media screen and (max-width: 1700px){.about-main{max-width:100%;min-height:1080px}.about-main .about-desc h2{font-size:40px}.companies .company-header{font-size:20px}.companies .company-box .company-img{padding:30px}.companies .company-box .company-img img{width:140px}}@media screen and (max-width: 1215px){.projects-header h1{padding:20px}.projects-header .graphic-title{font-variant-ligatures:discretionary-ligatures;font-feature-settings:"swsh" 1,"liga" 1,"dlig" 1;line-height:1.2}}@media screen and (max-width: 1180px){.about-main{max-width:100%;min-height:1080px}.about-main .about-desc h2{font-size:40px}.companies .company-header{font-size:20px}.companies .company-box .company-img{padding:30px}.companies .company-box .company-img img{width:140px}}@media screen and (max-width: 1000px){.about-wrapper{margin:130px auto 0}.about-wrapper .about-main{max-width:100%;min-height:1300px}.about-wrapper .about-main .meg{width:300px;height:40vh;margin-top:12px}.about-wrapper .about-main .about-desc h2{font-size:40px}.about-wrapper .about-main .about-desc p{font-size:17px}.about-wrapper .about-main .about-desc .about-skills span{font-size:14px}}@media screen and (max-width: 960px){.companies .company-header{font-size:18px}.companies .company-box .company-img{padding:30px}.companies .company-box .company-img img{width:120px}.about-main{height:840px}.site-wrapper .box-holder{overflow:visible;height:fit-content;width:fit-content;margin-left:1250px;margin-top:50px}}@media screen and (max-width: 950px){.about-wrapper{margin:130px auto 0}.about-wrapper .about-main{flex-direction:column;width:90%;max-width:800px;min-width:unset;align-items:center}.about-wrapper .about-main img{width:400px;height:500px;margin-top:22px;object-position:30% 30%}.about-wrapper .about-main .about-desc{width:90%;max-width:600px;margin-top:20px;padding-bottom:10px}}@media screen and (max-width: 900px){.companies .company-header{font-size:16px}.companies .company-box .company-img{padding:30px}.companies .company-box .company-img img{width:100px}}@media screen and (max-width: 900px){.projects-wrapper .projects-header{font-size:22px;width:100%;padding:10px}.projects-wrapper .project-box{width:800px;flex-direction:column;align-items:center;height:600px}.projects-wrapper .project-box img{width:650px;height:260px;object-fit:cover;margin-bottom:6px;margin-top:0}.projects-wrapper .project-box .project-desc{width:90%;margin:0 auto}.projects-wrapper .project-box .project-desc .project-skills{display:flex;width:100%;flex-wrap:wrap;row-gap:10px;margin-top:40px;padding:20px}.projects-wrapper .project-box .project-desc .project-skills span{font-size:20px;padding:2px 5px}.projects-wrapper .project-box .project-desc .desc{font-size:14px}.projects-wrapper .project-box .project-desc .date{font-size:12px}.projects-wrapper .project-box .project-desc .arrow-link{display:none}.projects-wrapper .project-box .project-desc .project-title h3{font-size:22px}}@media screen and (max-width: 820px){.about-wrapper{margin:130px auto 0}.about-wrapper .about-main{flex-direction:column;max-width:570px;min-width:370px;height:1850px}.about-wrapper .about-main .meg{width:300px;height:40vh;margin-top:12px}.about-wrapper .about-main .about-desc h2{font-size:34px}.about-wrapper .about-main .about-desc p{font-size:15px}.about-wrapper .about-main .about-desc .about-skills span{font-size:14px}.companies .company-header{font-size:16px;text-align:center}.companies .company-box{flex-direction:column;row-gap:80px}.companies .company-box .company-img{padding:30px}.companies .company-box .company-img img{width:100px}.home-wrapper .home-desc h1{font-size:28px;max-width:540px}}@media screen and (max-width: 800px){.home-wrapper .socials .social-box a{font-size:24px}.site-wrapper .box-holder{overflow:visible;height:fit-content;width:fit-content;margin-left:1050px;margin-top:50px}}@media screen and (max-width: 800px){.projects-wrapper .projects-header{font-size:22px;width:100%;padding:10px}.projects-wrapper .project-box{width:600px;flex-direction:column;align-items:center;height:650px}.projects-wrapper .project-box img{width:450px;height:260px;object-fit:cover;margin-bottom:6px;margin-top:0}.projects-wrapper .project-box .project-desc{width:90%;margin:0 auto}.projects-wrapper .project-box .project-desc .project-skills{display:flex;width:100%;padding:10px;flex-wrap:wrap;row-gap:10px;margin-top:20px}.projects-wrapper .project-box .project-desc .project-skills span{font-size:16px;padding:2px 5px}.projects-wrapper .project-box .project-desc .desc{font-size:14px;min-height:150px}.projects-wrapper .project-box .project-desc .date{font-size:12px}.projects-wrapper .project-box .project-desc .arrow-link{display:none}.projects-wrapper .project-box .project-desc .project-title h3{font-size:22px;margin-top:20px}}@media screen and (max-width: 750px){.site-wrapper .resume-wrapper{margin-top:100px}.site-wrapper .resume-wrapper .resume-header{font-size:30px}.site-wrapper .resume-wrapper .resume-pdf-view{width:560px}}@media screen and (max-width: 615px){.about-wrapper{margin:130px auto 0}.about-wrapper .about-main{flex-direction:column;max-width:370px;min-width:90%;height:1850px}.about-wrapper .about-main .meg{width:300px;height:40vh;margin-top:12px}.about-wrapper .about-main .about-desc h2{font-size:34px}.about-wrapper .about-main .about-desc p{font-size:15px}.about-wrapper .about-main .about-desc .about-skills span{font-size:14px}.site-wrapper .resume-wrapper .resume-pdf-view{width:420px;height:620px}}@media screen and (max-width: 500px){.about-wrapper{margin:100px auto 0;min-width:85vw}.about-wrapper .about-main{flex-direction:column;min-width:250px;padding:40px;height:1900px;margin:0 auto}.about-wrapper .about-main .meg{width:200px;height:30vh;margin-top:12px;border-radius:30px}.about-wrapper .about-main .about-desc h2{font-size:34px}.about-wrapper .about-main .about-desc p{font-size:15px}.about-wrapper .about-main .about-desc .about-skills span{font-size:14px}.site-wrapper .resume-wrapper .resume-pdf-view{width:420px;height:620px}}@media screen and (max-width: 430px){.about-wrapper{margin:100px auto 0;min-width:85vw}.about-wrapper .about-main{flex-direction:column;min-width:250px;padding:40px;height:2200px;margin:0 auto}.about-wrapper .about-main .meg{min-width:200px;min-height:30vh;margin-top:12px;border-radius:30px}.about-wrapper .about-main .about-desc h2{font-size:34px}.about-wrapper .about-main .about-desc p{font-size:15px}.about-wrapper .about-main .about-desc .about-skills span{font-size:14px}.about-wrapper .about-main .skills-category1,.about-wrapper .about-main .skills-category2{width:84%}}@media screen and (max-width: 600px){.projects-wrapper .projects-header{font-size:22px;width:100%;padding:10px}.projects-wrapper .project-box{width:450px;flex-direction:column;align-items:center;height:830px}.projects-wrapper .project-box img{width:350px;height:260px;object-fit:cover;margin-bottom:6px;margin-top:0}.projects-wrapper .project-box .project-desc{width:90%;margin:0 auto}.projects-wrapper .project-box .project-desc .project-skills{display:flex;width:100%;flex-wrap:wrap;padding:10px;row-gap:10px}.projects-wrapper .project-box .project-desc .project-skills span{font-size:16px;padding:10px 5px}.projects-wrapper .project-box .project-desc .desc{font-size:14px;min-height:250px}.projects-wrapper .project-box .project-desc .date{font-size:12px}.projects-wrapper .project-box .project-desc .arrow-link{display:none}.projects-wrapper .project-box .project-desc .project-title h3{font-size:22px;margin-top:20px}}@media screen and (max-width: 465px){.border .seemore{font-size:23px}.projects-wrapper .projects-header{font-size:22px;width:100%;padding:10px}.projects-wrapper .project-box{width:350px;flex-direction:column;align-items:center;height:980px}.projects-wrapper .project-box img{width:280px;height:260px;object-fit:cover;margin-bottom:6px;margin-top:0}.projects-wrapper .project-box .project-desc{width:90%;margin:0 auto}.projects-wrapper .project-box .project-desc .project-skills{display:flex;width:100%;flex-wrap:wrap;row-gap:10px}.projects-wrapper .project-box .project-desc .project-skills span{font-size:16px;padding:10px}.projects-wrapper .project-box .project-desc .desc{font-size:14px;min-height:350px}.projects-wrapper .project-box .project-desc .date{font-size:12px;margin-top:30px}.projects-wrapper .project-box .project-desc .arrow-link{display:none}.projects-wrapper .project-box .project-desc .project-title h3{font-size:22px;margin-top:20px}}@media screen and (max-width: 435px){.border .seemore{font-size:13px}.projects-wrapper .projects-header{font-size:22px;width:100%;padding:10px}.projects-wrapper .project-box{width:350px;flex-direction:column;align-items:center;height:1000px}.projects-wrapper .project-box img{width:280px;height:260px;object-fit:cover;margin-bottom:6px;margin-top:0}.projects-wrapper .project-box .project-desc{width:90%;margin:0 auto}.projects-wrapper .project-box .project-desc .project-skills{display:flex;width:100%;flex-wrap:wrap;row-gap:10px}.projects-wrapper .project-box .project-desc .project-skills span{font-size:16px;padding:10px}.projects-wrapper .project-box .project-desc .desc{font-size:14px;min-height:350px}.projects-wrapper .project-box .project-desc .date{font-size:12px}.projects-wrapper .project-box .project-desc .arrow-link{display:none}.projects-wrapper .project-box .project-desc .project-title h3{font-size:22px;margin-top:20px}}@media screen and (max-width: 1100px){.projects-wrapper.projects-page .projects-header{position:static;top:auto}.projects-wrapper.story-stack .project-box{position:static;top:auto;margin:40px 0}.project-hub{width:92%}.project-hub .hub-grid{gap:18px}.project-hub .hub-card img{height:210px}.project-hub .hub-card .hub-copy h3{font-size:26px}.project-hub .hub-card .hub-copy p{font-size:16px}.project-switcher,.projects-wrapper{width:92%}.projects-wrapper .project-box{width:100%;min-height:auto;height:auto}.aboutme{width:92%}.projects-wrapper.projects-page.web-grid .project-boxes{grid-template-columns:1fr;gap:28px}}@media screen and (max-width: 860px){.project-switcher{align-items:flex-start;flex-direction:column}.project-switcher p{font-size:18px}.project-switcher .switcher-buttons{width:100%}.project-switcher .switcher-buttons button{flex:1}.projects-wrapper .projects-header{width:100%;height:auto;min-height:130px;padding:18px;font-size:30px}.projects-wrapper .project-box{flex-direction:column;align-items:center;gap:12px;margin:40px 0}.projects-wrapper .project-box img{width:min(100%,420px);height:230px;margin-top:0}.projects-wrapper .project-box .project-desc{width:100%;margin-left:0}.projects-wrapper .project-box .project-desc .project-title,.projects-wrapper .project-box .project-desc h3{max-width:100%;height:auto}.projects-wrapper .project-box .project-desc .project-skills{display:flex;flex-wrap:wrap;row-gap:8px}.projects-wrapper .project-box .project-desc .desc{min-height:auto}}@media screen and (max-width: 560px){.project-hub .hub-grid{grid-template-columns:1fr;gap:14px}.project-hub h2{font-size:34px}.project-hub .hub-card img{height:185px}.project-hub .hub-card .hub-copy{padding:14px}.project-hub .hub-card .hub-copy h3{font-size:24px}.project-hub .hub-card .hub-copy p{font-size:15px}.project-switcher .switcher-buttons{flex-direction:column;gap:8px}.project-switcher .switcher-buttons button{width:100%}.projects-wrapper .projects-header{font-size:24px;min-height:105px;padding:14px}.projects-wrapper .project-box{border-radius:20px;padding:16px;margin:28px 0}.projects-wrapper .project-box img{border-radius:20px;width:100%;height:200px}.projects-wrapper .project-box .project-desc .desc{font-size:15px;margin-top:10px}.projects-wrapper .project-box .project-desc .project-skills span{font-size:13px;padding:4px 10px}.aboutme{height:150px}.aboutme .aboutme-link{font-size:28px;padding:14px}}@media screen and (max-width: 1100px){.about-wrapper{width:min(960px,92vw)}.about-wrapper .about-main{grid-template-columns:minmax(230px,.9fr) minmax(0,1.1fr);min-height:0;height:auto}.about-wrapper .companies .company-box{grid-template-columns:repeat(2,minmax(0,1fr))}}@media screen and (max-width: 900px){.about-wrapper{margin-top:108px}.about-wrapper .about-main{grid-template-columns:1fr;max-width:780px;min-width:0;min-height:0;height:auto;padding:18px}.about-wrapper .meg{width:min(100%,360px);margin:0 auto}.about-wrapper .about-desc{max-width:100%}.about-wrapper .about-desc .about-skills{grid-template-columns:1fr}.about-wrapper .companies{margin-top:72px}.about-wrapper .companies .company-box{grid-template-columns:1fr}}@media screen and (max-width: 640px){.about-wrapper{width:94vw}.about-wrapper .about-main{border-radius:24px;padding:14px}.about-wrapper .meg{width:min(100%,290px);border-radius:22px}.about-wrapper .about-desc h2{font-size:clamp(30px,9vw,38px)}.about-wrapper .about-desc p{font-size:14px}.about-wrapper .about-desc .about-skills{gap:12px}.about-wrapper .about-desc .about-skills .skills-category1,.about-wrapper .about-desc .about-skills .skills-category2{padding:12px;border-radius:14px}.about-wrapper .companies .company-header{font-size:19px}.about-wrapper .companies .company-box{gap:14px}.about-wrapper .companies .company-box .company-img{min-height:160px;border-radius:18px;padding:18px}.about-wrapper .companies .company-box .company-img img{width:min(100%,150px)}}