@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;700&family=Oxanium&display=swap";.keen-slider:not([data-keen-slider-disabled]){-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;align-content:flex-start;display:flex;overflow:hidden;position:relative;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-khtml-user-select:none;width:100%}.keen-slider:not([data-keen-slider-disabled]) .keen-slider__slide{min-height:100%;overflow:hidden;position:relative;width:100%}.keen-slider:not([data-keen-slider-disabled])[data-keen-slider-reverse]{flex-direction:row-reverse}.keen-slider:not([data-keen-slider-disabled])[data-keen-slider-v]{flex-wrap:wrap}body{position:relative;margin:0;padding:0;font-size:1.25rem;box-sizing:border-box;font-family:Inter,sans-serif;background-color:#001a23;line-height:1.6;color:#c1ced8;color-scheme:light dark;overflow-x:hidden}*,*:before,*:after{box-sizing:inherit;-webkit-tap-highlight-color:transparent}html{scrollbar-color:#adadaf #16232e;scrollbar-width:auto}main{position:relative;z-index:1;max-width:1525px;margin:0 auto}main:after{content:"";position:absolute;left:50%;transform:translate(-50%);bottom:0;width:100vw;height:160px;background:linear-gradient(to top,#001019 0%,rgba(0,16,25,.9) 5%,rgba(0,16,25,.75) 20%,rgba(0,16,25,.55) 40%,rgba(0,16,25,.3) 60%,rgba(0,16,25,.12) 75%,transparent 95%)}@media (max-width: 768px){main:after{height:140px}}main:after{pointer-events:none;z-index:-1}button{letter-spacing:.05em}a{all:unset;cursor:pointer;text-decoration:none;line-height:1.45;letter-spacing:.05em}button{font-family:inherit}ul{list-style:none;margin:0;padding:0}img{display:inline-block;width:100%}a:focus-visible,button:focus-visible{outline:2px solid rgb(140.8,205,247.4);outline-offset:5px}h1{font-size:clamp(1.8rem,5vw,3.2rem)}h2{font-size:clamp(1.4rem,3vw,2rem)}h3{font-size:clamp(1.1rem,2.2vw,1.5rem);font-family:Oxanium,sans-serif}p{font-size:clamp(1rem,2vw,1.25rem);letter-spacing:.01em;line-height:1.65;color:#878789}h1,h2,h3{letter-spacing:.02em}header{display:flex;justify-content:space-between;gap:1.25rem;padding:4rem 0;margin:0 8rem}header .header-content{max-width:50%}header .header-content .title{margin:0}header .header-content .title span{color:#73c2fb;font-size:clamp(2.125rem,5.75vw,3.56rem);padding-left:1.5px}header .header-content .subtitle{margin:0;color:#7b9eaf;font-family:Oxanium,sans-serif}header .header-content .header-paragraph{color:#878789;font-size:clamp(1.1rem,2.2vw,1.4rem)}header .hero-image-wrapper{position:relative;display:inline-block;height:fit-content;width:fit-content;margin-top:1.75rem}header .hero-image-wrapper .hero-image{border:1px solid #73c2fb;width:25rem;transform:translate(15px,15px);transition:transform .5s ease,opacity .5s ease}header .hero-image-wrapper .hero-image.pop-in{transform:translate(0)}header .hero-image-wrapper .grey-box{position:absolute;top:0;right:0;bottom:0;left:0;transform:translate(15px,15px);background-color:#39393a;z-index:-1;transition:transform .3s ease}@media (max-width: 1024px){header{padding:3.5rem 0;margin:0 5rem;display:flex;justify-content:center;align-items:center;flex-direction:column}header .header-content{text-align:center;max-width:90%}header .hero-image-wrapper{margin-top:2rem}}@media (max-width: 768px){header{margin:0 3rem}header .hero-image-wrapper .hero-image{width:20rem}}@media (max-width: 480px){header{margin:0 1rem;padding:2.5rem 0}header .header-content{max-width:100%}header .hero-image-wrapper .hero-image{width:18rem}}.entry-root{position:fixed;top:0;right:0;bottom:0;left:0}.entry-background{position:absolute;top:0;right:0;bottom:0;left:0;background-color:#001019;z-index:0}.entry-wrapper{height:100%;width:100%;z-index:1;display:flex;justify-content:center;align-items:center}.entry-animation{display:flex;justify-content:center;align-items:center}.entry-animation .logo-frame{display:flex;justify-content:center;align-items:center;position:relative;width:10rem;height:10rem;margin:auto}.entry-animation .logo-frame .logo-text-image{display:block;max-width:7.25rem;height:auto}.entry-animation .logo-frame .border{position:absolute;background-color:#2176ae;z-index:1}.entry-animation .logo-frame .border.top,.entry-animation .logo-frame .border.bottom{height:5px;width:100%;left:0}.entry-animation .logo-frame .border.top{top:0}.entry-animation .logo-frame .border.bottom{bottom:0}.entry-animation .logo-frame .border.left,.entry-animation .logo-frame .border.right{width:5px;height:100%}.entry-animation .logo-frame .border.left{top:0;left:0}.entry-animation .logo-frame .border.left.glow-active:before{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:8.5px;height:8.5px;border-radius:50%;background-color:#73c2fb99;opacity:.7;transition:opacity .25s ease,box-shadow .25s ease;box-shadow:0 0 5px #73c2fb59,0 0 8.5px #73c2fb4d;pointer-events:none}.entry-animation .logo-frame .border.left:before{opacity:0;box-shadow:none}.entry-animation .logo-frame .border.right{right:0;bottom:0}.entry-animation .logo-frame .border.right.glow-active:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:8.5px;height:8.5px;border-radius:50%;background-color:#73c2fb99;opacity:.7;transition:opacity .25s ease,box-shadow .25s ease;box-shadow:0 0 5px #73c2fb59,0 0 8.5px #73c2fb4d;pointer-events:none}.entry-animation .logo-frame .border.right:before{opacity:0;box-shadow:none}@media (max-width: 480px){.entry-animation .logo-frame{width:8rem;height:8rem}.entry-animation .logo-frame .logo-text-image{max-width:5.25rem}}.section-header-wrapper{display:flex;align-items:center;gap:1.5rem;height:fit-content;padding-bottom:1rem}.section-header-wrapper .section-header{margin:0;white-space:nowrap}.section-header-wrapper span{color:#73c2fb;font-size:clamp(1.75rem,3.75vw,2.5rem);padding-left:1.75px}.section-header-wrapper .section-header-line{width:100%;height:1px;background:#606062;opacity:.6;transform-origin:left center}@media (max-width: 1024px){.section-header-wrapper{gap:1.25rem}}@media (max-width: 768px){.section-header-wrapper{gap:1rem}}@media (max-width: 480px){.section-header-wrapper{gap:.75rem}}.section-divider{width:100%;display:flex;align-items:center;gap:1.5rem;margin-top:2.5rem}.section-divider .section-divider-title{margin:0;white-space:nowrap}.section-divider .section-divider-line{flex:1;height:1px;background:#606062;opacity:.6;transform-origin:right center}.section-divider .section-divider-line:last-child{transform-origin:left center}@media (max-width: 768px){.section-divider{margin-top:2rem;gap:1rem}}@media (max-width: 480px){.section-divider{gap:.75rem}}.side{position:fixed;bottom:0;color:#c1ced8;z-index:10}.side ul{display:flex;flex-direction:column;align-items:center}.side ul li{margin-bottom:1.75rem}.side ul li:last-child{margin-bottom:0}.side ul li svg{display:block;width:1.4rem;height:1.4rem}.side ul li .social-icon{display:block;color:inherit;transition:color .3s}.side ul li .social-icon:hover{color:#7b9eaf}.side ul:after{content:"";display:block;width:1px;height:5.75rem;background-color:#c1ced8;margin-top:2rem}.social{left:1.75rem}.email{right:1.75rem;display:flex;flex-direction:column;align-items:center}.email a{writing-mode:vertical-rl;font-family:Oxanium,sans-serif;font-size:.8rem;letter-spacing:.175em;text-decoration:none;transition:color .3s ease;position:relative;overflow:hidden;display:block;line-height:.75}.email a span{display:inline-block}.email a .first-mail-span{position:relative}.email a .second-mail-span{position:absolute;top:0;left:0;display:inline-block}.email a:hover{color:#7b9eaf}.email:after{content:"";display:block;width:1px;height:5.75rem;background-color:#c1ced8;margin-top:2rem}@media (max-width: 768px){.side{display:none}}.decor-rail{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;display:flex;flex-direction:column;justify-content:space-evenly;padding-block:8vh;pointer-events:none}@media (max-width: 1325px){.decor-rail{display:none}}.decor{position:relative;width:9.5rem;color:#39393a;pointer-events:none}.decor.triangle,.decor.hexagon{align-self:flex-end;margin-right:0}@media (max-width: 1640px){.decor.triangle,.decor.hexagon{margin-right:3.25rem}}.decor.square,.decor.diamond{align-self:flex-start;margin-left:0}@media (max-width: 1640px){.decor.square,.decor.diamond{margin-left:3.25rem}}.navbar{position:sticky;top:0;display:flex;justify-content:space-between;align-items:center;padding:0 2rem 0 1.5rem;height:4.5rem;--navbar-height: 4.5rem;background-color:#001d26f2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 5px 15px #00000026;overflow:hidden;z-index:25}.navbar .brand{display:flex;justify-content:center;align-items:center;gap:1.25rem}.navbar .brand .logo-wrapper{-moz-appearance:none;appearance:none;-webkit-appearance:none;border:0;width:3.75rem;height:3.25rem;padding:0;background-image:url(/assets/logo-ChgL_iqw.png);background-repeat:no-repeat;background-size:contain;background-position:center;background-color:transparent;display:block;cursor:pointer}.navbar .brand .navbar-heading{font-size:1.75rem;font-family:Oxanium,sans-serif;background:linear-gradient(140deg,#2176ae 70%,#7b9eaf66);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:transparent;font-weight:500}@media (max-width: 560px){.navbar .brand .navbar-heading{display:none}}@media (max-width: 768px){.navbar{padding:0 1rem 0 .4rem}}.menu-wrapper{position:fixed;top:calc(var(--navbar-height));border:none;right:0;padding:1rem;width:14rem;max-width:300px;border-radius:0 0 0 1.25rem;background:linear-gradient(0deg,#001d26cc,#001d26f2);box-shadow:-5px 5px 15px #00000026;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:20}.menu-wrapper:after{content:"";position:absolute;top:0;left:0;height:.5%;width:100%;background:linear-gradient(90deg,#8dcdf7,#f4f9e9);z-index:-1}.navbar-links-wrapper{display:flex;align-items:center;gap:1.25rem}@media (max-width: 942px){.navbar-links-wrapper{flex-direction:row-reverse}}.navbar-links-list,.navbar-links-hamburger-list{display:flex;text-transform:capitalize;font-size:1.125rem}.navbar-links-list{gap:1.25rem;align-items:center}.navbar-links-list .navbar-link-list-item{display:flex;justify-content:center;align-items:center;height:var(--navbar-height);padding:0 .75rem;position:relative;transition:background-color .4s ease-in-out;background-color:transparent}.navbar-links-list .navbar-link-list-item .navbar-link{transition:color .2s ease;cursor:pointer}.navbar-links-list .navbar-link-list-item .navbar-link:hover{color:#7b9eaf}.navbar-links-list .navbar-link-list-item:after{content:"";position:absolute;bottom:1%;left:0;width:0%;height:2px;background-color:#73c2fb}.navbar-links-list .navbar-link-list-item.active{background-color:#39393a40}.navbar-links-list .navbar-link-list-item.active:after{animation:drawUnderline .4s ease forwards}.navbar-links-list .navbar-link-list-item.underline-exit:after{width:100%;animation:eraseUnderline .4s ease forwards}@keyframes drawUnderline{0%{width:0%}to{width:100%}}@keyframes eraseUnderline{0%{width:100%}to{width:0%}}.navbar-links-hamburger-list{flex-direction:column;gap:.5rem}.hamburger-button{position:relative;height:4rem;width:4rem;border:none;border-radius:100%;background-color:#0000;transition:all;z-index:10}.hamburger-button .hamburger-span{position:absolute;height:.25rem;width:2.5rem;background-color:#d5dee5}.hamburger-button .hamburger-span:last-of-type{width:1.25rem}footer{background-color:#001019}footer .footer-inner{width:fit-content;margin:0 auto;display:flex;flex-direction:column;align-items:center}footer p{color:#7b9eaf;margin:0;padding-bottom:1rem;white-space:nowrap;font-size:clamp(.7rem,1.2vw,.85rem);text-align:center;font-weight:500}footer .mobile-links{display:flex;justify-content:center;align-items:center;gap:1.75rem;margin-bottom:.75rem}footer .mobile-links a{line-height:1}footer .mobile-links svg{font-size:1.45rem}#about{margin-inline:auto;width:60%}@media (max-width: 768px){#about{width:70%}}@media (max-width: 480px){#about{width:90%}}#about-content{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:2rem;padding-top:2rem}#about-content .about-section{padding:0 2rem}#about-content .about-section h3{display:flex;align-items:center;gap:.75rem}#about-content .about-section h3 .about-section-icon{width:1em}@media (max-width: 1024px){#about-content .about-section h3 .about-section-icon{width:1.25em}}@media (max-width: 480px){#about-content .about-section h3 .about-section-icon{width:1.35em}}@media (max-width: 1024px){#about-content{gap:1rem}}@media (max-width: 480px){#about-content{gap:.75rem}}#tech-stack{display:flex;justify-content:center;align-items:center;flex-direction:column;gap:2.5rem}.icon-wrapper{display:grid;grid-template-columns:repeat(4,1fr);gap:4.5rem;margin-top:2rem}@media (max-width: 1024px){.icon-wrapper{gap:4rem}}.icon-container{display:flex;justify-content:center;align-items:center;flex-direction:column;width:3.8rem;transition:opacity .3s ease;cursor:default}.icon-container .icon-label{letter-spacing:.02em;white-space:nowrap;color:#d5dee5;font-size:clamp(.82rem,1.45vw,.98rem)}@media (max-width: 1024px){.icon-container{width:3.2rem}}@media (max-width: 768px){.icon-container{width:2.7rem}}.slider-wrapper{width:100%;border:1px solid #878789;border-radius:3px;background-color:#021c26}.slider-wrapper .category-group{width:fit-content}.slider-wrapper .category-group .category-header{width:100%;gap:1rem;border-bottom:1px solid #878789;background:radial-gradient(50% 30% at bottom center,rgba(33,118,174,.1450980392) 0%,transparent 100%),radial-gradient(50% 30% at top center,rgba(33,118,174,.1450980392) 0%,transparent 100%);background-color:#001a23}.slider-wrapper .category-group .category-header .category-controls{display:flex;justify-content:space-between;padding:0 .5rem;opacity:1;transition:opacity .1s ease}.slider-wrapper .category-group .category-header .category-controls .arrow{opacity:0;width:1.75rem}.slider-wrapper .category-group .category-header .category-controls .arrow-left{transform:scaleX(-1);-webkit-transform:scaleX(-1)}.slider-wrapper .category-group .category-header .category-controls .arrow-right{transform:scaleX(1);-webkit-transform:scaleX(1)}.slider-wrapper .category-group .category-header .category-controls .category-title{display:flex;justify-content:center;align-items:center;gap:1rem}.slider-wrapper .category-group .category-header .category-controls .category-title .category-icon{width:1.5rem}.slider-wrapper .category-group .category-header .category-controls .category-title .category-label{color:#c1ced8;font-size:clamp(1.1rem,2.2vw,1.4rem);margin:.75rem 0}.slider-wrapper .category-group .icons-row{display:flex;align-items:flex-end;justify-content:space-evenly;margin:1.75rem 1rem 1rem;gap:1.75rem;padding:0 1rem}@media (max-width: 480px){.slider-wrapper{width:100vw;border-left:none;border-right:none;border-radius:0}}#projects{display:flex;justify-content:center;align-items:center;flex-direction:column;padding-top:2rem;margin:3rem auto 0}@media (max-width: 768px){#projects{margin-top:2rem}}#projects .project-heading{width:60%;line-height:1.07;margin-bottom:1.5rem}@media (max-width: 1024px){#projects .project-heading{margin-bottom:0}}@media (max-width: 768px){#projects .project-heading{width:70%}}@media (max-width: 480px){#projects .project-heading{width:90%}}#projects .project-heading .section-header-wrapper{padding-bottom:0}#projects .project-heading .subheading{color:#7b9eaf}#projects .project-link-icon{cursor:pointer;transition:color .3s}#projects .project-link-icon:hover{color:#7b9eaf}.project-feature{display:flex;justify-content:center;width:70%}@media (max-width: 1284px){.project-feature{width:75%}}.project-feature .project-links,.project-feature .project-icons{z-index:0}.project-feature .project-icons{position:relative;display:flex;gap:1rem;font-size:1.55rem;padding-left:.5rem;padding-top:.55rem}.project-feature .project-icons .project-icon{color:#7b9eaf;position:relative;cursor:pointer}.project-feature .project-icons .project-icon:after{color:#c1ced8;content:attr(data-tooltip);font-size:.94rem;position:absolute;top:80%;left:50%;transform:translate(-50%);padding:.25rem .5rem;border-radius:4px;white-space:nowrap;opacity:0;transition:opacity .2s ease;z-index:10}.project-feature .project-icons .project-icon:hover:after{opacity:1}.project-feature .project-icons .project-icon[data-tooltip=PHP] svg{transform:scale(1.15)}.project-feature .project-description{position:relative;background-color:#16232e;border-radius:.25rem;padding:0 1.35rem;box-shadow:0 0 10px #00000059;z-index:3}.project-feature .project-description p{font-size:clamp(.85rem,1.5vw,1rem);color:#c1ced8d9;line-height:1.4;margin-left:auto;margin-right:auto}.project-feature .project-image-wrapper{height:fit-content;width:fit-content;box-shadow:0 0 8px #00000059;border-radius:.25rem}.project-feature .project-image-wrapper .project-image{border-radius:inherit;width:100%;height:100%}.project-feature .project-image-wrapper .image-overlay{border-radius:inherit;transform:translate(0);background-color:#2176ae46}.project-feature h3{width:fit-content;border-bottom:3px solid #9aa37e;padding:0 3px 5px;white-space:nowrap}.project-feature.is-desktop .left{width:47.5%;z-index:1}.project-feature.is-desktop .left .project-icons{width:fit-content;transform-origin:center center}.project-feature.is-desktop .right{width:45%;flex-direction:column;display:flex;margin-top:4.5rem;gap:1.5rem;z-index:2}.project-feature.is-desktop .right .project-feature-heading{display:flex;flex-direction:column;align-items:flex-start;padding:0 1rem 0 1.75rem}.project-feature.is-desktop .right .project-feature-heading .project-links{display:flex;gap:1rem;font-size:1.5rem;padding-right:.5rem;align-self:flex-start}.project-feature.is-desktop .right .project-description{position:relative;width:135%;left:-35%;margin-top:-1.5rem}@media (max-width: 1284px){.project-feature.is-desktop .right .project-description{left:-50%;width:150%}}@media (max-width: 1284px){.project-feature.is-desktop .right{width:42.5%;margin-top:3rem}}.project-feature.is-desktop.is-reversed .left{order:2}.project-feature.is-desktop.is-reversed .left .project-icons{margin-left:auto}.project-feature.is-desktop.is-reversed .right{order:1;align-items:flex-end}.project-feature.is-desktop.is-reversed .right .project-feature-heading{padding:0 1.75rem 0 1rem}.project-feature.is-desktop.is-reversed .right .project-feature-heading .project-links{align-self:flex-end}.project-feature.is-desktop.is-reversed .right .project-description{left:auto;right:-35%}@media (max-width: 1284px){.project-feature.is-desktop.is-reversed .right .project-description{right:-50%}}.project-feature.is-mobile{width:90%;margin:0 auto;flex-direction:column;align-items:center}.project-feature.is-mobile .mobile-wrapper{width:fit-content;display:flex;justify-content:center;align-items:center;flex-direction:column;gap:1.2rem}.project-feature.is-mobile .top{display:flex;justify-content:center;align-items:center;flex-direction:column;gap:.5rem}.project-feature.is-mobile .top .project-image-wrapper{width:100%;max-width:25rem}.project-feature.is-mobile .top .project-icons{align-self:flex-start;padding-left:1rem}.project-feature.is-mobile .top .project-icons .project-icon:after{font-size:.84rem}.project-feature.is-mobile .top h3{align-self:flex-start;border-bottom:3px solid #9aa37e;padding-bottom:.25rem}.project-feature.is-mobile .bottom{display:flex;flex-direction:column;align-items:flex-end;gap:.75rem}.project-feature.is-mobile .bottom .project-icons{justify-content:center;padding:0}.project-feature.is-mobile .bottom .project-description{width:100%;max-width:25rem;padding:.15rem 1rem;top:0;left:0}.project-feature.is-mobile .bottom .project-links{padding-right:.5rem;display:flex;gap:1.25rem;font-size:1.6rem;padding-right:.25rem}.project-feature-divider-container{width:60%;margin:5.25rem auto;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:1.5rem}.project-feature-divider-container .feature-divider-line{display:block;height:1px;background:#606062;opacity:.6}.project-feature-divider-container .feature-divider-icon{font-size:1.35rem;color:#606062;opacity:.7;justify-self:center}@media (max-width: 480px){.project-feature-divider-container .feature-divider-icon{font-size:1.25rem}}@media (max-width: 768px){.project-feature-divider-container{width:70%;margin:2rem auto;gap:1rem}}@media (max-width: 480px){.project-feature-divider-container{width:90%;gap:.75rem}}.other-projects-wrapper{margin-inline:auto;width:60%}@media (max-width: 768px){.other-projects-wrapper{width:70%}}@media (max-width: 480px){.other-projects-wrapper{width:90%}}.other-projects-wrapper .other-projects-divider{margin-top:6.25rem}@media (max-width: 768px){.other-projects-wrapper .other-projects-divider{margin-top:4.25rem}}@media (max-width: 480px){.other-projects-wrapper .other-projects-divider{margin-top:3.25rem}}.other-projects-container{position:relative;display:flex;flex-direction:column;margin:2rem 0;padding:0 3px 2px;height:400px;border:2px solid rgba(123,158,175,.3);box-shadow:0 0 10px #00000059;overflow:hidden}.other-projects-container .scroll-progress{position:absolute;bottom:0;left:0;width:100%;height:1px;background:#9aa37e;transform-origin:left;pointer-events:none}.other-projects-container .other-projects-scroll{height:100%;display:flex;flex-direction:column;gap:1.5rem;padding:1rem;overflow-y:auto;scroll-behavior:smooth;overscroll-behavior:contain}@media (max-width: 768px){.other-projects-container .other-projects-scroll{overscroll-behavior-y:auto;-webkit-overflow-scrolling:touch}}.other-projects-container .other-projects-scroll{scrollbar-width:thin;scrollbar-color:rgba(123,158,175,.5) transparent}.other-projects-container .other-project{background-color:#031f29;padding:.75rem .75rem .5rem;border-radius:4px;display:grid;grid-template-columns:1fr auto}.other-projects-container .other-project .other-project-content{display:flex;flex-direction:column;gap:.5rem}.other-projects-container .other-project .other-project-content .header{display:flex;align-items:center;gap:.75rem}.other-projects-container .other-project .other-project-content .header .links{display:flex;gap:.65rem;font-size:1.35rem;padding-left:.15rem;vertical-align:middle;line-height:1}@media (max-width: 480px){.other-projects-container .other-project .other-project-content .header .links{font-size:1.32rem}}.other-projects-container .other-project .other-project-content .title,.other-projects-container .other-project .other-project-content .description{margin-top:0}.other-projects-container .other-project .other-project-content .title{margin-bottom:.5rem;padding-top:3px;line-height:1}.other-projects-container .other-project .other-project-content .description{font-size:clamp(.85rem,1.5vw,1rem);margin-bottom:.25rem}.other-projects-container .other-project .other-project-content .technologies{display:flex;flex-wrap:wrap;gap:.5rem}.other-projects-container .other-project .other-project-content .technologies .technology{display:flex;justify-content:center;align-items:center;font-size:clamp(.7rem,1.2vw,.85rem);font-family:Oxanium,sans-serif;text-transform:uppercase;background-color:#7b9eaf33;padding:.45rem .6rem .35rem;border-radius:3px;font-weight:500;line-height:1;vertical-align:middle}#contact{margin-inline:auto;width:60%}@media (max-width: 768px){#contact{width:70%}}@media (max-width: 480px){#contact{width:90%}}#contact{display:flex;justify-content:center;align-items:center;min-height:clamp(550px,68vh,700px)}.contact-wrapper{display:flex;justify-content:center;align-items:center;flex-direction:column;position:relative;margin-inline:auto;box-sizing:border-box;padding:2.75rem 3.25rem 2.5rem}@media (max-width: 480px){.contact-wrapper{padding:2rem 1.25rem}}.contact-wrapper .contact-border{position:absolute;top:0;right:0;bottom:0;left:0;--border-color: rgba(96, 96, 98, .6);border:1px solid transparent;border-radius:.25rem}.contact-wrapper .contact-border .contact-border-icon{position:absolute;top:0;left:50%;transform:translate(-50%,-50%);background:#001a23;display:flex;align-items:center;justify-content:center}.contact-wrapper .contact-border .contact-border-icon svg{font-size:1.45rem;color:#606062}.contact-wrapper .section-header{font-size:clamp(1.8rem,5vw,3.2rem)}.contact-wrapper p{text-align:center}.contact-wrapper .contact-description{margin:0 0 2.25rem}.contact-wrapper .contact-description span{font-weight:500}.contact-wrapper .eyebrow{margin:0;color:#7b9eaf;font-family:Oxanium,sans-serif;font-weight:500}.contact-wrapper .slide-fill-button{margin:0!important;min-width:7.25rem}@media (max-width: 768px){.contact-wrapper .slide-fill-button{min-width:6.5rem}}@media (max-width: 480px){.contact-wrapper .slide-fill-button{min-width:6.25rem}}.info-wrapper{position:absolute;display:flex;justify-content:center;align-items:center;gap:.5rem;padding:.25rem .35rem;background-color:#0009;-webkit-backdrop-filter:blur(7.5px);backdrop-filter:blur(7.5px);border-radius:.5rem}.info-wrapper .info-icon-wrapper{width:1.25rem;display:flex;justify-content:center;align-items:center}.info-wrapper .info-icon-wrapper .info-icon{display:block}.info-wrapper .info-label{font-size:.85rem;color:#d5dee5}.tinted-image-wrapper{-webkit-tap-highlight-color:transparent;position:relative;cursor:pointer}.tinted-image-wrapper .tinted-image{display:block;filter:grayscale(90%);transition:opacity .4s ease-in-out}.tinted-image-wrapper .tinted-image.revealed{filter:none}.tinted-image-wrapper .image-overlay{position:absolute;top:0;right:0;bottom:0;left:0;mix-blend-mode:multiply;z-index:1;transform:translate(15px,15px);transition:opacity .4s ease-in-out,transform .5s ease;background-color:#2176ae60}.tinted-image-wrapper .image-overlay.revealed{opacity:0}.tinted-image-wrapper .image-overlay.pop-in{transform:translate(0)}@media (min-width: 769px){.tinted-image-wrapper:hover .tinted-image{filter:none}.tinted-image-wrapper:hover .image-overlay{opacity:0}}.slide-fill-button{position:relative;display:inline-flex;align-items:center;justify-content:center;padding:.65rem 1.25rem;background:transparent;border-radius:4px;border:2px solid #73c2fb;font-size:clamp(.9rem,1.6vw,1.1rem);color:#73c2fb;font-weight:500;overflow:hidden;clip-path:inset(0 round 4px);-webkit-user-select:none;user-select:none;cursor:pointer;transition:color .3s ease}.slide-fill-button.size-lg{padding:.75rem 1.35rem;margin-top:.5rem}.slide-fill-button.size-lg.compact{padding:.7rem 1.3rem;margin-bottom:1.25rem}.slide-fill-button .slide-fill-button-text{position:relative;z-index:5}.slide-fill-button:before,.slide-fill-button:after,.slide-fill-button .fill-top,.slide-fill-button .fill-bottom{content:"";position:absolute;background-color:#73c2fb;z-index:1;transition:all .4s ease}.slide-fill-button:before{top:0;left:-2px;width:calc(50% + 2px);height:100%;transform:scaleX(0);transform-origin:left}.slide-fill-button:after{top:0;right:-2px;width:calc(50% + 2px);height:100%;transform:scaleX(0);transform-origin:right}.slide-fill-button .fill-top{top:0;left:-2px;width:calc(100% + 2px);height:50%;transform:scaleY(0);transform-origin:top}.slide-fill-button .fill-bottom{bottom:0;left:-2px;width:calc(100% + 2px);height:50%;transform:scaleY(0);transform-origin:bottom}body:not(.no-hover) .slide-fill-button:hover{color:#001019}body:not(.no-hover) .slide-fill-button:hover:before,body:not(.no-hover) .slide-fill-button:hover:after{transform:scaleX(1)}body:not(.no-hover) .slide-fill-button:hover .fill-top,body:not(.no-hover) .slide-fill-button:hover .fill-bottom{transform:scaleY(1)}