.nav__list{margin-right:1.5em;display:flex;grid-gap:.25em;gap:.25em}.app .nav__hamburger{display:none}.nav__theme{margin-top:.4em}@media (max-width:600px){.nav__list{display:none;flex-direction:column;justify-content:center;align-items:center;position:fixed;inset:0;width:100%;height:100%;z-index:2;background-color:var(--clr-bg);grid-gap:.5em;gap:.5em}.nav__list-item{margin:.5em 0}.app .link--nav{font-size:2rem;font-weight:700;font-family:"Syne",sans-serif;letter-spacing:-.02em;padding:.3em .6em}.app .nav__hamburger{display:flex;z-index:2;margin-left:.8em}}.header{position:fixed;top:0;left:0;right:0;z-index:100;height:4.5em;padding:0 4%;justify-content:space-between;background:var(--clr-bg-glass);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid hsla(0,0%,50.2%,.08);transition:background .4s ease}.header__logo{font-family:"Syne",sans-serif;font-weight:800;font-size:1.3rem;letter-spacing:-.02em;color:var(--clr-fg-alt);transition:color .3s ease}.header__logo:hover{color:var(--clr-primary)}@media (max-width:600px){.header{height:4em}}.about{min-height:100vh;display:flex;flex-direction:column;justify-content:center;position:relative;max-width:1200px;width:92%;margin:0 auto}.about__content{padding-top:4.5em}.about__name{margin-bottom:.6em}.about__name-line{overflow:hidden}.about__name-text{display:block;font-family:"Syne",sans-serif;font-size:clamp(3.5rem,11vw,9rem);font-weight:800;line-height:.95;letter-spacing:-.03em;text-transform:uppercase;color:var(--clr-fg-alt);animation:slideUp .8s cubic-bezier(.16,1,.3,1) both}.about__name-text--delay{animation-delay:.12s}.about__name-text--outline{-webkit-text-stroke:2px var(--clr-fg-alt);-webkit-text-fill-color:transparent;transition:-webkit-text-fill-color .4s ease}.about__name-text--outline:hover{-webkit-text-fill-color:var(--clr-fg-alt)}.dark .about__name-text{text-shadow:0 0 80px rgba(205,255,0,.08)}.about__role{margin-top:1.2em;position:relative;display:inline-block;animation:fadeUp .6s cubic-bezier(.16,1,.3,1) .35s both}.about__role-text{font-size:1.15rem;font-weight:500;letter-spacing:.02em;color:var(--clr-fg-alt);position:relative;z-index:1}.about__role:after{content:"";position:absolute;bottom:-2px;left:-6px;right:-6px;height:40%;background:var(--clr-highlight);opacity:.2;z-index:0;animation:highlightSwipe .5s cubic-bezier(.16,1,.3,1) .85s both}.about__desc{margin-top:1.5em;max-width:540px;font-size:.92rem;line-height:1.75;color:var(--clr-fg);animation:fadeUp .6s cubic-bezier(.16,1,.3,1) .45s both}.about__actions{margin-top:2.5em;display:flex;align-items:center;grid-gap:1.5em;gap:1.5em;animation:fadeUp .6s cubic-bezier(.16,1,.3,1) .55s both}.about__social{display:flex;grid-gap:.75em;gap:.75em}.about__social-link{width:44px;height:44px;border-radius:50%;border:1px solid hsla(0,0%,50.2%,.25);display:flex;align-items:center;justify-content:center;color:var(--clr-fg);transition:all .3s ease}.about__social-link:hover{border-color:var(--clr-primary);color:var(--clr-primary);transform:translateY(-2px)}.about__scroll-hint{position:absolute;bottom:2.5em;left:50%;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;grid-gap:.75em;gap:.75em;animation:fadeIn .6s 1.2s both}.about__scroll-text{font-size:.65rem;text-transform:uppercase;letter-spacing:.2em;color:var(--clr-fg);font-weight:500}.about__scroll-line{width:1px;height:50px;background:hsla(0,0%,50.2%,.15);position:relative;overflow:hidden}.about__scroll-line:after{content:"";position:absolute;top:0;left:0;width:100%;height:40%;background:var(--clr-primary);animation:scrollDown 2.2s ease-in-out infinite}@keyframes slideUp{0%{transform:translateY(110%)}to{transform:translateY(0)}}@keyframes fadeUp{0%{opacity:0;transform:translateY(25px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes highlightSwipe{0%{transform:scaleX(0);transform-origin:left}to{transform:scaleX(1);transform-origin:left}}@keyframes scrollDown{0%{transform:translateY(-100%)}to{transform:translateY(350%)}}@media (max-width:600px){.about{min-height:85vh}.about__name-text--outline{-webkit-text-stroke:1.5px var(--clr-fg-alt)}.about__scroll-hint{display:none}}.project{padding:2.5em;border:1px solid hsla(0,0%,50.2%,.1);border-radius:16px;transition:border-color .4s ease,box-shadow .4s ease,transform .3s ease;position:relative}.project:hover{border-color:var(--clr-primary);transform:translateY(-4px);box-shadow:var(--shadow)}.project__header{display:flex;align-items:baseline;grid-gap:.75em;gap:.75em;margin-bottom:1em}.project__number{font-family:"Syne",sans-serif;font-size:2.5rem;font-weight:800;color:var(--clr-highlight);opacity:.25;line-height:1;letter-spacing:-.02em}.dark .project__number{text-shadow:0 0 40px rgba(205,255,0,.08)}.project__name{font-family:"Syne",sans-serif;font-size:1.15rem;font-weight:700;color:var(--clr-fg-alt);line-height:1.3}.project__description{font-size:.88rem;line-height:1.7;color:var(--clr-fg);margin-bottom:1.2em}.project__stack{display:flex;flex-wrap:wrap;grid-gap:.4em;gap:.4em;margin-bottom:1.5em}.project__stack-item{font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;padding:.35em .85em;border-radius:100px;background:hsla(0,0%,50.2%,.07);color:var(--clr-fg)}.project__links{display:flex;grid-gap:1.2em;gap:1.2em}.project__link{display:inline-flex;align-items:center;grid-gap:.35em;gap:.35em;font-size:.8rem;font-weight:500;color:var(--clr-fg);transition:color .25s ease}.project__link:hover{color:var(--clr-primary)}@media (max-width:600px){.project{padding:1.8em}.project__number{font-size:2rem}}.projects__grid{max-width:1100px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;grid-gap:1.5em;gap:1.5em;opacity:0;transform:translateY(30px);transition:opacity .8s cubic-bezier(.16,1,.3,1),transform .8s cubic-bezier(.16,1,.3,1)}.projects--visible .projects__grid{opacity:1;transform:translateY(0)}.projects__grid .project:first-child{grid-column:1/-1}@media (max-width:768px){.projects__grid{grid-template-columns:1fr}}.skills-marquee{padding:2.5em 0;overflow:hidden;border-top:1px solid hsla(0,0%,50.2%,.1);border-bottom:1px solid hsla(0,0%,50.2%,.1)}.marquee{padding:.5em 0}.marquee__track{display:flex;width:-webkit-max-content;width:max-content;animation:marqueeScroll 40s linear infinite;will-change:transform}.marquee--reverse .marquee__track{animation-direction:reverse;animation-duration:45s}.marquee__item{flex-shrink:0;padding:.55em 1.3em;margin:0 .35em;font-size:.78rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;border:1px solid hsla(0,0%,50.2%,.2);border-radius:100px;white-space:nowrap;transition:all .3s ease;cursor:default}.marquee__item:hover{border-color:var(--clr-primary);color:var(--clr-primary)}@keyframes marqueeScroll{0%{transform:translateX(0)}to{transform:translateX(-50%)}}.scroll-top{position:fixed;bottom:2em;right:2em;width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--clr-bg-glass);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid hsla(0,0%,50.2%,.15);transition:all .3s ease;z-index:50}.scroll-top:hover{border-color:var(--clr-primary);color:var(--clr-primary);transform:translateY(-2px)}.scroll-top a{display:flex;align-items:center;justify-content:center;color:inherit}@media (max-width:900px){.scroll-top{display:none}}.contact{text-align:center;padding:5em 0 3em;opacity:0;transform:translateY(30px);transition:opacity .8s cubic-bezier(.16,1,.3,1),transform .8s cubic-bezier(.16,1,.3,1)}.contact--visible{opacity:1;transform:translateY(0)}.contact__title{font-family:"Syne",sans-serif;font-size:clamp(2rem,5vw,3.5rem);font-weight:800;line-height:1.1;letter-spacing:-.02em;color:var(--clr-fg-alt);margin-bottom:1.5em}.contact__highlight{position:relative;display:inline-block}.contact__highlight:after{content:"";position:absolute;bottom:2px;left:-5px;right:-5px;height:35%;background:var(--clr-highlight);opacity:.2;z-index:-1}.footer{padding:3em 0;margin-top:4em;text-align:center;border-top:1px solid hsla(0,0%,50.2%,.08)}.footer__link{font-size:.8rem;font-weight:500;color:var(--clr-fg);letter-spacing:.02em}@media (max-width:600px){.footer{padding:2em;margin-top:3em}}.app{font-family:"DM Sans",sans-serif;line-height:1.6;color:var(--clr-fg);background-color:var(--clr-bg);overflow-x:hidden;transition:background-color .4s ease,color .4s ease}.light{--clr-bg:#f5f5f0;--clr-bg-alt:#fff;--clr-bg-glass:rgba(245,245,240,0.85);--clr-fg:#666;--clr-fg-alt:#0a0a0a;--clr-primary:#1a1a1a;--clr-highlight:#cdff00;--shadow:0 2px 30px rgba(0,0,0,0.06)}.dark{--clr-bg:#0a0a0a;--clr-bg-alt:#141414;--clr-bg-glass:rgba(10,10,10,0.85);--clr-fg:#888;--clr-fg-alt:#fafafa;--clr-primary:#cdff00;--clr-highlight:#cdff00;--shadow:0 2px 30px rgba(0,0,0,0.4)}main{max-width:1100px;width:92%;margin:0 auto}.section{margin-top:6em;padding-top:2em}.section__title{font-family:"Syne",sans-serif;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.15em;text-align:left;margin-bottom:3em;color:var(--clr-fg);display:flex;align-items:center;grid-gap:1.5em;gap:1.5em}.section__title:after{content:"";flex:1 1;height:1px;background:hsla(0,0%,50.2%,.15)}.center{display:flex;align-items:center}.link{color:var(--clr-primary);position:relative}.link:before{content:"";display:inline;width:0;height:1.5px;position:absolute;bottom:-2px;background-color:var(--clr-primary);transition:width .3s cubic-bezier(.16,1,.3,1)}.link:focus:before,.link:hover:before{width:100%}.link--nav{color:var(--clr-fg);font-weight:500;font-size:.85rem;letter-spacing:.02em;padding:.5em 1em;border-radius:100px;transition:all .3s ease}.link--nav:before{display:none}.link--nav:hover{color:var(--clr-fg-alt);background:hsla(0,0%,50.2%,.08)}.link--icon{color:var(--clr-fg)}.btn{display:inline-flex;align-items:center;justify-content:center;cursor:pointer;font-weight:600;font-size:.85rem;letter-spacing:.03em;transition:all .3s cubic-bezier(.16,1,.3,1)}.btn--primary{padding:.85em 2.2em;background-color:var(--clr-primary);color:var(--clr-bg);border-radius:100px}.btn--primary:hover{transform:translateY(-2px);opacity:.88}.btn--outline{color:var(--clr-primary);border:1.5px solid var(--clr-primary);padding:.85em 2.2em;border-radius:100px;position:relative;overflow:hidden;z-index:1}.btn--outline:focus,.btn--outline:hover{color:var(--clr-bg)}.btn--outline:before{content:"";position:absolute;background-color:var(--clr-primary);right:100%;bottom:0;left:0;top:0;z-index:-1;transition:right .3s cubic-bezier(.16,1,.3,1)}.btn--outline:focus:before,.btn--outline:hover:before{right:0}.btn--icon{padding:0}.btn--icon:focus,.btn--icon:hover{color:var(--clr-primary)}@media (max-width:600px){.section{margin-top:4em}}*{padding:0;margin:0;border:0;outline:0;background-color:inherit;color:inherit;font-family:inherit;font-size:inherit;box-shadow:none;box-sizing:border-box}html{scroll-behavior:smooth}h1,h2,h3,h4{line-height:1.1;color:var(--clr-fg-alt)}h1{font-size:4rem}h2{font-size:2rem}h3{font-size:1.5rem}h4{font-size:1.3rem}ul{list-style-type:none}a{text-decoration:none}button{cursor:pointer}::selection{background:var(--clr-highlight);color:#0a0a0a}@media (max-width:900px){h1{font-size:2.6rem}}
/*# sourceMappingURL=main.28af66a9.chunk.css.map */