@font-face{font-family:Syne;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/0da54fcd0470ea43-s.woff2) format("woff2");unicode-range:u+0370-0377,u+037a-037f,u+0384-038a,u+038c,u+038e-03a1,u+03a3-03ff}@font-face{font-family:Syne;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/680a7121f7a85e3f-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Syne;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/8a1d8947e5852e30-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Syne;font-style:normal;font-weight:500;font-display:swap;src:url(/_next/static/media/0da54fcd0470ea43-s.woff2) format("woff2");unicode-range:u+0370-0377,u+037a-037f,u+0384-038a,u+038c,u+038e-03a1,u+03a3-03ff}@font-face{font-family:Syne;font-style:normal;font-weight:500;font-display:swap;src:url(/_next/static/media/680a7121f7a85e3f-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Syne;font-style:normal;font-weight:500;font-display:swap;src:url(/_next/static/media/8a1d8947e5852e30-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Syne Fallback;src:local("Arial");ascent-override:93.93%;descent-override:27.93%;line-gap-override:0.00%;size-adjust:98.47%}.__className_d8410f{font-family:Syne,Syne Fallback;font-style:normal}.__variable_d8410f{--font-syne:"Syne","Syne Fallback"}@font-face{font-family:Lato;font-style:normal;font-weight:300;font-display:swap;src:url(/_next/static/media/9ce3050912c26948-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Lato;font-style:normal;font-weight:300;font-display:swap;src:url(/_next/static/media/155cae559bbd1a77-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Lato;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/cce080f35d014443-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Lato;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/4de1fea1a954a5b6-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Lato Fallback;src:local("Arial");ascent-override:101.03%;descent-override:21.80%;line-gap-override:0.00%;size-adjust:97.69%}.__className_f88839{font-family:Lato,Lato Fallback;font-style:normal}.__variable_f88839{--font-lato:"Lato","Lato Fallback"}@font-face{font-family:DM Sans;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/7ab938503e4547a1-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:DM Sans;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/13971731025ec697-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:DM Sans;font-style:normal;font-weight:500;font-display:swap;src:url(/_next/static/media/7ab938503e4547a1-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:DM Sans;font-style:normal;font-weight:500;font-display:swap;src:url(/_next/static/media/13971731025ec697-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:DM Sans;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/7ab938503e4547a1-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:DM Sans;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/13971731025ec697-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:DM Sans Fallback;src:local("Arial");ascent-override:94.90%;descent-override:29.66%;line-gap-override:0.00%;size-adjust:104.53%}.__className_ef116d{font-family:DM Sans,DM Sans Fallback;font-style:normal}.__variable_ef116d{--font-dm-sans:"DM Sans","DM Sans Fallback"}body,html{padding:0;margin:0;background:#1a1a1a;color:#fff;font-size:22px;width:100%;height:100%;overflow:hidden;font-weight:400}@media screen and (max-width:650px){body,body p,html,html p{font-size:18px!important}}h1,h2,h3,h4,h5,h6{font-family:var(--font-syne)}.introArea h1{font-family:var(--font-dm-sans);letter-spacing:-4px}.logos{display:flex;flex-wrap:wrap;gap:20px;justify-content:center;align-items:center;margin-top:30px;padding-top:40px;border-top:1px solid hsla(0,0%,100%,.1);width:100%;max-width:800px;min-height:171px}.logos .logo-image{height:30px;width:auto;filter:brightness(0) invert(1);opacity:1;transition:all .3s ease;margin:0 12px}.logos .logo-image:hover{opacity:1;transform:scale(1.1)}@media screen and (max-width:768px){.logos{flex-wrap:nowrap;overflow-x:auto;justify-content:flex-start;gap:0;padding:20px 0;scroll-behavior:smooth;-webkit-overflow-scrolling:touch}.logos::-webkit-scrollbar{display:none}.logos .logo-image{flex-shrink:0;margin:0 15px;height:25px}.logos:after,.logos:before{content:"";display:block;width:20px;flex-shrink:0}}.syne{font-family:var(--font-syne)}.personDesc{font-family:var(--font-lato);font-weight:300}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:none}::-webkit-scrollbar-thumb{background:#0a0a0a;border-radius:8px}::-webkit-scrollbar-thumb:hover{background:#000}*{box-sizing:border-box}.logo-artwork{margin-top:-180px;margin-bottom:40px}h1.pageTitle{border-bottom:8px solid #c03540;display:inline-block;padding:0 16px 12px;font-size:40px;font-weight:300;margin:0}@media screen and (max-width:550px){h2.pageTitle{font-size:32px;padding:0 0 12px}}h2.pageTitle strong{font-weight:500}li,ul{list-style:none;padding:0;margin:0}button{border:0;outline:0}a{color:#c03540}.download-cv-button{background:#c03540;color:#fff;padding:12px 24px;border-radius:8px;cursor:pointer;display:inline-block;margin-top:20px;font-weight:500;transition:all .3s ease}.download-cv-button:hover{background:#a02d35;transform:translateY(-2px)}.piece-wrapper{transform:scale(1.2) rotate(24deg);transition:all .5s ease;position:relative;top:-18%;left:-10%;width:100%;display:flex;justify-content:center;gap:20px;padding:20px;z-index:1;pointer-events:none}@media screen and (max-width:1400px){.piece-wrapper{transform:scale(1.4) rotate(24deg);top:-12%;left:-14%;gap:15px}}@media screen and (max-width:1200px){.piece-wrapper{transform:scale(1.6) rotate(24deg);top:4%;left:-16%;gap:12px}}@media screen and (max-width:1000px){.piece-wrapper{transform:scale(2.2) rotate(24deg);top:20%;left:-18%;min-width:1000px;gap:10px}}@media screen and (max-width:900px){.piece-wrapper{transform:scale(2.5) rotate(24deg);top:10%;left:-4%;gap:8px}}@media screen and (max-width:800px){.piece-wrapper{transform:scale(2.8) rotate(24deg);top:25%;left:-2%;min-width:800px;gap:6px}}@media screen and (max-width:600px){.piece-wrapper{transform:scale(3.2) rotate(24deg);top:15%;left:-5%;min-width:600px;gap:4px}}.gradientlayer{background:#0e0e0e;background:-moz-linear-gradient(135deg,rgba(14,14,14,.9) 25%,rgba(14,14,14,0) 100%);background:-webkit-linear-gradient(135deg,rgba(14,14,14,.9) 25%,rgba(14,14,14,0));background:linear-gradient(135deg,rgba(14,14,14,.9) 25%,rgba(14,14,14,0));filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#0e0e0e",endColorstr="#0e0e0e",GradientType=1);width:100%;height:100%;overflow:hidden;position:absolute;top:0;left:0;z-index:999}.artwork-item{width:100%!important;aspect-ratio:2/3;background:#000;position:relative;border-radius:20px;overflow:hidden;transition:all .3s ease;margin:0!important;display:block;box-shadow:0 4px 8px rgba(0,0,0,.2)}@media screen and (max-width:1000px){.artwork-item{border-radius:15px}}@media screen and (max-width:600px){.artwork-item{border-radius:10px}}.artwork-item{-webkit-user-select:none;-ms-user-select:none;user-select:none}.artwork-item .artwork{filter:grayscale(90%);width:100%;height:100%;position:absolute;top:0;left:0;opacity:.6;object-fit:cover;object-position:center top;transition:all .3s ease}.artwork-item .artwork.doublepiece{object-position:-300px top}.artwork-item .artwork.active,.artwork-item .artwork:hover{filter:grayscale(0);opacity:.9}.artwork-item:hover{transform:translateY(-5px);box-shadow:0 8px 16px rgba(0,0,0,.3)}.artwork-item .techstacks{text-align:center}.artwork-item .techstacks img{margin:0 6px;opacity:.7}.logo-element{background:#c03540;border-radius:20px;overflow:hidden;z-index:1;margin:0 auto 20px}.logo-element,.logo-element img{width:180px;height:180px}@media screen and (max-width:550px){.logo-element,.logo-element img{width:120px;height:120px}}@media screen and (max-height:700px){.logo-element{margin-bottom:15px}.logo-element,.logo-element img{width:140px;height:140px}}@media screen and (max-height:600px){.logo-element{margin-bottom:10px}.logo-element,.logo-element img{width:100px;height:100px}}@media screen and (max-height:500px){.logo-element{margin-bottom:8px}.logo-element,.logo-element img{width:80px;height:80px}}.introArea{position:absolute;top:0;left:0;width:100%;height:100%;z-index:2;pointer-events:auto;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:40px;overflow-y:auto;overflow-x:hidden}@media screen and (max-width:900px){.introArea{padding:20px}}@media screen and (max-width:650px){.introArea{padding:20px 15px}}@media screen and (max-height:600px){.introArea{justify-content:flex-start;padding-top:40px}}@media screen and (max-height:700px){.introArea{justify-content:flex-start;padding-top:60px;padding-bottom:20px}}@media screen and (max-height:600px){.introArea{justify-content:flex-start;padding-top:40px;padding-bottom:20px}}@media screen and (max-height:500px){.introArea{justify-content:flex-start;padding-top:20px;padding-bottom:10px}}.introArea h1{font-size:4rem;padding:0;margin:0;line-height:5rem;color:#c03540;text-align:center}.introArea h1 span{color:#fff}@media screen and (max-width:900px){.introArea h1{padding:0}}@media screen and (max-width:800px){.introArea h1{font-size:3rem}}@media screen and (max-width:450px){.introArea h1{font-size:2.6rem}}.introArea .insightItem,.introArea h1,.introArea h2,.introArea p{transform:scale(.8)}@media screen and (max-width:800px){.introArea .insightItem,.introArea h1,.introArea h2,.introArea p{transform:scale(1)}}@media screen and (max-height:700px){.introArea .insightItem,.introArea h1,.introArea h2,.introArea p{transform:scale(.9)}}@media screen and (max-height:600px){.introArea .insightItem,.introArea h1,.introArea h2,.introArea p{transform:scale(.8)}}@media screen and (max-height:500px){.introArea .insightItem,.introArea h1,.introArea h2,.introArea p{transform:scale(.7)}}.introArea h2{margin-top:-20px}@media screen and (max-width:800px){.introArea h2{margin-top:0}}.introArea h2{color:hsla(0,0%,100%,.7);font-size:1.3rem;padding:0;margin:0;text-align:center}@media screen and (max-width:900px){.introArea h2{padding:0}}@media screen and (max-width:800px){.introArea h2{font-size:1rem}}.content{max-width:1600px;margin:0 auto;padding:180px 22px 80px}@media screen and (max-width:900px){.content{padding:0 22px 80px}}.about{width:100%;height:100%;overflow:hidden;overflow-y:scroll}.about p{line-height:30px}.about .intro,.about .photo{width:calc(100% - 650px);display:inline-block;vertical-align:top;position:relative}.about .intro p{line-height:35px;font-size:20px}.about .photo{width:650px;padding-left:100px}.about .photo>div{width:100%;overflow:hidden;position:relative;height:700px;border-radius:25px}.about .photo>div img{object-position:top center;filter:grayscale(40%)}.about .photo>div .photoBlock{width:150%;position:absolute;bottom:-30px;left:-10%;height:100px;transform:rotate(-5deg);border-top:8px solid #c03540;background:#1a1a1a}.about .about-cv-page{padding:42px 0;border-bottom:1px solid hsla(0,0%,100%,.1)}.about .about-cv-page h3{color:#c03540;font-size:28px;font-weight:300;line-height:40px;padding:0;margin:0}@media screen and (max-width:650px){.about .about-cv-page h3{font-size:24px}}.about .about-cv-page h4{font-size:30px;padding:0;line-height:45px;margin:0}@media screen and (max-width:650px){.about .about-cv-page h4{font-size:26px}}.about p{opacity:.7}.about .cv-pieces{width:80%}@media screen and (max-width:950px){.about .cv-pieces{width:100%}}.about .logo-about{border-radius:0 0 8px 8px;position:relative;margin-top:-180px;width:240px;height:240px;margin-bottom:40px;overflow:hidden;cursor:pointer}.about .cv-header{text-align:center;margin-bottom:60px}.about .cv-header .logo-about{margin-top:0;margin-bottom:30px}.about .cv-header h1.pageTitle{margin-bottom:20px}@media screen and (max-width:900px){.about .logo-about{width:150px;height:150px;margin-top:0;margin-bottom:100px}.about .logo-about.about-logo-mob{margin-top:0}.about .logo-about img{width:100%;height:auto}}.about .skillset{background:#c03540}.about .skillset .content{padding:30px 22px 50px}@media screen and (max-width:1250px){.about .intro,.about .photo{width:100%;display:block;padding:0}}.about li{display:inline-block;vertical-align:top;padding:8px 0;width:25%;font-size:18px}@media screen and (max-width:890px){.about li{width:50%}}@media screen and (max-width:500px){.about li{width:100%}}.timestamp{color:#fff!important;opacity:1!important;font-size:.8rem}.progress-bar{position:fixed;top:0;left:0;right:0;height:10px;background:#c03540;transform-origin:0}.socialIcons{position:absolute;top:64px;right:80px;z-index:99999}.socialIcons span{font-size:.7rem;font-family:var(--font-syne);font-weight:500;margin-right:14px;opacity:.7;position:relative;top:-6px}.socialIcons a{margin:0 10px;display:inline-block}@media screen and (max-width:900px){.socialIcons{right:40px}}@media screen and (max-width:800px){.socialIcons{display:none}}.aboutContent{font-size:26rem;position:absolute;left:-160px;z-index:-9;white-space:nowrap;color:#0f0e0e;text-transform:uppercase}.showMore{background:#c03540;padding:22px 52px;border-radius:6px;display:inline-block;margin:12px auto;color:#fff;font-size:18px;cursor:pointer;transition:all .1s ease}.showMore:hover{background:#000;color:#c03540}@media screen and (max-width:650px){.showMore{font-size:16px;padding:18px 52px}}main{width:100%;height:100%;overflow:hidden;display:block}main.spacing{padding:20px}@media screen and (max-width:650px){main{padding:0}}main>div.content{width:100%;height:100%;display:block;overflow:hidden;position:relative}.swiper-nav,.swiper-nav-about{position:absolute;bottom:40px;right:80px;z-index:99999}@media screen and (max-width:900px){.swiper-nav,.swiper-nav-about{right:10px;bottom:10px}}.swiper-nav-about>div,.swiper-nav>div{display:inline-block;padding:8px;background:#c03540;border-radius:6px;margin-left:5px;transform:scale(.8);cursor:pointer}.swiper-nav-about>div:hover,.swiper-nav>div:hover{background:#1a1a1a}.swiper-nav-about>div img,.swiper-nav>div img{position:relative;top:2px}.swiper-nav .copyrightbtn,.swiper-nav-about .copyrightbtn{display:block;padding:0 12px}.swiper-nav .copyrightbtn img,.swiper-nav .copyrightbtn:hover img,.swiper-nav-about .copyrightbtn img,.swiper-nav-about .copyrightbtn:hover img{opacity:1}.swiper-nav-about{right:150px}.link-menu{position:absolute;top:110px;right:80px;padding:12px 20px;border-radius:8px;z-index:9999;display:flex;align-items:center;gap:15px}@media screen and (max-width:650px){.link-menu{top:30px;right:20px;padding:10px 15px;gap:10px}}.link-menu a{color:#fff;text-decoration:none;font-weight:500;font-size:16px;font-family:var(--font-dm-sans);transition:all .2s ease;text-transform:uppercase;font-weight:700;padding:10px 0;margin-left:15px}.link-menu a:hover{opacity:.8}.link-menu a.active{opacity:1;color:#c03540}.link-menu.over-skillset a.active{color:#000}@media screen and (max-width:650px){.link-menu a{font-size:14px}}.overlay-ele{position:absolute;top:50px;right:50px;width:0;height:0;transition:all .5s ease;z-index:99}.overlay-ele.open{width:100%;height:100%;background:#1a1a1a;top:0;right:0}.readmorebutton{color:#c03540;font-size:.9rem;margin-bottom:50px;cursor:pointer}.readmorebutton:hover{color:#fff}.insightInfo{display:flex;justify-content:center;flex-wrap:wrap;margin-top:20px;width:100%;max-width:800px;display:none}@media screen and (max-width:800px){.insightInfo{display:flex}}.insightInfo>div{margin:20px;text-align:center}@media screen and (max-width:800px){.insightInfo>div{margin:10px 20px;width:100%}}.insightInfo>div .syne{font-size:2.5rem;display:block;margin-bottom:8px}@media screen and (max-width:800px){.insightInfo>div .syne{font-size:2rem}}.insightInfo>div>div{font-size:.9rem;opacity:.7}@media screen and (max-height:700px){.insightInfo{margin-top:15px}.insightInfo>div{margin:10px 15px}.insightInfo>div .syne{font-size:2rem;margin-bottom:6px}.insightInfo>div>div{font-size:.8rem}}@media screen and (max-height:600px){.insightInfo{margin-top:10px}.insightInfo>div{margin:8px 12px}.insightInfo>div .syne{font-size:1.8rem;margin-bottom:4px}.insightInfo>div>div{font-size:.75rem}}@media screen and (max-height:500px){.insightInfo{margin-top:8px}.insightInfo>div{margin:6px 10px}.insightInfo>div .syne{font-size:1.5rem;margin-bottom:3px}.insightInfo>div>div{font-size:.7rem}}.swiper,.swiper-wrapper{width:100%;height:100%;cursor:move;cursor:grab;cursor:-moz-grab;cursor:-webkit-grab}.portfolioPage{width:100%;height:100%;overflow:hidden;overflow-y:scroll}.port-artwork-item{width:calc(50% - 40px);margin:20px;display:inline-block;vertical-align:top;position:relative}@media screen and (max-width:850px){.port-artwork-item{width:100%;margin:20px 0}}.port-artwork-item .artwork-wrapper{width:100%;aspect-ratio:6/5;overflow:hidden;position:relative;border-radius:8px}.port-artwork-item .artwork{width:100%;height:auto;min-height:100%;object-position:center top}.port-artwork-item .artwork.doublepiece{object-position:-300px top}.port-artwork-item .artwork.active,.port-artwork-item .artwork:hover{filter:grayscale(0);opacity:.9}.port-artwork-item .artwork-desc{padding:20px 14px;color:#fff}.port-artwork-item .artwork-desc p{opacity:.8;font-size:.8rem}.port-artwork-item .techstacks img{margin:0 14px}.artwork-column{width:calc(25% - 16px)!important;height:200vh;overflow:hidden;position:relative;display:flex;flex-direction:column}@media screen and (max-width:1000px){.artwork-column{width:calc(25% - 8px)!important}}.artwork-column:nth-child(odd) .column-content{animation:scrollUp 60s linear infinite;animation-play-state:running}.artwork-column:nth-child(2n) .column-content{animation:scrollDown 60s linear infinite;animation-play-state:running}.column-content{display:flex;flex-direction:column;gap:20px;width:100%}.vertical-swiper{height:100%;width:100%}.vertical-swiper .swiper-wrapper{transition-timing-function:linear!important}.vertical-swiper .swiper-slide{height:auto!important;width:100%!important}@keyframes scrollUp{0%{transform:translateY(0)}to{transform:translateY(-50%)}}@keyframes scrollDown{0%{transform:translateY(-50%)}to{transform:translateY(0)}}.portfolio-page{width:100vw;height:100vh;overflow-y:auto;overflow-x:hidden;background:#1a1a1a;position:relative;padding:0}.portfolio-logo{position:fixed;top:0;left:0;z-index:1000;backdrop-filter:blur(10px);transition:all .3s ease}.portfolio-logo:hover{transform:scale(1.05)}@media screen and (max-width:768px){.portfolio-logo{top:10px;left:10px;padding:8px}.portfolio-logo img{width:80px!important;height:80px!important}}.portfolio-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:300px;gap:20px;width:100%;margin:0;padding:20px}@media screen and (max-width:1200px){.portfolio-grid{grid-template-columns:repeat(3,1fr);gap:15px}}@media screen and (max-width:900px){.portfolio-grid{grid-template-columns:repeat(2,1fr);gap:15px}}@media screen and (max-width:768px){.portfolio-grid{grid-template-columns:1fr;grid-auto-rows:250px;gap:15px;padding:15px}}.portfolio-item{break-inside:avoid;margin:0;border-radius:0;overflow:hidden;background:#2a2a2a;box-shadow:none;transition:all .3s ease;cursor:pointer;width:100%;height:100%}.portfolio-item:hover{transform:scale(1.02);box-shadow:0 8px 30px rgba(0,0,0,.4)}.portfolio-item:hover .portfolio-image{transform:scale(1.1) rotate(2deg)}.portfolio-item.portfolio-item--1x1{grid-column:span 1;grid-row:span 1}.portfolio-item.portfolio-item--2x1{grid-column:span 2;grid-row:span 1}.portfolio-item.portfolio-item--1x2{grid-column:span 1;grid-row:span 2}.portfolio-item.portfolio-item--2x2{grid-column:span 2;grid-row:span 2}@media screen and (max-width:900px){.portfolio-item.portfolio-item--2x1,.portfolio-item.portfolio-item--2x2{grid-column:span 1}}@media screen and (max-width:768px){.portfolio-item.portfolio-item--1x2{grid-row:span 1}}.portfolio-image-wrapper{position:relative;width:100%;height:100%;overflow:hidden}.portfolio-image{width:100%;height:100%;object-fit:cover;object-position:center;display:block;transition:transform .3s ease;transform:scale(1.05) rotate(1deg)}.portfolio-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(180deg,rgba(0,0,0,.2) 0,rgba(0,0,0,.6) 50%,rgba(0,0,0,.8));display:flex;align-items:flex-end;opacity:1;padding:20px}.portfolio-info{color:#fff;width:100%}.portfolio-info h3{font-size:1.2rem;font-weight:600;margin:0 0 10px;font-family:var(--font-syne)}.portfolio-tags{display:flex;gap:8px;flex-wrap:wrap}.portfolio-tag{background:#c03540;color:#fff;padding:4px 12px;border-radius:20px;font-size:.8rem;font-weight:500;text-transform:uppercase;letter-spacing:.5px}@media screen and (max-width:768px){.portfolio-page{padding:70px 0 0}.modal-info{padding:20px}.modal-info h2{font-size:1.5rem}.modal-description{font-size:.9rem}}.portfolio-page::-webkit-scrollbar{width:8px}.portfolio-page::-webkit-scrollbar-track{background:#1a1a1a}.portfolio-page::-webkit-scrollbar-thumb{background:#c03540;border-radius:4px}.portfolio-page::-webkit-scrollbar-thumb:hover{background:#a02d35}.mobile-menu-toggle{display:none;position:fixed;top:20px;right:20px;z-index:1001;cursor:pointer;padding:10px}@media screen and (max-width:768px){.mobile-menu-toggle{display:block}}.hamburger{width:25px;height:20px;position:relative;transition:all .3s ease}.hamburger span{display:block;position:absolute;height:3px;width:100%;background:#fff;border-radius:3px;transition:all .3s ease}.hamburger span:first-child{top:0}.hamburger span:nth-child(2){top:8px}.hamburger span:nth-child(3){top:16px}.hamburger.open span:first-child{transform:rotate(45deg);top:8px}.hamburger.open span:nth-child(2){opacity:0}.hamburger.open span:nth-child(3){transform:rotate(-45deg);top:8px}.mobile-menu{position:fixed;top:0;left:0;width:100%;height:100vh;background:#1a1a1a;z-index:1000;transform:translateY(-300%);transition:transform .3s ease;display:flex;flex-direction:column;padding:20px;overflow-y:auto}.mobile-menu.open{transform:translateY(0)}@media screen and (min-width:769px){.mobile-menu{display:none}}.companies{padding:60px 0 80px;background:#f8f9fa}.companies .content{max-width:1200px;margin:0 auto;padding:0 20px}.companies .content h2{text-align:center;margin-bottom:60px;font-size:1.5rem;font-weight:700;color:#c03540}.companies .company-logos .logo-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:30px;align-items:center;justify-items:center}.companies .company-logos .logo-grid .company-logo{max-width:120px;max-height:60px;object-fit:contain;filter:grayscale(100%);transition:filter .3s ease}.companies .company-logos .logo-grid .company-logo:hover{filter:grayscale(0)}@media screen and (max-width:768px){.companies{padding:40px 0}.companies .content{padding:0 15px}.companies .content h2{font-size:2rem;margin-bottom:30px}.companies .company-logos .logo-grid{grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:20px}.companies .company-logos .logo-grid .company-logo{max-width:100px;max-height:50px}}.mobile-menu-header{display:flex;justify-content:center;align-items:center;padding:40px 0}.mobile-menu-header img{width:140px!important;height:140px!important;border-radius:10px}.mobile-menu-nav{flex:1;display:flex;flex-direction:column;gap:20px;padding:20px 0}.mobile-menu-nav a{color:#fff;text-decoration:none;font-weight:500;font-size:16px;font-family:var(--font-dm-sans);text-transform:uppercase;font-weight:700;padding:15px 0;border-bottom:1px solid hsla(0,0%,100%,.1);transition:all .2s ease}.mobile-menu-nav a.active,.mobile-menu-nav a:hover{color:#c03540}.mobile-menu-social{padding:20px 0;border-top:1px solid hsla(0,0%,100%,.1)}.mobile-menu-social span{display:block;color:hsla(0,0%,100%,.7);font-size:14px;margin-bottom:15px;font-family:var(--font-syne);font-weight:500}.mobile-social-icons{display:flex;gap:20px}.mobile-social-icons a{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:hsla(0,0%,100%,.1);border-radius:50%;transition:all .3s ease}.mobile-social-icons a:hover{background:#c03540;transform:scale(1.1)}.mobile-social-icons a img{filter:brightness(0) invert(1)}@media screen and (max-width:768px){.link-menu,.socialIcons{display:none}}.github-links{margin-top:2rem;display:flex;gap:1rem;flex-wrap:wrap}.github-link{display:inline-block;padding:.75rem 1.5rem;background-color:#c03540;color:#fff;text-decoration:none;border-radius:6px;font-weight:500;transition:background-color .2s ease}.github-link:hover{background-color:#a02d35}@media screen and (max-width:650px){.github-link{padding:.6rem 1.2rem;font-size:.9rem}}