@import"https://fonts.googleapis.com/css2?family=Ubuntu:ital,wght@0,400;0,500;0,700;0,900;1,400;1,500;1,700;1,900&display=swap";:root{font-family:Ubuntu,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}html,body{margin:0;padding:0;overflow-x:hidden;width:100vw;min-height:100vh;scroll-behavior:smooth}html{color:#145f63;overflow-y:auto;overflow-x:hidden;scrollbar-color:#025964 transparent}html::-webkit-scrollbar{width:6px}html::-webkit-scrollbar-track{background:transparent}html::-webkit-scrollbar-thumb{background-color:#025964;border-radius:4px}.body{width:100vw;background-attachment:fixed;background-size:cover;background-repeat:no-repeat;background-position:center;position:relative;color:#fff;overflow:hidden;min-height:100vh}#smooth-wrapper{height:100vh;background-attachment:fixed;background-size:cover}.content-container{max-height:140vh;min-height:unset;width:100%;position:relative;display:flex}#welcome{min-height:100vh!important;height:100vh}#smooth-wrapper,#smooth-content,.content-container,.body,.page-container{min-height:100vh;height:auto}.page-container{display:flex;position:relative;background:linear-gradient(to top,#22577a,#22577a,#2b8a8b,#38a3a5),url(https://transparenttextures.com/patterns/asfalt-dark.png);background-blend-mode:overlay;background-size:cover,300px;background-repeat:no-repeat,repeat;z-index:0}.page-container{height:150vh;box-sizing:border-box;display:flex}.intro-container{padding-left:150px;align-self:start;display:flex;align-items:center;height:100vh;width:100%;overflow-x:hidden}#smooth-content{z-index:0}#welcome-section{position:relative;z-index:100}.dots{position:absolute;top:0;left:0;width:100vw;height:100vh;pointer-events:none;background:linear-gradient(to top,#22577a,#38a3a5);background-image:radial-gradient(circle,rgba(255,255,255,.25) 1px,transparent 1px),radial-gradient(circle,rgba(255,255,255,.25) 1px,transparent 1px);background-size:22px 22px,22px 22px;background-position:0 0,11px 11px;background-repeat:repeat;z-index:-2;overflow:hidden}.glass-container{position:relative;overflow:hidden;flex-direction:column;width:45%;height:auto;background:#ffffff06;border-radius:20px;backdrop-filter:blur(25px);-webkit-backdrop-filter:blur(25px);box-shadow:0 4px 30px #0000001a,inset 0 0 60px #fff3;display:flex;justify-content:start;color:#fff;font-weight:300;text-align:center;font-size:1.5rem;padding:3rem 2rem;pointer-events:none;z-index:10}.glass-container{opacity:0;transform:scale(.8);transition:opacity .6s ease-out,transform .6s ease-out}.glass-container.show{opacity:1;transform:scale(1)}.intro-text-container{z-index:2;margin:30% 20px 15px;height:auto}.glass-container h1{color:#c7f9cc;text-align:left;font-size:100px;margin:0 0 0 -6px}.glass-container h2{margin:0 0 -20px;text-align:left;font-size:40px}.glass-container p{text-align:justify;font-size:18px}.intro-img-wrapper{padding:20px;position:absolute;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:flex-start;z-index:1}.intro-img{max-height:50%;width:auto;object-fit:contain;z-index:1;-webkit-mask-image:linear-gradient(to bottom,rgba(0,0,0,1) 70%,rgba(0,0,0,0) 100%);mask-image:linear-gradient(to bottom,#000 70%,#0000)}.skills-container{padding-left:20px;padding-right:20px;margin:0 20px;display:flex;flex-wrap:wrap;gap:12px;z-index:100}.skill-box{display:flex;align-items:center;gap:8px;background-color:transparent;padding:8px 16px;border-radius:50px;border:2px solid white;color:#fff;font-weight:600;cursor:default;-webkit-user-select:none;user-select:none;box-shadow:none;transition:background-color .3s ease,border-color .3s ease;pointer-events:auto}.skill-box:hover{background-color:#c7f9cc;border-color:#c7f9cc;color:#49929d}.skill-icon{width:20px;height:20px;display:flex;justify-content:center;align-items:center;font-size:18px}.skill-icon img{width:24px;height:24px;object-fit:contain}.skill-name{font-size:16px}.spline-container-landing{position:absolute;width:100%;left:25%;display:flex;align-items:end}@keyframes slideInFromRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.circle-bg{position:absolute;left:50%;transform:translate(-50%);top:25%;width:30vw;height:30vw;background:radial-gradient(circle at center,#38b09d,#06768d);border-radius:50%;z-index:-1;filter:drop-shadow(0 0 20px rgba(6,118,141,.4));overflow:hidden}.word,.char{display:inline-block;white-space:pre}.laptop-wrapper{width:100%;height:100%;right:0}.name-title{width:auto}@media screen and (min-width: 1440px) and (max-width: 1599px){.glass-container{padding:2rem 1.8rem}.glass-container h1{font-size:4.5rem}.glass-container h2{font-size:2.3rem}.glass-container p{font-size:.9rem}.intro-text-container{margin-top:35%;height:auto}.intro-img{max-height:40vh;width:auto}.skill-icon{width:15px;height:15px;font-size:15px}.skill-name{font-size:.7rem}}@media screen and (max-width: 374px){#smooth-wrapper,#smooth-content,.content-container,.body,.page-container{min-height:auto;height:auto}.intro-container{height:auto;padding:40px 20px 20px;display:flex;flex-direction:column;overflow-y:hidden}.spline-container-landing{width:140%;left:0;position:relative}.glass-container{width:80%;justify-self:center;align-self:center;padding:1rem 1.4rem}.name-title{justify-self:center}.glass-container h1{font-size:1.6rem}.glass-container h2{padding-left:20px;font-size:1rem;margin-left:-3px;margin-bottom:-5px}.glass-container p{text-align:center;font-size:.6rem}.intro-text-container{margin-top:30vh;margin-bottom:0;height:auto}.intro-img{max-height:20vh;width:auto}.skills-container{justify-content:center;row-gap:10px!important;column-gap:5px!important}.skill-box{padding:.5rem}.skill-icon{width:10px;height:10px;font-size:10px}.skill-name{font-size:.5rem}.dots{position:absolute;top:0;left:0;width:100vw;height:100%}}@media screen and (min-width: 375px) and (max-width: 480px){#smooth-wrapper,#smooth-content,.content-container,.body,.page-container{min-height:auto;height:auto}.content-container{height:auto;max-height:unset;min-height:unset}.intro-container{height:100vh;padding:40px 20px;display:flex;flex-direction:column;overflow-y:hidden;justify-content:center}.spline-container-landing{display:none;width:500%;height:20vh;left:0;position:relative}.glass-container{width:80%;justify-self:center;align-self:center;padding:1rem 1.4rem}.name-title{justify-self:center}.glass-container h1{font-size:2rem}.glass-container h2{padding-left:20px;font-size:1.1rem;margin-left:-3px;margin-bottom:-5px}.glass-container p{text-align:center;font-size:.6rem}.intro-text-container{margin-top:20vh;margin-bottom:0;height:auto}.intro-img{max-height:25vh;width:auto}.skills-container{justify-content:center;row-gap:10px!important;column-gap:5px!important}.skill-box{padding:.5rem}.skill-icon{width:10px;height:10px;font-size:10px}.skill-name{font-size:.5rem}.dots{position:absolute;top:0;left:0;width:100vw;height:100%}}@media screen and (min-width: 425px) and (max-width: 767px){#smooth-wrapper,#smooth-content,.content-container,.body,.page-container{min-height:auto;height:auto}.content-container{height:auto;max-height:unset;min-height:unset}.intro-container{height:100vh;padding:40px 20px;display:flex;flex-direction:column;overflow-y:hidden;justify-content:center}.spline-container-landing{display:none;width:500%;height:20vh;left:0;position:relative}.glass-container{width:80%;justify-self:center;align-self:center;padding:1rem 1.4rem}.name-title{justify-self:center}.glass-container h1{font-size:2.3rem}.glass-container h2{padding-left:20px;font-size:1.3rem;margin-left:-3px;margin-bottom:-5px}.glass-container p{text-align:center;font-size:.6rem}.intro-text-container{margin-top:30vh;margin-bottom:0;height:auto}.intro-img{max-height:35vh;width:auto}.skills-container{justify-content:center;row-gap:10px!important;column-gap:5px!important}.skill-box{padding:.5rem}.skill-icon{width:10px;height:10px;font-size:10px}.skill-name{font-size:.5rem}.dots{position:absolute;top:0;left:0;width:100vw;height:100%}}@media screen and (min-width: 768px) and (max-width: 964px){#smooth-wrapper,#smooth-content,.content-container,.body,.page-container{min-height:auto;height:auto}.content-container{height:auto;max-height:unset;min-height:unset}.intro-container{height:100vh;padding:40px 20px;display:flex;flex-direction:column;overflow-y:hidden;justify-content:center}.spline-container-landing{display:none;width:500%;height:20vh;left:0;position:relative}.glass-container{width:80%;justify-self:center;align-self:center;padding:clamp(3rem,2vw,1rem) clamp(3rem,3vw,1.4rem)}.name-title{justify-self:center}.glass-container h1{font-size:5vh}.glass-container h2{padding-left:20px;font-size:2.5vh;margin-left:-3px;margin-bottom:-5px}.glass-container p{text-align:center;font-size:1.6vh}.intro-text-container{margin-top:30vh;margin-bottom:0;height:auto}.intro-img{max-height:35vh;width:auto}.skills-container{justify-content:center;row-gap:10px!important;column-gap:5px!important}.skill-box{padding:clamp(.5rem,1.5vh,2rem)}.skill-icon{width:clamp(10px,2vw,30px);height:clamp(10px,2vw,30px);font-size:clamp(10px,1.5vw,16px)}.skill-name{font-size:clamp(.6rem,1vw,1rem)}.dots{position:absolute;top:0;left:0;width:100vw;height:100%}}@media screen and (min-width: 965px) and (max-width: 1439px){.glass-container{padding:1rem 1.4rem}.glass-container h1{font-size:2.5rem}.glass-container h2{font-size:1.5rem;margin-left:-3px;margin-bottom:-5px}.glass-container p{font-size:.7rem}.intro-text-container{margin-top:25vh;margin-bottom:0;height:auto}.intro-img{max-height:30vh;width:auto}.skills-container{row-gap:10px!important;column-gap:5px!important}.skill-box{padding:.5rem}.skill-icon{width:10px;height:10px;font-size:10px}.skill-name{font-size:.5rem}.spline-container-landing{width:100%;height:100vh;left:25%}}@media screen and (min-width: 1600px){.glass-container{padding:2rem 3rem}.glass-container h1{font-size:5rem}.glass-container h2{font-size:2rem;margin-left:-3px;margin-bottom:-5px}.glass-container p{font-size:1rem}.intro-text-container{margin-top:25vh;margin-bottom:0;height:auto}.intro-img{max-height:40vh;width:auto}.skills-container{row-gap:10px!important;column-gap:10px!important}.skill-box{padding:1rem}.skill-icon{width:20px;height:20px;font-size:20px}.skill-name{font-size:1rem}.spline-container-landing{width:100%;height:100vh;left:25%}}.experiences-section{position:relative;z-index:1;background:radial-gradient(ellipse at bottom,#1b2735,#090a0f);width:100vw;height:100vh;box-sizing:border-box;padding-top:10px;padding-left:50px;padding-right:50px;overflow:hidden}#stars,#stars:after{width:1px;height:1px;background:transparent;box-shadow:430px 158px #fff,1370px 1666px #fff,1798px 750px #fff,29px 675px #fff,129px 1863px #fff,1347px 1575px #fff,402px 1993px #fff,317px 957px #fff,907px 1046px #fff,386px 1583px #fff,1005px 1744px #fff,751px 1962px #fff,1769px 446px #fff,1330px 1591px #fff,291px 220px #fff,661px 895px #fff,1967px 950px #fff,1318px 810px #fff,872px 1197px #fff,776px 654px #fff,1705px 1373px #fff,697px 1487px #fff,810px 565px #fff,720px 1811px #fff,753px 976px #fff,1598px 1285px #fff,719px 109px #fff;animation:animStar 50s linear infinite;position:absolute}#stars:after{content:" ";position:absolute;top:500px}#stars2,#stars2:after{width:2px;height:2px;background:transparent;box-shadow:1957px 194px #fff,1023px 301px #fff,47px 227px #fff,834px 457px #fff,308px 150px #fff,195px 386px #fff,299px 1501px #fff,931px 1235px #fff,1330px 696px #fff,1794px 136px #fff,323px 1128px #fff,1139px 1653px #fff,1629px 1929px #fff,972px 21px #fff,72px 88px #fff,1167px 1371px #fff,507px 1741px #fff,1731px 1456px #fff,1252px 447px #fff,756px 1747px #fff,1889px 718px #fff,99px 794px #fff,141px 1576px #fff,448px 731px #fff,5px 338px #fff,243px 13px #fff,1567px 420px #fff;animation:animStar 100s linear infinite;position:absolute}#stars2:after{content:" ";position:absolute;top:500px}#stars3,#stars3:after{width:3px;height:3px;background:transparent;box-shadow:1430px 1485px #fff,1019px 987px #fff,1554px 431px #fff,1724px 967px #fff,164px 1219px #fff,572px 548px #fff,1846px 1932px #fff,1681px 1040px #fff,286px 260px #fff,959px 1252px #fff,1749px 41px #fff,1964px 1139px #fff,977px 956px #fff,464px 1632px #fff,652px 1667px #fff,439px 153px #fff,1584px 285px #fff,429px 1673px #fff,409px 102px #fff,1756px 103px #fff,806px 1258px #fff,896px 202px #fff,556px 1200px #fff,905px 1831px #fff,267px 1152px #fff,1402px 1151px #fff;animation:animStar 150s linear infinite;position:absolute}#stars3:after{content:" ";position:absolute;top:500px}#stars4,#stars4:after{width:1px;height:1px;background:transparent;box-shadow:200px 900px #fff,400px 100px #fff,600px 500px #fff,800px 700px #fff,1000px 1500px #fff,1200px 1300px #fff,1400px 1700px #fff,1600px 1900px #fff,1800px 1100px #fff;animation:animStar 40s linear infinite;position:absolute}#stars4:after{content:" ";position:absolute;top:500px}#stars5,#stars5:after{width:2px;height:2px;background:transparent;box-shadow:300px 600px #fff,500px 800px #fff,700px 1000px #fff,900px 1200px #fff,1100px 1400px #fff,1300px 1600px #fff,1500px 1800px #fff,1700px 2000px #fff;animation:animStar 90s linear infinite;position:absolute}#stars5:after{content:" ";position:absolute;top:500px}#stars6,#stars6:after{width:3px;height:3px;background:transparent;box-shadow:350px 400px #fff,650px 800px #fff,950px 1200px #fff,1250px 1600px #fff,1550px 2000px #fff;animation:animStar 200s linear infinite;position:absolute}#stars6:after{content:" ";position:absolute;top:500px}@keyframes animStar{0%{transform:translateY(0)}to{transform:translateY(-2000px)}}.experiences-section .glow{position:absolute;top:0;left:0;pointer-events:none;z-index:-9999;transform:translate3d(-50%,-50%,0)}.experiences-section .circle{position:absolute;border-radius:50%;width:200px;height:200px;top:50%;left:50%;transform:translate(-50%,-50%);mix-blend-mode:screen}.experiences-section .circle1{background:radial-gradient(circle,#36465d20,#62bbc000 80%);width:900px;height:900px}.experiences-section .circle2{background:radial-gradient(circle,#3f4e6420,#62bbc000 80%);width:700px;height:700px}.experiences-section .circle3{background:radial-gradient(circle,#47576d20,#62bbc000 80%);width:500px;height:500px}.experiences-section .circle4{background:radial-gradient(circle,#6c768420,#62bbc000 80%);width:300px;height:300px}.experiences-section .title{justify-self:center;font-size:60px;font-weight:800;background:linear-gradient(to right,#06768d,#62bbc0 50%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.grid-container{display:grid;grid-template-columns:1.2fr 1.6fr 1.2fr;width:100%;height:90vh;max-height:90vh;box-sizing:border-box;z-index:10}.left-column,.center-column,.right-column{max-height:80%;box-sizing:border-box;padding:20px}.center-column{height:105vh;padding-left:0;padding-right:0}.left-column-row{display:flex;flex-direction:column;height:100%;max-height:100%;gap:20px}.left-top-box,.left-middle-box,.left-bottom-box{flex:1 1 0;background:linear-gradient(to top,#1b273515,#ffffff15);border-radius:20px;border-color:#ffffff15;border-width:1px;border-style:solid;padding:20px;box-sizing:border-box;max-height:none}.left-top-box{padding:40px}.left-middle-box{position:relative;padding:0}.center-box{height:100%;width:100%;border-radius:20px;padding:40px;box-sizing:border-box;overflow-y:hidden}.right-column-row{display:flex;flex-direction:column;height:100%;max-height:100%;gap:20px;justify-content:center}.right-top-box{padding:40px;height:100%;background:linear-gradient(to top,#1b273515,#ffffff15);border-radius:20px;border-color:#ffffff15;border-width:1px;border-style:solid;display:flex;flex-direction:column}.skill-grid{display:grid;height:100%}.grid-container h1{font-size:30px;margin:0 0 20px;font-weight:800;background:linear-gradient(to right,#0799b6,#86dadf 50%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.experiences-section h2{font-size:20px;margin:0;background:linear-gradient(to right,#06768d,#62bbc0,#ffdb58);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:transparent}.subject-row{margin-bottom:24px}.skills-container{padding:0;padding-left:.5rem;display:flex;flex-wrap:wrap;gap:12px;margin-top:8px;margin-left:0;margin-right:0}.skills-box{display:flex;align-items:center;gap:8px;background-color:transparent;padding:8px 14px;border-radius:50px;border:2px solid white;color:#fff;font-weight:500;cursor:default;-webkit-user-select:none;user-select:none;box-shadow:none;transition:background-color .3s ease,border-color .3s ease}.skills-box:hover{background-color:#3d99be;border-color:transparent;color:#1b2735}.skills-icon{width:10px;height:10px;display:flex;justify-content:center;align-items:center;font-size:18px}.skills-icon img{width:24px;height:24px;object-fit:contain}.skills-name{font-size:.9rem}.left-bottom-box{position:relative;display:flex;flex-direction:column;align-items:flex-start;padding:20px;gap:20px}.left-bottom-box h1{align-self:flex-start;text-align:left;margin:20px 0 0 20px}.cv-button{background-color:#ffffff2d;height:60px;padding:10px 40px;color:#fff;border:none;border-radius:50px;cursor:pointer;font-weight:700;font-size:20px;transition:background-color .3s ease}.cv-button:hover{background-color:#38a3a5;color:#fff}.contact-button{background-color:#fff;height:60px;color:#22577a;padding:10px 80px;border:none;border-radius:50px;cursor:pointer;font-weight:700;font-size:20px;transition:background-color .3s ease}.contact-button:hover{background-color:#38a3a5;color:#fff}.map-img{width:100%;height:100%;object-fit:cover;border-radius:20px;display:block;z-index:1}.left-middle-box .text-container{position:absolute;top:50%;left:0;transform:translateY(-50%);text-align:left;width:100%;padding-left:40px;display:flex;flex-direction:column;align-items:flex-start;z-index:2}.text-container p{margin:0}.map-wrapper{position:relative;width:100%;height:100%}.nav-dot{position:absolute;top:50%;right:20%;width:8px;height:8px;background-color:#fff;border-radius:50%;box-shadow:0 0 6px #fff;z-index:11;transform:translate(50%,-50%)}.pulsing-dot{position:absolute;top:50%;right:20%;width:20px;height:20px;background-color:#fff;border-radius:50%;animation:pulse 1.5s infinite;z-index:10;transform:translate(50%,-50%)}@keyframes pulse{0%{transform:translate(50%,-50%) scale(1);opacity:1}70%{transform:translate(50%,-50%) scale(2);opacity:0}to{transform:translate(50%,-50%) scale(1);opacity:0}}.experiences-section h3{margin-top:0}.exp-container{position:relative;max-height:90%;border-radius:20px;padding:10px;overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none}.exp-container::-webkit-scrollbar{width:0px;height:0px}.exp-container:hover::-webkit-scrollbar{width:6px;height:6px}.exp-container:hover::-webkit-scrollbar-thumb{background-color:#fff3;border-radius:10px}.exp-container::-webkit-scrollbar{width:5px}.exp-container::-webkit-scrollbar-track{background:transparent}.exp-container::-webkit-scrollbar-thumb{background-color:#ffffff26;border-radius:10px}.exp-container::-webkit-scrollbar-thumb:hover{background-color:#ffffff4d}.exp-container::-webkit-scrollbar{display:none}.scroll-indicator{display:none;position:absolute;bottom:-10px;left:50%;transform:translate(-50%);text-align:center;font-size:14px;color:#fff;pointer-events:none;z-index:10}.scroll-indicator p{font-size:15px;margin:0;animation:bounce 1.5s infinite}.scroll-indicator .arrow{font-size:20px;margin-top:0;animation:bounce 1.5s infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(6px)}}.social-btns .btn,.social-btns .btn:before,.social-btns .btn svg{transition:all .35s;transition-timing-function:cubic-bezier(.31,-.105,.43,1.59)}.social-btns .btn:before{top:90%;left:-110%}.social-btns .btn svg{transform:scale(.8)}.social-btns .btn.LinkedIn:before{background-color:#3b5998}.social-btns .btn.LinkedIn svg{color:#3b5998}.social-btns .btn.Github:before{background-color:#24292e}.social-btns .btn.Github svg{color:#24292e}.social-btns .btn.Instagram:before{background-color:#c13584}.social-btns .btn.Instagram svg{color:#c13584}.social-btns .btn.Email:before{background-color:#ff6f61}.social-btns .btn.Email svg{color:#ff6f61}.social-btns .btn.skype:before{background-color:#00aff0}.social-btns .btn.skype svg{color:#00aff0}.social-btns .btn:focus:before,.social-btns .btn:hover:before{top:-10%;left:-10%}.social-btns .btn:focus svg,.social-btns .btn:hover svg{color:#fff;transform:scale(1)}.social-btns{height:90px;margin:auto;font-size:0;text-align:center;width:100%;position:relative}.social-btns .btn{display:inline-block;background-color:#fff;width:90px;height:90px;line-height:90px;margin:0 10px;text-align:center;position:relative;overflow:hidden;border-radius:28%;box-shadow:0 5px 15px -5px #0000001a;opacity:.99}.social-btns .btn:before{content:"";width:120%;height:120%;position:absolute;transform:rotate(45deg)}.social-btns .btn svg{font-size:38px;vertical-align:middle}.uni-top-row{display:flex;align-items:flex-start;align-items:center;gap:16px;margin-bottom:20px}.uni-logo img{width:60px;height:auto;object-fit:contain;margin-top:4px}.uni-text{display:flex;flex-direction:column;flex:1}.uni-header{display:flex;justify-content:space-between;align-items:baseline;gap:20px}.uni-header h3{margin:0;font-size:18px;font-weight:700}.uni-period{font-size:14px;color:#fff;font-style:italic}.uni-divider{border:none;border-top:1px solid #ccc;margin:0;width:100%}.uni-course,.uni-cgpa{margin:4px 0;font-size:14px;color:#fff}.uni-cgpa{font-weight:700}.title span,h1 span,h2 span,h3 span,p span{display:inline-block;perspective:1000px}.copyright p{position:absolute;bottom:0;left:0;right:0;text-align:center;font-size:.5rem}@media screen and (min-width: 1440px) and (max-width: 1599px){.experiences-section .title{font-size:5rem;margin-bottom:-3rem}.grid-container h1{font-size:1.5rem}.experiences-section h2{font-size:1rem}.experiences-section h3{font-size:.9rem}.skills-container{padding-left:.4rem;gap:.5rem}.skills-box{gap:.3rem;padding:.5rem .6rem}.skills-icon{font-size:.7rem}.skills-name{font-size:.63rem;font-weight:100}.subject-row{margin-bottom:1rem}.exp-container{padding:.4rem}.scroll-indicator{bottom:0}.scroll-indicator p{font-size:.8rem}.scroll-indicator .arrow{font-size:.8rem;margin-top:0;animation:bounce 1.5s infinite}.center-box{padding:2rem}.social-btns .btn{line-height:4rem;width:4rem;height:4rem}.social-btns .btn svg{font-size:2rem}.uni-top-row{gap:1rem;margin-bottom:0}.uni-logo img{width:3rem}.uni-header h3{font-size:.8rem}.uni-period{font-size:.7rem}.uni-course,.uni-cgpa{margin:.2rem 0;font-size:.7rem}.left-column-row{display:flex;flex-direction:column;height:100%;max-height:100%;gap:20px}.left-top-box,.left-middle-box,.left-bottom-box{padding:1rem}.left-top-box{padding:1rem 2rem}.left-middle-box{position:relative;padding:0}.left-middle-box .text-container p{font-size:.8rem}}@media screen and (min-width: 376px) and (max-width: 480px){.experiences-section{height:auto;padding-top:6vh;padding-left:1rem;padding-right:1rem;padding-bottom:2vh}.grid-container{max-height:unset;display:flex;flex-direction:column;height:auto}.right-top-box{padding:1.2rem}.experiences-section .title{padding-left:0;text-align:center;font-size:2.4rem;margin-bottom:1rem}.grid-container h1{font-size:1.4rem}.experiences-section h2{font-size:1.2rem}.experiences-section h3{font-size:.9rem}.align-center{text-align:center}.skills-container{padding-left:.5rem;gap:.2rem}.skills-box{gap:.2rem;padding:.4rem .6rem;border-width:1px}.skills-icon{font-size:.7rem}.skills-name{font-size:.6rem;font-weight:400}.subject-row{margin-bottom:1rem}.center-column{height:auto;padding-left:0;padding-right:0}.exp-container{padding:.4rem;height:auto}.scroll-indicator{opacity:0;bottom:0}.scroll-indicator p{font-size:.6rem}.scroll-indicator .arrow{font-size:.6rem;margin-top:0;animation:bounce 1.5s infinite}.center-box{padding:1rem}.social-btns .btn{margin:.2rem;line-height:4rem;width:4rem;height:4rem}.social-btns .btn svg{font-size:2.5rem}.uni-top-row{gap:.6rem;margin-bottom:0}.uni-logo img{width:2.5rem;padding-right:1rem}.uni-header h3{font-size:.9rem}.uni-period{font-size:.7rem}.uni-course,.uni-cgpa{margin:.2rem 0;font-size:.7rem}.left-column-row{display:flex;flex-direction:column;height:100%;max-height:100%;gap:20px}.left-top-box,.left-middle-box,.left-bottom-box{padding:.4rem}.left-top-box{padding:1.3rem}.left-middle-box{position:relative;padding:0}.left-bottom-box{padding:0rem}.left-middle-box .text-container p{font-size:.5rem}}@media screen and (min-width: 481px) and (max-width: 767px){.experiences-section{height:auto;padding-top:6vh;padding-left:1rem;padding-right:1rem;padding-bottom:2vh}.grid-container{max-height:unset;display:flex;flex-direction:column;height:auto}.right-top-box{padding:1.2rem}.experiences-section .title{padding-left:0;text-align:center;font-size:2.4rem;margin-bottom:1rem}.grid-container h1{font-size:1.4rem}.experiences-section h2{font-size:1.2rem}.experiences-section h3{font-size:.9rem}.align-center{text-align:center}.skills-container{padding-left:.5rem;gap:.2rem}.skills-box{gap:.2rem;padding:.4rem .6rem;border-width:1px}.skills-icon{font-size:.7rem}.skills-name{font-size:.6rem;font-weight:400}.subject-row{margin-bottom:1rem}.center-column{height:auto;padding-left:0;padding-right:0}.exp-container{padding:.4rem;height:auto}.scroll-indicator{opacity:0;bottom:0}.scroll-indicator p{font-size:.6rem}.scroll-indicator .arrow{font-size:.6rem;margin-top:0;animation:bounce 1.5s infinite}.center-box{padding:1rem}.social-btns .btn{margin:.2rem;line-height:4rem;width:4rem;height:4rem}.social-btns .btn svg{font-size:2.5rem}.uni-top-row{gap:.6rem;margin-bottom:0}.uni-logo img{width:2.5rem;padding-right:1rem}.uni-header h3{font-size:.9rem}.uni-period{font-size:.7rem}.uni-course,.uni-cgpa{margin:.2rem 0;font-size:.7rem}.left-column-row{display:flex;flex-direction:column;height:100%;max-height:100%;gap:20px}.left-top-box,.left-middle-box,.left-bottom-box{padding:.4rem}.left-top-box{padding:1.3rem}.left-middle-box{position:relative;padding:0}.left-bottom-box{padding:0rem}.left-middle-box .text-container p{font-size:.5rem}}@media screen and (min-width: 768px) and (max-width: 964px){.experiences-section{height:auto;padding-top:6vh;padding-left:1rem;padding-right:1rem;padding-bottom:2vh}.grid-container{max-height:unset;display:flex;flex-direction:column;height:auto}.right-top-box{padding:1.2rem}.experiences-section .title{padding-left:0;text-align:center;font-size:2.7rem;margin-bottom:1rem}.grid-container h1{font-size:1.7rem}.experiences-section h2,.experiences-section h3{font-size:1.2rem}.align-center{text-align:center}.skills-container{padding-left:.5rem;gap:.2rem}.skills-box{gap:.5rem;padding:.6rem .8rem;border-width:1px}.skills-icon{font-size:1rem}.skills-name{font-size:1rem;font-weight:400}.subject-row{margin-bottom:1rem}.center-column{height:auto;padding-left:0;padding-right:0}.exp-container{padding:.4rem;height:auto}.scroll-indicator{opacity:0;bottom:0}.scroll-indicator p{font-size:.6rem}.scroll-indicator .arrow{font-size:.6rem;margin-top:0;animation:bounce 1.5s infinite}.center-box{padding:1rem}.social-btns .btn{margin:.2rem;line-height:4rem;width:4rem;height:4rem}.social-btns .btn svg{font-size:2.5rem}.uni-top-row{gap:.6rem;margin-bottom:0}.uni-logo img{width:4rem;padding-right:1rem}.uni-header h3{font-size:1.4rem}.uni-period{font-size:1rem}.uni-course,.uni-cgpa{margin:.2rem 0;font-size:1rem}.left-column-row{display:flex;flex-direction:column;height:100%;max-height:100%;gap:20px}.left-top-box,.left-middle-box,.left-bottom-box{padding:.4rem}.left-top-box{padding:1.3rem}.left-middle-box{position:relative;padding:0}.left-bottom-box{padding:0rem}.left-middle-box .text-container p{font-size:.5rem}}@media screen and (min-width: 965px) and (max-width: 1439px){.experiences-section .title{font-size:2.4rem}.grid-container h1{font-size:1.4rem}.experiences-section h2{font-size:1.2rem}.experiences-section h3{font-size:.9rem}.right-top-box{padding:30px}.skills-container{padding-left:.5rem;gap:.2rem}.skills-box{gap:.2rem;padding:.4rem .6rem;border-width:1px}.skills-icon{font-size:.7rem}.skills-name{font-size:.6rem;font-weight:400}.subject-row{margin-bottom:1rem}.exp-container{padding:.4rem}.scroll-indicator{bottom:0}.scroll-indicator p{font-size:.6rem}.scroll-indicator .arrow{font-size:.6rem;margin-top:0;animation:bounce 1.5s infinite}.center-box{padding:1rem}.social-btns{left:50%;transform:translate(-50%);width:100%;justify-self:center}.social-btns .btn{margin:.2rem;line-height:4rem;width:4rem;height:4rem}.social-btns .btn svg{font-size:2.5rem}.uni-top-row{gap:.6rem;margin-bottom:0}.uni-logo img{width:3rem}.uni-header h3{font-size:.9rem}.uni-period{font-size:.7rem}.uni-course,.uni-cgpa{margin:.2rem 0;font-size:.7rem}.left-column-row{display:flex;flex-direction:column;height:100%;max-height:100%;gap:20px}.left-top-box,.left-middle-box,.left-bottom-box{padding:.3rem}.left-top-box{padding:.8rem 1rem}.left-middle-box{position:relative;padding:0}.left-middle-box .text-container p{font-size:.5rem}}@media screen and (min-width: 1600px){.social-btns{left:50%;transform:translate(-50%);width:100%;justify-self:center}.social-btns .btn{margin:.2rem;line-height:4rem;width:4rem;height:4rem}.social-btns .btn svg{font-size:2.5rem}}:root{--transition: .25s;--spark: 1.8s}.button-resume{margin-top:30px;justify-content:center;--cut: .1em;--active: 0;--bg: radial-gradient(40% 50% at center 100%, hsla(207, 80%, 54%, var(--active)), transparent), radial-gradient(80% 100% at center 120%, hsla(207, 80%, 50%, var(--active)), transparent), hsla(207, 80%, 45%, var(--active));background:var(--bg);font-size:20px;font-weight:500;border:0;cursor:pointer;padding:.9em 1.3em;display:flex;align-items:center;gap:.25em;white-space:nowrap;border-radius:100px;position:relative;left:50%;transform:translate(-50%);top:0;box-shadow:0 0 calc(var(--active) * 6em) calc(var(--active) * 3em) #2c93e8bf,0 .05em hsl(207 calc(var(--active) * 97%) calc((var(--active) * 50%) + 30%)) inset,0 -.05em hsl(207 calc(var(--active) * 97%) calc(var(--active) * 60%)) inset;transition:box-shadow var(--transition),background var(--transition);width:95%}.button-resume:active{scale:1}svg{overflow:visible!important}.sparkle path{color:hsl(0 0% calc((var(--active, 0) * 70%) + var(--base)));transform-box:fill-box;transform-origin:center;fill:currentColor;stroke:currentColor;animation-delay:calc((var(--transition) * 1.5) + (var(--delay) * 1s));animation-duration:.6s;transition:color var(--transition)}.button-resume:is(:hover,:focus-visible) path{animation-name:bounce}@keyframes bounce{35%,65%{scale:var(--scale)}}.sparkle path:nth-of-type(1){--scale: .5;--delay: .1;--base: 40%}.sparkle path:nth-of-type(2){--scale: 1.5;--delay: .2;--base: 20%}.sparkle path:nth-of-type(3){--scale: 2.5;--delay: .35;--base: 30%}button:before{content:"";position:absolute;top:-.25em;right:-.25em;bottom:-.25em;left:-.25em;z-index:-1;border-radius:100px;opacity:var(--active, 0);transition:opacity var(--transition)}.spark{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:100px;rotate:0deg;overflow:hidden;mask:linear-gradient(white,transparent 50%);animation:flip calc(var(--spark) * 2) infinite steps(2,end)}@keyframes flip{to{rotate:360deg}}.spark:before{content:"";position:absolute;width:200%;aspect-ratio:1;top:0%;left:50%;z-index:-1;translate:-50% -15%;rotate:0;transform:rotate(-90deg);opacity:calc((var(--active)) + .4);background:conic-gradient(from 0deg,transparent 0 340deg,white 360deg);transition:opacity var(--transition);animation:rotate var(--spark) linear infinite both}.spark:after{content:"";position:absolute;inset:var(--cut);border-radius:100px}.backdrop{position:absolute;inset:var(--cut);background:var(--bg);border-radius:100px;background-color:#090a0f;transition:background var(--transition)}@keyframes rotate{to{transform:rotate(90deg)}}@supports (selector(:has(:is(+ *)))){body:has(button:is(:hover,:focus-visible)){--active: 1;--play-state: running}.bodydrop{display:none}}.button-resume:is(:hover,:focus-visible)~:is(.bodydrop,.particle-pen){--active: 1;--play-state: running}.bodydrop{background:hsl(207 calc(var(--active) * 97%) 6%);width:100vw;height:100;position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none}.button-resume:is(:hover,:focus-visible){--active: 1;--play-state: running}.sparkle-button{position:relative}.particle-pen{position:absolute;width:200%;aspect-ratio:1;top:50%;left:50%;translate:-50% -50%;z-index:-1;opacity:var(--active, 0);transition:opacity var(--transition)}.particle{fill:#fff;width:calc(var(--size, .25) * 1rem);aspect-ratio:1;position:absolute;top:calc(var(--y) * 1%);left:calc(var(--x) * 1%);opacity:var(--alpha, 1);animation:float-out calc(var(--duration, 1) * 1s) calc(var(--delay) * -1s) infinite linear;transform-origin:var(--origin-x, 1000%) var(--origin-y, 1000%);z-index:-1;animation-play-state:var(--play-state, paused)}.particle path{fill:#e6e6e6;stroke:none}.particle:nth-of-type(2n){animation-direction:reverse}@keyframes float-out{to{rotate:360deg}}.text{translate:2% -6%;letter-spacing:.01ch;color:#fff;transition:background var(--transition)}.button-resume svg{inline-size:1.25em;translate:-25% -5%}@media screen and (min-width: 1440px) and (max-width: 1599px){.button-resume{margin-top:.6rem;font-size:.8rem;padding:.9em 1.3em;gap:.4rem;width:95%}}@media screen and (min-width: 376px) and (max-width: 480px){.button-resume{margin-top:.5rem;font-size:.6rem;padding:2em 1em;gap:.4rem;width:95%}}@media screen and (min-width: 965px) and (max-width: 1439px){.button-resume{margin-top:.5rem;font-size:.6rem;padding:.7em 1em;gap:.4rem;width:95%}}.experience-box{background:transparent;color:#f7f7f7;padding:30px;border-radius:15px;opacity:0;transform:translateY(30px);transition:opacity .5s ease-out,transform 1.5s ease-out;margin-bottom:20px}.experience-box p{color:#c2c2c2}.experience-box:hover{background-color:#ffffff1a;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:inset 0 0 0 1px #fff3;transform:translateY(0) scale(1.02);opacity:1;transition:background-color .4s ease,backdrop-filter .4s ease,border .4s ease,transform .4s ease,opacity .4s ease}.experience-box:hover h3{background:linear-gradient(to right,#0799b6,#86dadf 50%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:transparent;transition:background .4s ease}.experience-box:hover p{color:#fff;transition:color .4s ease}.experience-list-container{position:relative;padding-left:50px}.experience-list-container:before{content:"";position:absolute;top:0;bottom:0;left:20px;width:2px;background-color:#868686}.experience-box{position:relative}.experience-box:before{content:"";position:absolute;top:45px;left:-35px;transform:translateY(-50%);width:12px;height:12px;background-color:#25bedd;border-radius:50%;z-index:1}.experience-box.show{opacity:1;transform:translateY(0)}.experience-top-row{display:flex;gap:15px;align-items:center}.experience-logo{width:50px;height:50px;flex-shrink:0}.experience-logo img{border-radius:5px;width:100%;height:100%;object-fit:contain}.experience-header{display:flex;flex-direction:column}.experience-header h3{margin:0 0 5px;font-weight:700;display:flex;flex-direction:column;background:linear-gradient(to right,#0799b6,#86dadf 50%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:transparent}.experience-header .period{font-style:italic;font-size:.9rem;margin:0;opacity:.8}.description{margin-top:15px}@keyframes popupFadeIn{to{opacity:1;transform:translateY(0)}}@media screen and (min-width: 1440px) and (max-width: 1599px){.experience-box{padding:1rem 2rem;margin-bottom:1rem}.experience-logo{width:2rem;height:2rem}.experience-header .period{font-style:italic;font-size:.8rem}.description{font-size:.8rem}.experience-list-container:before{width:.1rem}.experience-box:before{top:2rem;left:-34px;width:.5rem;height:.5rem}}@media screen and (min-width: 376px) and (max-width: 480px){.experience-list-container h3{font-size:.85rem}.experience-box{padding:.5rem 1rem;padding-bottom:10px;margin-bottom:.4rem}.experience-logo{width:2rem;height:2rem}.experience-header .period{font-style:italic;font-size:.7rem}.description{font-size:.7rem}.experience-list-container:before{width:.1rem}.experience-box:before{top:2rem;left:-34px;width:.5rem;height:.5rem}}@media screen and (min-width: 965px) and (max-width: 1439px){.experience-list-container h3{font-size:.85rem}.experience-box{padding:.5rem 1rem;padding-bottom:10px;margin-bottom:.4rem}.experience-logo{width:2rem;height:2rem}.experience-header .period{font-style:italic;font-size:.7rem}.description{font-size:.7rem}.experience-list-container:before{width:.1rem}.experience-box:before{top:2rem;left:-34px;width:.5rem;height:.5rem}}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100vh;background-color:#000000b3;z-index:999;display:flex;align-items:center;justify-content:center;padding:20px}.modal-content{background-color:#fff;border-radius:12px;width:100%;max-width:900px;max-height:95vh;overflow-y:auto;position:relative;box-shadow:0 8px 20px #0000004d;overflow:hidden}.close-button{position:absolute;top:15px;right:20px;font-size:28px;background:transparent;border:none;color:#333;cursor:pointer;z-index:10}.close-button:hover{color:#000}.contact-me{background:linear-gradient(to top,#22577a,#22577a,#2b8a8b,#38a3a5),url(https://transparenttextures.com/patterns/asfalt-dark.png);background-blend-mode:overlay;background-size:cover,300px;background-repeat:no-repeat,repeat;text-align:center;padding:60px 20px}.contact-container{max-width:1200px;margin:0 auto}.contact-title h2{-webkit-text-fill-color:#ffffff;font-size:36px;color:#fff!important;margin-bottom:10px}.contact-me p{font-size:18px;color:#fff;margin-bottom:40px}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:start}.contact-form,.whatsapp-contact{align-items:center;background:#fff;border-radius:10px;padding:20px 30px;box-shadow:0 4px 10px #0000001a;text-align:left;height:100%}.whatsapp-contact{display:flex;flex-direction:column;align-items:center;text-align:center}.contact-form h3,.whatsapp-contact h3{text-align:center;font-size:24px;color:#004d4b;margin-bottom:15px}.form-group{position:relative;margin-bottom:20px}.form-group label{display:block;font-size:16px;color:#333;margin-bottom:5px;transition:color .3s ease,transform .3s ease}.form-group input,.form-group textarea{justify-self:right;width:90%;padding:10px;border:1px solid #ddd;background-color:#ffffff73;border-radius:5px;font-size:16px;transition:border-color .3s ease,box-shadow .3s ease;outline:none}.form-group input:hover,.form-group textarea:hover{border-color:#004d4b}.form-group input:focus,.form-group textarea:focus{border-color:#004d4b;box-shadow:0 4px 10px #004d4b33}.form-group input:focus~label,.form-group textarea:focus~label{color:#004d4b;transform:translateY(-20px);font-size:14px}.form-group textarea{resize:vertical}.form-group input::placeholder,.form-group textarea::placeholder{opacity:0;transition:opacity .3s ease}.form-group input:focus::placeholder,.form-group textarea:focus::placeholder{opacity:1}.submit-button{justify-self:center;background-color:#004d4b;width:50%;color:#fff;padding:10px 20px;border:none;border-radius:5px;font-size:16px;cursor:pointer;transition:background .3s ease}.submit-button:hover{background-color:#00373a}.whatsapp-contact p{text-align:center;font-size:16px;margin-bottom:15px;color:#333}.whatsapp-contact img{align-items:center;width:auto;height:195px}.whatsapp-link{align-self:auto;display:inline-flex;align-items:center;gap:10px;font-size:18px;color:#25d366;text-decoration:none}.whatsapp-link:hover{text-decoration:underline}.whatsapp-link i{font-size:24px}.contact-design svg{width:100%;height:auto;margin-top:50px}@media screen and (min-width: 1440px) and (max-width: 1599px){.contact-me h2{font-size:2rem}.contact-me p{font-size:.8rem}.contact-form h3,.whatsapp-contact h3{font-size:1.2rem}.form-group label,.submit-button{font-size:.8rem}.whatsapp-contact img{height:150px}}@media screen and (min-width: 376px) and (max-width: 480px){.modal-overlay{padding:0}.modal-content{width:80vw;height:80vh;overflow-y:auto}.contact-grid{grid-template-columns:1fr;gap:100px}}@media screen and (min-width: 965px) and (max-width: 1439px){.modal-content{width:70%;height:70%}.contact-me{padding-top:20px}.contact-me h2{font-size:1.2rem}.contact-me p{font-size:.6rem;margin-bottom:10px}.contact-form h3,.whatsapp-contact h3{font-size:1rem}.form-group label{font-size:.7rem}.form-group input{height:10px;font-size:10px}.form-group textarea{height:40px;font-size:10px}.contact-container{width:80%;height:70%}.contact-form,.whatsapp-contact{padding:5px 20px}.submit-button{padding:6px;font-size:.8rem}.whatsapp-contact img{height:100px}}.project-section{position:relative;z-index:1;background:radial-gradient(ellipse at left,#22577a,#22577a,#2b8a8b,#38a3a5);width:100vw;height:150vh;box-sizing:border-box;overflow:hidden}.project-section:before{content:"";background-color:transparent;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 600 600'%3E%3Cfilter id='a'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.2' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23a)'/%3E%3C/svg%3E");background-repeat:repeat;background-size:182px;opacity:.12;top:0;left:0;position:absolute;width:100%;height:100%;z-index:0}.scroll-container{height:100vh;overflow-y:scroll;perspective:1200px;display:flex;justify-content:flex-end;align-items:center;padding-right:120px;overflow-x:hidden;scroll-behavior:smooth}.scroll-container::-webkit-scrollbar{width:6px}.scroll-container::-webkit-scrollbar-track{background:transparent}.scroll-container::-webkit-scrollbar-thumb{background-color:#ffffff4d;border-radius:10px}.scroll-container::-webkit-scrollbar-thumb:hover{background-color:#ffffff80}.tilted-list{height:100vh;justify-content:center;transform-style:preserve-3d;transform-origin:right center;display:flex;flex-direction:column;align-items:flex-end;gap:20px;width:auto}.right-line{content:"";position:absolute;right:-100;width:10px;height:70%;background-color:#fff;transform:skewY(30deg);box-shadow:2px 2px 10px #00000080;border-radius:200px;transition:opacity .3s ease}.right-line.hide-line{opacity:0;pointer-events:none}.tilted-item{font-size:100px;font-weight:900;color:#f0f0f0;text-transform:uppercase;margin:0 70px 0 0;text-align:right;transform-style:preserve-3d;transition:transform .3s ease,color .3s ease,-webkit-text-stroke .3s ease,text-shadow .3s ease;text-shadow:2px 2px 10px rgba(0,0,0,.5);transform-origin:right center;transform:rotateY(-30deg)}.tilted-item:not(.active-item):hover{color:transparent;-webkit-text-stroke:2px #f0f0f0;transform:rotateY(-30deg) scale(1.1) translateZ(40px);z-index:3;text-shadow:none;cursor:pointer}.tilted-item.active-item{color:#004d4a;text-shadow:none;z-index:13;position:absolute;margin-right:2rem;top:3rem}.tilted-item.active-item:hover{-webkit-text-stroke:none;transform:rotateY(0) scale(1.2) translateZ(0);text-shadow:none;cursor:default;pointer-events:auto}.tilted-item,.tilted-item:hover{cursor:pointer;-webkit-user-select:none;user-select:none}.project-grid{display:grid;grid-template-columns:1fr 1fr;height:100vh;width:100vw}.project-left,.project-right{background-color:transparent}.project-left{padding:40px}.project-details-container{height:100%;background-color:#22577a}.project-container{position:relative}.project-title-overlay{position:absolute;color:#69b5c899;font-size:250px;font-weight:900;bottom:10px;left:10px;z-index:0;text-align:left;perspective:1000px;transform-style:preserve-3d;white-space:nowrap}.project-text-overlay{width:600px;position:absolute;color:#ffffff1e;font-size:25px;font-weight:600;top:10px;left:30px;z-index:0}.project-glass-container{position:absolute;width:90%;height:80%;background:#f0f8ff;border-radius:20px;backdrop-filter:blur(25px);-webkit-backdrop-filter:blur(25px);box-shadow:0 4px 30px #0000001a,inset 0 0 60px #ffffffa8;display:flex;justify-content:start;color:#fff;font-weight:300;text-align:center;font-size:1.5rem;padding:3rem 2rem;top:50%;left:50%;transform:translate(-50%,-50%);overflow:hidden;opacity:0;transition:opacity .6s ease;z-index:-1;pointer-events:none}.project-glass-container.fade-in{opacity:1;z-index:-1;pointer-events:auto}.project-glass-container.fade-out{opacity:0;z-index:-1;pointer-events:none}@keyframes fadeIn{0%{opacity:0;transform:translate(-50%,-60%)}to{opacity:1;transform:translate(-50%,-50%)}}@keyframes fadeOut{0%{opacity:1;transform:translate(-50%,-50%)}to{opacity:0;transform:translate(-50%,-60%)}}.project-active-content{position:absolute;width:90%;height:80%;top:50%;left:50%;transform:translate(-50%,-50%);text-align:left;padding:3rem 2rem;padding-bottom:50px;overflow:hidden}.close-project-details{background-color:#db7171;position:absolute;top:50px;left:50px}.fancy-button2{width:50px;height:50px;position:absolute;right:5.5rem;top:6.5rem;margin-top:-50px;margin-right:-50px;background-color:transparent;border:2px solid #22577a;border-radius:50px;opacity:1;cursor:pointer;transition:all .4s cubic-bezier(.215,.61,.355,1);display:flex;justify-content:center;align-items:center;padding:0}.fancy-button2>span{background-color:#004d4b;display:flex;justify-content:space-between;position:absolute;top:50%;left:8px;width:32px;height:6px;border-radius:6px;margin-top:-3px;transition:all .4s cubic-bezier(.215,.61,.355,1)}.fancy-button2:hover{border:2px solid #e02f64}.fancy-button2>.left{transform:rotate(45deg);transform-origin:center}.fancy-button2>.right{transform:rotate(-45deg);transform-origin:center}.fancy-button2>span>span{display:block;background-color:#004d4b;width:6px;height:6px;border-radius:6px;position:absolute;top:0;left:0;transition:all .4s cubic-bezier(.215,.61,.355,1)}.fancy-button2>.left .circle-left{margin-left:0}.fancy-button2>.left .circle-right{margin-left:26px}.fancy-button2>.right .circle-left{margin-left:0}.fancy-button2>.right .circle-right{margin-left:26px}.fancy-button2:hover>span{background-color:#e02f64}.fancy-button2:hover>span>span{background-color:#c90011}.fancy-button2:hover>.left .circle-left{margin-left:26px}.fancy-button2:hover>.left .circle-right{margin-left:0}.fancy-button2:hover>.right .circle-left{margin-left:26px}.fancy-button2:hover>.right .circle-right{margin-left:0}@media screen and (min-width: 1440px) and (max-width: 1599px){.scroll-container{padding-right:6rem}.right-line{width:.4rem}.tilted-item{font-size:4rem;margin-right:3rem}.tilted-item .active{position:absolute;top:10vh}.project-title-overlay{font-size:13rem;left:4rem}.fancy-button2{width:40px;height:40px;right:5.5rem;top:6.5rem}.fancy-button2>span{left:9px;width:20px;height:5px}.fancy-button2>span>span{width:0}}@media screen and (max-width: 376px){.project-section{height:100vh;padding-top:2rem}.project-title-overlay{color:#ffffff86;position:relative;font-size:3.5rem;text-align:center;margin-bottom:2rem}.scroll-container{width:100%;display:flex;align-items:flex-start;height:100vh;padding-right:0}.tilted-list{display:flex;transform-style:unset;flex-direction:column;justify-content:space-between;height:55%;padding-right:1rem}.right-line{height:100%;width:5px}.tilted-item{font-size:2rem;margin-right:2rem}}@media screen and (min-width: 376px) and (max-width: 480px){.project-glass-container{position:absolute;max-width:unset;width:100vw;border-radius:40px;height:100%;font-size:1.5rem;padding:3rem 2rem;top:50%;left:50%;transform:translate(-50%,-50%);overflow:hidden;opacity:0;transition:opacity .6s ease;z-index:-1;pointer-events:none}.project-active-content{position:absolute;width:90%;height:90%;text-align:left;padding:0rem;padding-bottom:50px;overflow:hidden}.project-section{height:100vh;padding-top:2rem}.project-title-overlay{color:#ffffff86;position:relative;font-size:3.5rem;text-align:center;margin-bottom:1rem}.scroll-container{width:100%;display:flex;align-items:flex-start;height:100vh;padding-right:0;overflow-y:hidden}.tilted-list{display:flex;transform-style:unset;flex-direction:column;justify-content:space-between;height:55%;padding-right:1rem}.right-line{height:100%;width:5px}.tilted-item{font-size:2rem;margin-right:2rem}.tilted-item.active-item{position:relative;font-size:1.5rem;padding-right:0;margin:0;top:1.5rem;right:1rem}.fancy-button2{width:40px;height:40px;position:absolute;left:0rem;top:10rem;z-index:2}.fancy-button2>span{width:20px;height:5px}.fancy-button2>span>span{width:0}}@media screen and (min-width: 481px) and (max-width: 767px){.project-section{height:100vh;padding-top:2rem}.project-title-overlay{color:#ffffff86;position:relative;font-size:3.5rem;text-align:center;margin-bottom:3rem}.scroll-container{width:100%;display:flex;align-items:flex-start;height:100vh;padding-right:0}.tilted-list{display:flex;transform-style:unset;flex-direction:column;justify-content:space-between;height:55%;padding-right:1rem}.right-line{height:100%;width:5px}.tilted-item{font-size:2rem;margin-right:2rem}}@media screen and (min-width: 768px) and (max-width: 964px){.project-section{height:100vh;padding-top:2rem}.project-title-overlay{color:#ffffff86;position:relative;font-size:3.5rem;text-align:center;margin-bottom:3rem}.scroll-container{width:100%;display:flex;align-items:flex-start;height:100vh;padding-right:0}.tilted-list{display:flex;transform-style:unset;flex-direction:column;justify-content:space-between;height:55%;padding-right:1rem}.right-line{height:100%;width:5px}.tilted-item{font-size:2rem;margin-right:2rem}}@media screen and (min-width: 965px) and (max-width: 1439px){.scroll-container{padding-right:4rem}.right-line{width:.2rem}.tilted-item{font-size:2.9rem;margin-right:3rem}.project-title-overlay{font-size:8rem;left:3rem}.fancy-button2{width:40px;height:40px;position:absolute;right:4.5rem;top:5.5rem}.fancy-button2>span{width:20px;height:5px}.fancy-button2>span>span{width:0}}@media screen and (min-width: 1600px){.project-title-overlay{font-size:12rem;left:3rem}.tilted-item{font-size:5rem;margin-right:3rem}}.cop-project-description-container{position:relative;height:65%;width:90%;background:transparent;padding:25px 105px;position:absolute;top:8rem;right:0vh}.cop-project-description-container h2{position:absolute;margin-top:0;top:0;right:105px;text-align:right;color:#004d4a7c;margin-bottom:0}.top-line{width:100%;height:1px;background-color:#6fa7a5;margin:20px 0}.project-description{position:relative;justify-content:center;height:100%;padding:0 20px 20px;line-height:1.6;width:95%;margin:0 auto;color:#145f63;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:#025964 transparent}.cop-project-description-container::-webkit-scrollbar{width:6px}.cop-project-description-container::-webkit-scrollbar-track{background:transparent}.cop-project-description-container::-webkit-scrollbar-thumb{background-color:#025964;border-radius:4px}.poster-text-wrapper{margin-top:70px;display:flex;gap:20px;align-items:flex-start;justify-content:center}.poster-text-content{margin-left:20px;max-width:600px;text-align:left}.poster-text-content h3{margin-top:0;font-size:40px;font-weight:700}.product-poster{margin-top:0;justify-self:left;max-width:100%;display:flex;justify-content:center;align-items:center;margin-bottom:20px}.italic-text{font-style:italic}.poster-text-content .italic-text{margin-top:20px}.product-poster img{width:100%;height:auto;border-radius:16px;transition:transform .3s ease}.mockup-row-container{width:100%;display:flex;justify-content:center;gap:20px;overflow-x:auto;padding:20px 0;scroll-padding:20px}.product-mockup{flex:0 0 auto;display:flex;justify-content:center;align-items:center}.product-mockup img{height:450px;border-radius:16px;transition:transform .3s ease}.product-mockup img:hover{transform:scale(1.05)}.project-details{padding:40px}.project-description p{text-align:left;font-size:1em;color:#161616;margin:0}.project-description ul{text-align:left;font-size:1em;color:#161616;margin:0;padding-left:20px;list-style-type:disc}.game-project{margin-top:40px;padding:20px;background-color:#0259641a;border-radius:12px;box-shadow:0 2px 10px #0000004d}.game-project-row{display:flex;flex-direction:row;gap:24px;margin:10px auto;max-width:1200px;padding:20px;align-items:flex-start;flex-wrap:wrap}.video-container{flex:1 1 45%;aspect-ratio:16 / 9;border-radius:12px;overflow:hidden}.video-container{position:relative;background-color:#ccc}.video-placeholder{position:absolute;top:0;right:0;bottom:0;left:0;background-color:#ccc;border-radius:12px;z-index:1;transition:opacity .3s ease}.video-placeholder.hidden{opacity:0;pointer-events:none}.portfolio-video{width:100%;height:100%;object-fit:cover;pointer-events:none;border-radius:12px}.game-info{flex:1 1 50%;color:#fff}.game-info h3{color:#145f63;font-size:1.6em;margin-bottom:10px}.game-info ul{padding-left:20px;margin-bottom:10px;list-style-type:disc}.game-info p{line-height:1.6}.game-projects-wrapper{display:flex;flex-direction:column;gap:10px}.game-projects-wrapper .game-divider{width:100%;background:#e9e9e9}.game-divider{justify-self:center;height:1px;width:60%;background:#6fa7a5;margin:10px 0}.trusted-by-container{background:#22577a;border-radius:20px;padding:40px 80px;box-shadow:0 4px 12px #0000001a;margin-bottom:30px}.trusted-by-header{font-size:20px;font-weight:600;color:#c7f9cc;text-transform:uppercase;letter-spacing:1px;margin-bottom:15px;text-align:left}.trusted-by-content{display:flex;justify-content:space-between;align-items:center;gap:20px}.tech-icon{font-size:2rem;color:#fff;margin-bottom:5px}.trusted-by-data{display:flex;flex-direction:column;align-items:flex-start;gap:0px}.trusted-by-items{display:flex;gap:30px;align-items:center}.trusted-by-item{display:flex;flex-direction:column;align-items:center;min-width:80px}.trusted-by-number{font-size:24px;font-weight:700;color:#f8f8f8}.trusted-by-label{font-size:14px;color:#f8f8f8;margin-top:5px;text-align:center}.tech-logo{height:40px;width:auto;margin-bottom:5px}.title-snapshots{margin-top:50px;font-size:40px;font-weight:600;text-align:center}@media screen and (min-width: 1440px) and (max-width: 1599px){.cop-project-description-container{padding:25px 4rem;top:7rem}.cop-project-description-container h2{right:6rem}.trusted-by-container{padding:1.4rem 3rem;margin-bottom:1rem}.trusted-by-items{gap:.6rem}.trusted-by-header{font-size:1.3rem;letter-spacing:1px}.trusted-by-number{font-size:1.6rem}.trusted-by-label{font-size:1rem}.project-description p{line-height:1.2rem;font-size:.9rem}.tech-icon{font-size:1.5rem}.poster-text-content h3{font-size:1.7rem}.product-mockup img{height:23rem}.title-snapshots{font-size:1.7rem}.project-description li{margin-bottom:.5em}.game-info li{font-size:.9rem}}@media screen and (min-width: 376px) and (max-width: 480px){.cop-project-description-container{padding:1rem;top:8rem;z-index:0}.cop-project-description-container h2{top:0rem;font-size:1rem;top:.3rem;right:1rem}.trusted-by-container{padding:2rem;margin-bottom:.5rem}.trusted-by-header{text-align:center;font-size:1rem;letter-spacing:1px}.trusted-by-number{font-size:1rem}.trusted-by-label{font-size:.7rem}.trusted-by-data,.trusted-by-label{text-align:left}.trusted-by-content{flex-direction:column}.trusted-by-items{gap:.4rem;justify-content:space-around;width:100%;flex-wrap:wrap}.project-description p{line-height:1rem;font-size:.7rem}.tech-icon{font-size:1rem}.poster-text-wrapper{display:unset}.poster-text-content h3{font-size:1.5rem}.title-snapshots{font-size:1.4rem;margin-bottom:1rem}.mockup-row-container{display:unset}.product-mockup img{width:80%;height:auto;margin-bottom:20px}.project-description li{margin-bottom:.4em}.game-info li{font-size:.7rem}.game-project-row{align-items:center}.project-description{height:100%;width:unset}}@media screen and (min-width: 481px) and (max-width: 767px){.cop-project-description-container{padding:1rem;top:8rem;z-index:0}.cop-project-description-container h2{top:0rem;font-size:1rem;top:.3rem;right:1rem}.trusted-by-container{padding:2rem;margin-bottom:.5rem}.trusted-by-header{text-align:center;font-size:1rem;letter-spacing:1px}.trusted-by-number{font-size:1rem}.trusted-by-label{font-size:.7rem}.trusted-by-data,.trusted-by-label{text-align:left}.trusted-by-content{flex-direction:column}.trusted-by-items{gap:.4rem;justify-content:space-around;width:100%;flex-wrap:wrap}.project-description p{line-height:1rem;font-size:.7rem}.tech-icon{font-size:1rem}.poster-text-wrapper{display:unset}.poster-text-content h3{font-size:1.5rem}.title-snapshots{font-size:1.4rem;margin-bottom:1rem}.mockup-row-container{display:unset}.product-mockup img{width:80%;height:auto;margin-bottom:20px}.project-description li{margin-bottom:.4em}.game-info li{font-size:.7rem}.game-project-row{align-items:center}.project-description{height:100%;width:unset}}@media screen and (min-width: 768px) and (max-width: 964px){.cop-project-description-container{padding:1rem;top:8rem;z-index:0}.cop-project-description-container h2{top:0rem;font-size:1rem;top:.3rem;right:1rem}.trusted-by-container{padding:2rem;margin-bottom:.5rem}.trusted-by-header{text-align:center;font-size:1rem;letter-spacing:1px}.trusted-by-number{font-size:1rem}.trusted-by-label{font-size:.7rem}.trusted-by-data,.trusted-by-label{text-align:left}.trusted-by-content{flex-direction:column}.trusted-by-items{gap:.4rem;justify-content:space-around;width:100%;flex-wrap:wrap}.project-description p{line-height:1rem;font-size:.7rem}.tech-icon{font-size:1rem}.poster-text-wrapper{display:unset}.poster-text-content h3{font-size:1.5rem}.title-snapshots{font-size:1.4rem;margin-bottom:1rem}.mockup-row-container{display:unset}.product-mockup img{width:80%;height:auto;margin-bottom:20px}.project-description li{margin-bottom:.4em}.game-info li{font-size:.7rem}.game-project-row{align-items:center}.project-description{height:100%;width:unset}}@media screen and (min-width: 965px) and (max-width: 1439px){.cop-project-description-container{padding:25px 4rem;top:7rem}.cop-project-description-container h2{right:5.5rem}.cop-project-description-container h2{top:-1rem;font-size:1rem}.trusted-by-container{padding:1rem 2rem;margin-bottom:.5rem}.trusted-by-items{gap:.4rem}.trusted-by-header{font-size:1rem;letter-spacing:1px}.trusted-by-number{font-size:1rem}.trusted-by-label{font-size:.7rem}.project-description p{line-height:1rem;font-size:.7rem}.tech-icon{font-size:1rem}.poster-text-content h3{font-size:1.5rem}.product-mockup img{height:15rem}.title-snapshots{font-size:1.4rem}.project-description li{margin-bottom:.4em}.game-info li{font-size:.7rem}.game-project-row{align-items:center}.project-description{height:55vh}}.project-description-container{width:100%;border-color:#000;border-width:1px;border-style:solid;margin-top:150px;overflow-y:auto}.buddyguard-container{display:flex;flex-wrap:wrap;gap:40px;max-width:1200px;margin:auto;padding:20px;align-items:flex-start;color:#e0f2f1}.buddyguard-description{flex:1 1 500px;min-width:300px}.buddyguard-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}.buddyguard-card{background:#0000004d;padding:20px;border-radius:14px;box-shadow:0 8px 15px #02596466;transition:box-shadow .3s ease;cursor:default}.buddyguard-card:hover{box-shadow:0 12px 25px #025964b3}.buddyguard-card h3{font-size:1.3rem;margin-bottom:12px;color:#81c784;font-weight:600;border-bottom:1px solid #81c784;padding-bottom:8px}.buddyguard-poster{margin-top:40px;flex:1 1 450px;min-width:300px;display:flex;justify-content:center;align-items:center}.buddyguard-poster img{width:100%;max-width:450px;border-radius:20px;border:solid 1px #c0c0c0}@media (max-width: 768px){.buddyguard-container{flex-direction:column;gap:30px}.buddyguard-description,.buddyguard-poster{flex:1 1 100%;min-width:unset}.buddyguard-description h2{font-size:1.8rem}}.projects-grid-wrapper{display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;padding:20px 0}.projects-info-container{position:relative;width:300px;aspect-ratio:160/127;text-align:left;margin-bottom:40px}.shape-outline{position:absolute;width:100%;height:100%;fill:none;stroke:#000;stroke-width:.5px}.content-wrapper{padding:20px;height:100%;position:relative;display:grid;grid-template-rows:auto 1fr;text-align:left}.info-description{position:relative;top:10px}.info-dot{position:absolute;top:0;right:0;width:30px;height:30px;background-color:#145f63;border-radius:50%;z-index:2}.info-title{font-size:24px;font-weight:700;text-transform:uppercase;margin-bottom:20px;margin-top:0;position:relative;text-align:left;z-index:1;line-height:1.1}.info-description{text-align:left;font-size:14px;line-height:1.5;margin:0;position:relative;z-index:1}@media screen and (min-width: 1440px) and (max-width: 1599px){.projects-grid-wrapper{gap:1rem;padding:1rem 0}.projects-info-container{position:relative;width:16rem}.shape-outline{stroke-width:.4px}.info-dot{width:1.6rem;height:1.6rem}.info-title{font-size:1.3rem;margin-bottom:1rem}.info-description{font-size:.8rem;line-height:1}}@media screen and (min-width: 376px) and (max-width: 480px){.buddyguard-poster img{max-width:100%!important;margin-bottom:40px}}@media screen and (min-width: 965px) and (max-width: 1439px){.projects-grid-wrapper{gap:1rem;padding:1rem 0;justify-content:center}.projects-info-container{position:relative;width:14rem}.shape-outline{stroke-width:.2px}.info-dot{width:1.6rem;height:1.6rem}.info-title{font-size:1rem;margin-bottom:.5rem}.info-description{font-size:.5rem;line-height:1}}.ads-like{display:flex;flex-wrap:wrap;gap:2em;align-items:center;max-width:80%;margin:20px auto 100px}.left-image-project{flex:1;width:50%}.media-container{display:flex;gap:1em;align-items:center;justify-content:center}.media-container video,.media-container img{height:100%;max-width:50%;border-radius:12px}.media-container video{max-width:60%}.right-text-project{padding-left:100px;flex:1;min-width:50%;text-align:left}.UMAR-h2{color:#161616;position:relative;margin:.5em 0;text-align:left;font-size:4em;line-height:1.2;font-weight:500}.right-text-project h3{color:#161616;text-align:left}.right-text-project span{font-weight:700;color:#145f63}.right-text-project strong{font-size:1.2em!important;font-weight:700;color:#145f63}.right-text-project p{text-align:justify;font-size:1.2em;color:#161616;margin:0}.view-pdf-button{display:inline-block;margin-top:2em;padding:1.5em 3em;font-size:1em;background-color:#00373a;color:#fff;text-decoration:none;border-radius:8px;transition:background-color .3s ease;margin-left:0}.view-pdf-button:hover{background-color:#005c61}.view-product-button{display:inline-block;margin-top:1.5em;padding:.75em 1.5em;font-size:1em;background-color:#00373a;color:#fff;text-decoration:none;border-radius:8px;transition:background-color .3s ease}.view-product-button:hover{background-color:#005c61}.bottom-project-container{border-top:4px solid #ffffff;display:grid;grid-template-columns:1fr 1fr;gap:40px;max-width:100%;margin:0 auto 40px;color:#fff;padding:0 20px 20px}.bottom-project-container p{line-height:1.6}.bottom-project-container h3{color:#145f63;font-size:24px;margin-bottom:10px}.bottom-project-container ul{list-style:disc inside;margin-top:10px;padding-left:20px}.ads-like a{margin-right:20px;display:inline-block;background-color:#005c61;color:#ececec;padding:12px 24px;border-radius:999px;font-weight:700;text-decoration:none;box-shadow:0 4px 10px #0000004d;transition:all .3s ease-in-out;margin-top:40px}.ads-like a:hover{background-color:#07979e;transform:scale(1.05) translateY(-3px)}@media (max-width: 768px){.bottom-project-container{grid-template-columns:1fr}}@media screen and (min-width: 1440px) and (max-width: 1599px){.UMAR-h2{margin:.5rem 0;font-size:2.9rem;line-height:1}.right-text-project h3{font-size:1.3rem}.right-text-project strong{font-size:1rem!important}.right-text-project p{font-size:1rem}.view-pdf-button{font-size:.9rem}.view-pdf-button:hover{background-color:#005c61}.ads-like a{font-size:.9rem;font-weight:500}.bottom-project-container li{font-size:.9rem;margin-bottom:.4rem}}@media screen and (min-width: 376px) and (max-width: 480px){.project-description-container{width:100%}.UMAR-h2{margin:.5rem 0;font-size:2rem;line-height:1}.left-image-project{width:100%}.right-text-project{padding-left:0;padding-bottom:2rem}.right-text-project h3{font-size:.8rem}.right-text-project strong{font-size:.8rem!important}.right-text-project p{font-size:.8rem}.view-pdf-button{font-size:.4rem}.view-pdf-button:hover{background-color:#005c61}.ads-like{display:unset}.ads-like a{padding:1rem;font-size:.6rem;font-weight:400;margin:1rem .5rem .5rem}.bottom-project-container{gap:1rem}.bottom-project-container li{font-size:.7rem;margin-bottom:.4rem}}@media screen and (min-width: 965px) and (max-width: 1439px){.UMAR-h2{margin:.5rem 0;font-size:2rem;line-height:1}.right-text-project h3{font-size:.8rem}.right-text-project strong{font-size:.8rem!important}.right-text-project p{font-size:.8rem}.view-pdf-button{font-size:.4rem}.view-pdf-button:hover{background-color:#005c61}.ads-like a{padding:1rem;font-size:.6rem;font-weight:400}.bottom-project-container li{font-size:.7rem;margin-bottom:.4rem}}.website-container{position:relative;width:100%;max-width:1500px;height:700px;margin:40px auto;border:2px solid #ccc;border-radius:16px;overflow:hidden;box-shadow:0 8px 24px #00000026}.project-description-container{margin-top:150px;overflow-y:auto}.design-section{position:relative;z-index:1;background:#1b2735;width:100vw;height:150vh;box-sizing:border-box;padding-top:20px;padding-left:50px;padding-right:50px;overflow:hidden}.design-section:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:url(https://cdn.haziqhudzairy.my/design_background.png);background-size:cover;background-repeat:no-repeat;background-position:center;opacity:.35;z-index:0;pointer-events:none}.design-section:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at bottom,#1b2735,#22577a);z-index:-1}.design-section>*{position:relative;z-index:1}.design-title-overlay{margin-top:-40px;justify-self:center;color:#ffffff50;font-size:250px;font-weight:900;z-index:0}.design-section h2{margin-top:-10px;margin-bottom:30px;justify-self:center;font-weight:400;color:#ffffffe1}.design-card-wrapper{display:flex;justify-content:center;gap:40px;flex-wrap:wrap}.design-card{width:350px;background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:16px;box-shadow:0 8px 24px #0009;overflow:hidden;display:flex;flex-direction:column;transition:transform .3s ease}.design-card:hover{transform:translateY(-5px)}.design-image-container{position:relative;height:250px;overflow:hidden}.design-image-container img{width:100%;height:100%;object-fit:cover}.image-fade{position:absolute;bottom:0;width:100%;height:40%;background:linear-gradient(to bottom,transparent,#1B2735)}.design-text{padding:1.5rem;color:#f0f0f0;text-align:left}.design-text h3{font-size:1.2rem;margin-bottom:.5rem;color:#62bbc0}.design-text p{font-size:.95rem;line-height:1.5;color:#d1dbe8}.card-container{font-family:Inter,sans-serif;position:relative;display:block;width:100%;max-width:380px;aspect-ratio:9 / 15.5;max-height:500px;border-radius:1.75rem;overflow:hidden;background-size:cover;background-position:center;box-shadow:0 0 0 2px #66a3ff66,0 0 25px 8px #66faff26;transform-style:preserve-3d;transition:transform .6s cubic-bezier(.23,1,.32,1),box-shadow .4s ease-out,background-size 1.5s ease-out;cursor:grab;will-change:transform,box-shadow,background-size}.card-container:hover{box-shadow:0 0 0 3px #66d4ff99,0 0 35px 12px #66ffe640}.inner-border-overlay{position:absolute;top:14px;right:14px;bottom:14px;left:14px;border-radius:1.375rem;pointer-events:none;z-index:10;box-shadow:inset .5px .5px 1.5px #b4eaff99,inset -1px -1px 1px #0058a080,inset 3px 3px 6px #00000040;border:1px solid rgba(102,219,255,.1)}.content-area{position:absolute;top:14px;right:14px;bottom:14px;left:14px;border-radius:1.375rem;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end;z-index:5}.elevation-badge{position:absolute;top:1rem;right:1rem;background:#facc15d9;border-radius:9999px;padding:.5rem 1rem;color:#422006;font-size:.75rem;font-weight:600;letter-spacing:.025em;display:flex;align-items:center;gap:.5rem;box-shadow:0 2px 10px #0003;border:1px solid rgba(255,255,255,.3);z-index:25}.gradient-overlay{position:absolute;bottom:0;left:0;right:0;height:75%;background:linear-gradient(to top,rgba(10,10,10,.9) 0%,rgba(10,10,10,.65) 50%,transparent 100%);pointer-events:none;z-index:15}.text-block{position:relative;z-index:20;color:#f8fafc;text-align:center;text-shadow:0 2px 4px rgba(0,0,0,.5)}.text-block p{font-size:25px;font-weight:600;color:#fff}.mountain-icon{width:1.5em;height:1.5em;fill:currentColor;opacity:.8;vertical-align:middle;margin-bottom:-.1em}.tour-button{background:linear-gradient(145deg,#22577a,#38a3a5);color:#fcfcfc;font-weight:600;padding:.75rem 1.75rem;border-radius:15px;text-align:center;width:auto;min-width:190px;max-width:85%;margin:1rem auto 0;transition:all .3s ease;border:none;box-shadow:inset 2px 2px 4px #0060a099,inset -2px -2px 4px #c8eeff80,0 1px 2px #0000001a;display:flex;align-items:center;justify-content:center;gap:.75rem;letter-spacing:.025em;z-index:25;margin-top:-10px;margin-bottom:20px}.tour-button:hover{background:linear-gradient(145deg,#3176a5,#44c8ca);color:#fff}.tour-button:active{background:linear-gradient(145deg,#3f9ad6,#4feaec);box-shadow:inset -2px -2px 4px #0053a099,inset 2px 2px 4px #c8e9ff80,0 0 #0000;transform:translateY(0)}.font-serif-display{font-family:Playfair Display,serif}.portfolio-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-auto-rows:1fr;gap:20px;max-width:1200px;margin:20px auto 0}.portfolio-section strong{font-size:1.3rem;color:#004d4b}.portfolio-section p{text-align:justify;font-family:Roboto,sans-serif;font-size:18px;color:#555;line-height:1.6;margin:0 10%}.grid-item{position:relative;overflow:hidden;border-radius:10px;box-shadow:0 4px 10px #0000001a}.grid-item img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.grid-item:hover img{transform:scale(1.05)}.grid-item.square{grid-column:span 1;grid-row:span 1}.grid-item.horizontal{grid-column:span 2;grid-row:span 1}.grid-item.long-horizontal{grid-column:span 3;grid-row:span 1}.grid-item.vertical{grid-column:span 2;grid-row:span 2}.grid-item.vid{grid-column:span 2;grid-row:span 3}.portfolio-a4-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-auto-rows:1fr;gap:20px;max-width:1200px;margin:20px auto 0}.grid-itema4{position:relative;overflow:hidden;border-radius:10px;box-shadow:0 4px 10px #0000001a}.grid-itema4 img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.grid-itema4.a4{grid-column:span 1.5;grid-row:span 2}.grid-itema4:hover img{transform:scale(1.05)}.fancy-button{width:50px;height:50px;position:absolute;right:6%;top:10%;margin-top:-50px;margin-right:-50px;background-color:#f0f8ff;border-radius:50px;opacity:1;border:2px solid #22577a;cursor:pointer;transition:all .4s cubic-bezier(.215,.61,.355,1);display:flex;justify-content:center;align-items:center;padding:0}.fancy-button:hover{border:2px solid #e02f64}.fancy-button>span{background-color:#004d4b;display:flex;justify-content:space-between;position:absolute;top:50%;left:8px;width:32px;height:6px;border-radius:6px;margin-top:-3px;transition:all .4s cubic-bezier(.215,.61,.355,1)}.fancy-button>.left{transform:rotate(45deg);transform-origin:center}.fancy-button>.right{transform:rotate(-45deg);transform-origin:center}.fancy-button>span>span{display:block;background-color:#004d4b;width:6px;height:6px;border-radius:6px;position:absolute;top:0;left:0;transition:all .4s cubic-bezier(.215,.61,.355,1)}.fancy-button>.left .circle-left{margin-left:0}.fancy-button>.left .circle-right{margin-left:26px}.fancy-button>.right .circle-left{margin-left:0}.fancy-button>.right .circle-right{margin-left:26px}.fancy-button:hover>span{background-color:#e02f64}.fancy-button:hover>span>span{background-color:#c90011}.fancy-button:hover>.left .circle-left{margin-left:26px}.fancy-button:hover>.left .circle-right{margin-left:0}.fancy-button:hover>.right .circle-left{margin-left:26px}.fancy-button:hover>.right .circle-right{margin-left:0}@media screen and (min-width: 1440px) and (max-width: 1599px){.design-title-overlay{font-size:12rem}.design-section h2{font-size:1.2rem}.card-container{max-width:20rem;max-height:24rem}.inner-border-overlay,.content-area{top:10px;right:10px;bottom:10px;left:10px}.gradient-overlay{height:50%}.text-block p{font-size:1.2rem}.tour-button{padding:.5rem 1.4rem;min-width:10rem;max-width:80%;font-size:.8rem}.portfolio-grid{width:85%}.portfolio-a4-grid{display:grid;width:85%}.fancy-button{right:10%;top:15%}}@media screen and (max-width: 375px){.design-section{height:auto;padding-bottom:100px}}@media screen and (min-width: 376px) and (max-width: 480px){.design-section{height:auto;padding-bottom:100px}.design-title-overlay{font-size:5rem;margin:1rem}.design-section h2{font-size:.8rem;text-align:center}.card-container{max-width:80vw;max-height:20vh}.inner-border-overlay,.content-area{top:5px;right:5px;bottom:5px;left:5px}.gradient-overlay{height:50%}.text-block p{font-size:1rem}.tour-button{padding:.5rem 1.4rem;min-width:10rem;max-width:80%;font-size:.8rem}.portfolio-grid{width:90%;grid-template-columns:1fr}.grid-item.square,.grid-item.horizontal,.grid-item.long-horizontal{grid-column:span 3;grid-row:span 1}.portfolio-a4-grid{width:90%;grid-template-columns:1fr}.fancy-button{width:40px;height:40px;position:absolute;right:5rem;top:5rem}.fancy-button>span{width:20px;height:5px}.fancy-button>span>span{width:0}}@media screen and (min-width: 481px) and (max-width: 767px){.design-section{height:auto;padding-bottom:100px}.card-container{max-width:80vw;max-height:20vh}}@media screen and (min-width: 768px) and (max-width: 964px){.design-section{height:auto;padding-bottom:100px}.card-container{max-width:80vw;max-height:20vh}.design-title-overlay{text-align:center;font-size:5rem;margin:1rem}.design-section h2{font-size:1rem;text-align:center}.fancy-button{width:40px;height:40px;position:absolute;right:5rem;top:5rem}.fancy-button>span{width:20px;height:5px}.fancy-button>span>span{width:0}}@media screen and (min-width: 965px) and (max-width: 1439px){.design-section{padding:100px}.design-title-overlay{font-size:8rem}.design-section h2{font-size:.8rem}.card-container{max-width:15rem;max-height:20rem}.inner-border-overlay,.content-area{top:5px;right:5px;bottom:5px;left:5px}.gradient-overlay{height:50%}.text-block p{font-size:1rem}.tour-button{padding:.5rem 1.4rem;min-width:10rem;max-width:80%;font-size:.8rem}.portfolio-grid{width:85%}.portfolio-a4-grid{display:grid;width:85%}.fancy-button{width:40px;height:40px;position:absolute;right:6rem;top:18%}.fancy-button>span{width:20px;height:5px}.fancy-button>span>span{width:0}}@media screen and (min-width: 1600px){.design-section{padding:100px}.design-title-overlay{font-size:10rem}}@keyframes slideUp{0%{transform:translate(-50%,100%)}to{transform:translate(-50%)}}@keyframes slideDown{0%{transform:translate(-50%)}to{transform:translate(-50%,100%)}}.popup-modal-container{padding:20px;width:80%;height:90vh;background-color:#f0f8ff;position:absolute;bottom:-10%;left:50%;transform:translate(-50%);border-top-left-radius:20px;border-top-right-radius:20px;z-index:200;animation:slideUp .5s ease forwards;display:flex;flex-direction:column;transition:transform .3s ease,opacity .3s ease;transform:translateY(0);opacity:1}.popup-open{animation:slideUp .5s ease forwards}.popup-close{animation:slideDown .5s ease forwards}.popup-modal-container h2{align-self:center;justify-self:center;margin:0;font-size:90px;color:#004d4a7c;font-weight:900}.design-container{height:auto;overflow-y:scroll;scrollbar-width:thin;scrollbar-color:#025964 transparent;padding-bottom:80px}.design-container::-webkit-scrollbar{width:6px}.design-container::-webkit-scrollbar-track{background:transparent}.design-container::-webkit-scrollbar-thumb{background-color:#025964;border-radius:4px}.close-button{position:absolute;top:15px;right:20px;background:transparent;border:none;font-size:2rem;cursor:pointer;color:#333;font-weight:700;line-height:1}.close-button:hover{color:#007bff}.tools-container{margin:40px auto;text-align:center}.design-container h3{justify-self:center;font-size:32px;margin-bottom:20px;margin-top:0;font-weight:800;color:#004d4b}.tools-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;max-width:1200px;margin:0 auto}.tools-grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;max-width:1200px;margin:0 auto}.tool-item{text-align:center;padding:20px;background-color:#f3f9ff;border-radius:10px;box-shadow:0 4px 10px #0000001a;transition:transform .3s ease,box-shadow .3s ease}.tool-item:hover{transform:translateY(-5px);box-shadow:0 6px 15px #00000026}.tool-item img{width:50px;height:50px;margin-bottom:0}.tool-item h4{font-size:20px;margin:0;color:#333}.tool-item p{margin:0;font-size:14px;color:#666;line-height:1.5}.fade-in-element{transform-origin:center bottom;transform:scale(.8);opacity:0;transition:transform .4s ease-out,opacity .4s ease-out;will-change:transform,opacity}.fade-in-visible{transform:scale(1);opacity:1}.non-interactive-video{pointer-events:none;-webkit-user-select:none;user-select:none;width:100%;height:auto;object-fit:cover}.non-interactive-video.hidden{display:none}.spinner{position:absolute;top:50%;left:50%;width:60px;height:6px;background-color:#ccc;overflow:hidden;transform:translate(-50%,-50%);border-radius:3px}.spinner:before{content:"";display:block;height:100%;width:40%;background-color:#06768d;animation:barLoop 1.2s linear infinite;border-radius:3px}@keyframes barLoop{0%{transform:translate(-100%)}50%{transform:translate(100%)}to{transform:translate(-100%)}}img.hidden{display:none}@media screen and (min-width: 1440px) and (max-width: 1599px){.popup-modal-container h2{font-size:4.5rem}.design-container h3{font-size:2rem;margin-bottom:15px}.tools-grid,.tools-grid3{gap:15px;max-width:90%}.tool-item{padding:15px}.tool-item img{width:2.7rem;height:2.7rem}.tool-item h4{font-size:1rem}.tool-item p{font-size:.8rem}}@media screen and (min-width: 376px) and (max-width: 480px){.popup-modal-container{height:90vh;width:90vw}.popup-modal-container h2{font-size:2.5rem;padding-top:1rem}.design-container h3{font-size:1.5rem;margin-bottom:5px}.tools-grid,.tools-grid3{gap:20px;max-width:80%;grid-template-columns:1fr}.tool-item{padding:15px}.tool-item img{width:2rem;height:2rem}.tool-item h4{font-size:.8rem}.tool-item p{font-size:.7rem}}@media screen and (min-width: 481px) and (max-width: 767px){.popup-modal-container{height:90vh;width:90vw}.popup-modal-container h2{font-size:2.5rem;padding-top:1rem}.design-container h3{font-size:1.5rem;margin-bottom:5px}.tools-grid,.tools-grid3{gap:20px;max-width:80%;grid-template-columns:1fr}.tool-item{padding:15px}.tool-item img{width:2rem;height:2rem}.tool-item h4{font-size:.8rem}.tool-item p{font-size:.7rem}}@media screen and (min-width: 768px) and (max-width: 964px){.popup-modal-container{height:90vh;width:90vw}.popup-modal-container h2{font-size:2.5rem;padding-top:1rem}.design-container h3{font-size:1.5rem;margin-bottom:5px}.tools-grid,.tools-grid3{gap:20px;max-width:80%;grid-template-columns:1fr}.tool-item{padding:15px}.tool-item img{width:2rem;height:2rem}.tool-item h4{font-size:.8rem}.tool-item p{font-size:.7rem}}@media screen and (min-width: 965px) and (max-width: 1439px){.popup-modal-container{height:80vh}.popup-modal-container h2{font-size:3rem}.design-container h3{font-size:2rem;margin-bottom:5px}.tools-grid,.tools-grid3{gap:10px;max-width:90%}.tool-item{padding:15px}.tool-item img{width:2rem;height:2rem}.tool-item h4{font-size:.8rem}.tool-item p{font-size:.7rem}}.welcome-section{width:100vw;height:100vh;background:linear-gradient(to top,#fff,#38a3a5);position:relative;z-index:-2}.gradient-rows{position:absolute;top:0;left:0;width:100%;height:100vh;z-index:-1;pointer-events:none;display:flex;flex-direction:column}.row{width:100%;height:10vh;background:#38a3a5;animation:fade 5s infinite alternate}.row-1{animation-delay:4.5s}.row-2{animation-delay:4s}.row-3{animation-delay:3.5s}.row-4{animation-delay:3s}.row-5{animation-delay:2.5s}.row-6{animation-delay:2s}.row-7{animation-delay:1.5s}.row-8{animation-delay:1s}.row-9{animation-delay:.5s}.row-10{animation-delay:0s}@keyframes fade{0%{background:#38a3a5}to{background:#22577a}}.scroll-info{position:absolute;bottom:40px;right:90px;display:flex;align-items:center;gap:8px;font-family:Candara,sans-serif;color:snow;z-index:1000}@keyframes scrollDown{0%{bottom:130px}50%{bottom:140px}to{bottom:130px}}.custom-chevron{display:flex;flex-direction:column;align-items:center;gap:2px}.custom-chevron span{width:25px;height:12px;background-color:#baff29;border-bottom-left-radius:10px;border-bottom-right-radius:10px}.carousell{position:absolute;background-color:#baff29;bottom:0}.gradient-overlay-bottom{position:absolute;top:0;left:0;width:100%;height:100vh;background:radial-gradient(circle at bottom left,rgba(0,0,0,.85) 0%,rgba(0,0,0,.65) 15%,rgba(0,0,0,.2) 30%,rgba(0,0,0,.1) 40%,transparent 50%);z-index:0;pointer-events:none}.carousel-container{position:absolute;top:0;right:0;transform:translate(-50%) rotateY(-30deg) translateZ(-100px);transform-style:preserve-3d;perspective:1000px;display:flex;height:100%;width:auto;justify-content:space-between;align-items:center;z-index:0;gap:20px;overflow:hidden}.carousel-column{display:flex;flex-direction:column;gap:20px;transform-style:preserve-3d;transition:transform .5s ease}.carousel-column:hover{transform:rotateY(-35deg) scale(1.05) translateZ(60px)}.carousel-column img{width:400px;height:400px;object-fit:cover;transform:translateZ(0)}.carousel-column{display:flex;flex-direction:column;gap:20px;overflow:hidden}.carousel-column img{width:400px;height:400px;object-fit:cover}.welcome-grid{padding:40px;display:grid;height:90%;grid-template-columns:1fr 1fr;grid-template-rows:1fr auto;align-items:end}.welcome-text-container{grid-column:1;grid-row:2;display:flex;flex-direction:column;align-items:flex-start;z-index:2}.welcome-text{pointer-events:none;margin-bottom:4rem}.welcome-section h1{font-size:8rem;color:#fff;margin:1rem 0rem;font-weight:900;flex-wrap:wrap;gap:.3em}.welcome-text h1 span{white-space:pre}.welcome-section h4{font-size:40px;color:#c9e9db;margin-top:10px;margin-bottom:0;font-weight:100}.small-text{font-size:40px;vertical-align:super;font-weight:400}.welcome-section p{width:80%;font-size:1.5rem;font-weight:100;color:#c9e9db;text-align:left;margin:0}.scroll-info p{text-align:right;width:100px;font-size:15px}.spline-container{grid-column:2 / span 1;grid-row:1 / span 2;width:100%;height:100%;overflow:hidden;position:relative;z-index:1}@media screen and (min-width: 1440px) and (max-width: 1599px){.scroll-info{bottom:40px;right:60px;gap:8px}.welcome-section h1{font-size:5.5rem}.welcome-section h4{font-size:1.3rem}.welcome-section p{font-size:1rem}}@media screen and (max-width: 480px){.welcome-grid{grid-template-columns:1fr}.welcome-section{height:100vh}.gradient-overlay-bottom{background:linear-gradient(to top,rgba(0,0,0,.85) 0%,rgba(0,0,0,.65) 20%,rgba(0,0,0,.2) 40%,rgba(0,0,0,.1) 50%,transparent 60%)}.gradient-rows{width:100%;height:100%}.scroll-info{bottom:20px;left:50%;transform:translate(-50%);gap:8px;padding-bottom:70px}.custom-chevron span{width:10px;height:5px}.welcome-text-container{width:90%;padding-bottom:0}.welcome-section h1{width:100%;font-size:5vh}.welcome-section h4{width:100%;font-size:1rem}.welcome-section p{width:100%;font-size:.7rem}.scroll-info p{font-size:.5rem}}@media screen and (min-width: 481px) and (max-width: 767px){.welcome-grid{grid-template-columns:1fr}.gradient-overlay-bottom{background:linear-gradient(to top,rgba(0,0,0,.85) 0%,rgba(0,0,0,.65) 20%,rgba(0,0,0,.2) 40%,rgba(0,0,0,.1) 50%,transparent 60%)}.welcome-section{height:100vh}.gradient-rows{width:100%;height:100%}.scroll-info{bottom:20px;right:10px;gap:8px;padding-bottom:70px}.custom-chevron span{width:10px;height:5px}.welcome-text-container{width:90%;padding-bottom:0}.welcome-section h1{font-size:5rem}.welcome-section h4{font-size:1.2rem}.welcome-section p{font-size:.8rem}.scroll-info p{font-size:.5rem}}@media screen and (min-width: 768px) and (max-width: 964px){.welcome-section{height:100vh}.gradient-overlay-bottom{background:linear-gradient(to top,rgba(0,0,0,.85) 0%,rgba(0,0,0,.65) 20%,rgba(0,0,0,.2) 40%,rgba(0,0,0,.1) 50%,transparent 60%)}.gradient-rows{width:100%;height:100%}.scroll-info{bottom:20px;right:40px;gap:8px;padding-bottom:70px}.welcome-text-container{width:100%;padding-bottom:0}.welcome-section h1{font-size:3.5rem}.welcome-section h4{font-size:1.2rem}.welcome-section p{font-size:.8rem}.scroll-info p{font-size:.77rem}}@media screen and (min-width: 965px) and (max-width: 1439px){.scroll-info{bottom:20px;right:40px;gap:8px}.welcome-section h1{font-size:5rem}.welcome-section h4{font-size:1.4rem}.welcome-section p{font-size:1rem}.scroll-info p{font-size:.77rem}}@media screen and (min-width: 1600px){.welcome-section h1{font-size:6rem}.welcome-section h4,.welcome-section p{font-size:1.5rem}.scroll-info p{font-size:.77rem}}.lanyard-wrapper{position:absolute;z-index:998999;top:0;right:0;width:100%;height:100vh;display:flex;justify-content:center;align-items:center;transform:scale(1);transform-origin:center;pointer-events:auto}canvas{pointer-events:auto!important}.loader-section{position:relative;z-index:1;background-color:#22577a;width:100%;height:100%;box-sizing:border-box;overflow:hidden;padding:40px}.loader-container{position:relative;top:0;left:0;width:100%;height:100%;background-color:#22577a;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;z-index:9999;font-family:Arial Black,sans-serif;overflow:hidden;padding-bottom:40px}.logo-letter2{height:100px;width:auto;flex-shrink:0;display:flex;align-items:center;justify-content:center;padding:0;margin:0}.logo-letter2 img{height:100%;width:auto;object-fit:contain;display:block}.progress-bar{margin:-12px;position:relative;width:100%;height:100px;background-color:#c7f9cc;border-radius:2px;font-weight:700;font-size:16px;overflow:hidden}.progress-fill{height:100%;background-color:#22577a;position:absolute;right:0;top:0;width:100%}.progress-text{position:absolute;top:50%;color:#003049;font-weight:700;font-size:16px;transform:translateY(-50%) translate(-100%);-webkit-user-select:none;user-select:none;pointer-events:none}.loader-bottom-text{width:70%;color:#c7f9cc;font-size:6vw;font-weight:700;line-height:1.2;text-transform:uppercase;display:block;white-space:normal;word-break:break-word}.loader-bottom-text div{transform:rotate(180deg);break-inside:avoid}.char{display:inline-block;transform-origin:center}.progress-wrapper{display:flex;align-items:center;gap:0;width:100%}.loader-container h1{position:relative;display:inline-block;margin:0;padding:0;font-size:140px;-webkit-user-select:none;user-select:none;font-weight:700;color:#c7f9cc;line-height:1;white-space:nowrap;top:-5px}@media screen and (min-width: 1440px) and (max-width: 1599px){.logo-letter2{height:6rem;width:auto;margin-right:-1px}.progress-bar{height:6rem}.loader-container{top:15px}.loader-bottom-text{font-size:6vw;margin-bottom:40px}.loader-bottom-text div{transform:rotate(180deg);break-inside:avoid}.char{display:inline-block;transform-origin:center}.progress-wrapper{display:flex;align-items:center;gap:0;width:100%}.loader-container h1{font-size:8.35em;line-height:.9}}@media screen and (min-width: 376px) and (max-width: 480px){.progress-bar{height:4.05rem}.logo-letter2{height:4rem;width:auto;margin-right:-1px}.loader-container{top:15px}.loader-bottom-text{font-size:2rem;margin-bottom:100px}.loader-bottom-text div{transform:rotate(180deg);break-inside:avoid}.char{display:inline-block;transform-origin:center}.progress-wrapper{display:flex;align-items:center;gap:0;width:100%}.loader-container h1{font-size:5.6rem;line-height:.9}}.navbar-wrapper{position:absolute;top:30px;left:40px;font-family:Arial Black,sans-serif;font-weight:700;font-size:14px;letter-spacing:.5px;z-index:10000;width:50%}.navbar-container{display:flex;align-items:flex-start;justify-content:flex-start;height:64px;width:100%}.logo-letter{height:64px;flex-shrink:0;display:flex;align-items:center;justify-content:center;padding:0;margin:0}.logo-letter img{height:100%;width:auto;object-fit:contain;display:block}.menu-box{margin-left:0;display:flex;align-items:center;background:#fff;width:100px;height:64px;overflow:hidden;transition:width .5s ease;position:relative}.menu-button{border:none;background:none;cursor:pointer;font-size:14px;color:#22577a;padding-right:16px;white-space:nowrap}.menu-items{width:100%;display:flex;justify-content:space-evenly;margin-left:16px;gap:24px;align-items:center}.menu-items a{text-decoration:none;color:#22577a;font-weight:700;transition:color .2s;white-space:nowrap}.menu-items a:hover{color:#3a8b87}button:focus,a:focus,button:active,a:active{outline:none}.right-line-nav{margin-left:10px;border-right:solid 4px #f0f0f0;height:64px}.menu-button,.menu-items a{padding-top:2px;padding-bottom:10px;position:relative;overflow:hidden;display:inline;flex-direction:column;height:1em}.menu-button span,.menu-items a span{display:block;transition:transform .3s ease}.menu-button .original,.menu-items a .original{transform:translateY(0)}.menu-button .clone,.menu-items a .clone{position:absolute;top:0;left:0;width:100%;height:100%;transform:translateY(100%)}.menu-button{border-radius:0;padding-bottom:20px}@media screen and (min-width: 1440px) and (max-width: 1599px){.logo-letter{height:4.01rem;width:auto;margin-right:-1px}.menu-box{width:100px;height:4rem}.logo-letter{font-size:5.59rem;line-height:.65}.menu-button,.menu-items a{font-size:.8rem}.right-line-nav{border-right:solid 4px #f0f0f0}}@media screen and (max-width: 375px){.navbar-wrapper{position:fixed;width:35%}.logo-letter{height:3.01rem;width:auto}.menu-box{justify-content:center;width:100px;height:3rem;margin-right:-1px;padding:0 10px}.logo-letter{font-size:4.18446rem;line-height:.65}.menu-button{padding-left:0;font-size:.7rem;text-align:center}.menu-items a{font-size:.6rem}.right-line-nav{height:3rem;border-right:solid 2px #f0f0f0}.menu-overlay{padding-top:120px;position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#22577a;z-index:999;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;opacity:0;pointer-events:none;z-index:-1}.menu-overlay.open{pointer-events:all}.menu-overlay a{border-top:solid 1px #ffffff;font-size:1.2rem;color:#fff;padding:20px 20px 20px 45px;width:100%}}@media screen and (min-width: 376px) and (max-width: 480px){.navbar-wrapper{position:fixed;width:30%}.logo-letter{height:3.01rem;width:auto;margin-right:-1px}.menu-box{justify-content:center;width:100px;height:3rem;padding:0 10px}.logo-letter{font-size:4.18446rem;line-height:.65}.menu-button{padding-left:0;font-size:.7rem;text-align:center}.menu-items a{font-size:.6rem}.right-line-nav{height:3rem;border-right:solid 2px #f0f0f0}.menu-overlay{padding-top:120px;position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#22577a;z-index:999;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;opacity:0;pointer-events:none;z-index:-1}.menu-overlay.open{pointer-events:all}.menu-overlay a{border-top:solid 1px #ffffff;font-size:1.2rem;color:#fff;padding:20px 20px 20px 45px;width:100%}}@media screen and (min-width: 481px) and (max-width: 767px){.navbar-wrapper{position:fixed;width:35%}.logo-letter{height:3.01rem;width:auto;margin-right:-1px}.menu-box{justify-content:center;width:100px;height:3rem;padding:0 10px}.logo-letter{font-size:4.18446rem;line-height:.65}.menu-button{padding-left:0;font-size:.7rem;text-align:center}.menu-items a{font-size:.6rem}.right-line-nav{height:3rem;border-right:solid 2px #f0f0f0}.menu-overlay{padding-top:120px;position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#22577a;z-index:999;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;opacity:0;pointer-events:none;z-index:-1}.menu-overlay.open{pointer-events:all}.menu-overlay a{border-top:solid 1px #ffffff;font-size:1.2rem;color:#fff;padding:20px 20px 20px 45px;width:100%}}@media screen and (min-width: 965px) and (max-width: 1439px){.navbar-wrapper{width:60%}.logo-letter{height:3.01rem;width:auto;margin-right:-1px}.menu-box{justify-content:center;width:100px;height:3rem;padding:0 10px}.logo-letter{font-size:4.18446rem;line-height:.65}.menu-button,.menu-items a{font-size:.6rem}.right-line-nav{height:3rem;border-right:solid 2px #f0f0f0}}