:root{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f9f9f9;color:#1a3a2e;color-scheme:light dark;font-family:Raleway,sans-serif;font-synthesis:none;font-weight:400;line-height:1.5;overflow-x:hidden;text-rendering:optimizeLegibility}*{box-sizing:border-box}a{text-decoration:inherit;text-transform:uppercase}a,a:hover{color:#fff}body{display:flex;height:100%;margin:0;overflow-x:hidden;position:relative;width:100vw}h1{font-size:3.2em;line-height:1.1}@media screen and (max-width:768px){:root{font-size:15px}h1{font-size:2.5em}}@media screen and (max-width:480px){:root{font-size:14px}h1{font-size:2em}}#root{max-width:100vw}#root,.container{overflow-x:hidden}.container{display:flex;flex-direction:column;height:100%;overflow-y:scroll;width:100vw}.section{overflow-x:hidden;scroll-margin-top:4rem;width:100%}.section-heading h2{font-size:36px;padding-bottom:18px;position:relative;text-align:center}.section-heading h2:after,.section-heading h2:before{content:" ";left:0;margin:0 auto;position:absolute;right:0}.section-heading h2:before{border-color:#2d5a3d;border-style:solid;border-width:1px 0;bottom:0;padding:4px 0 5px;width:100px}.section-heading h2:after{background-color:#46571e;bottom:5px;height:1px;width:200px}.crystal-about{display:none;left:60%;position:absolute;top:45%}.desktop-only-site{display:none}@media screen and (max-width:768px){.section{scroll-margin-top:5rem}.section-heading h2{font-size:28px;padding-bottom:14px}.section-heading h2:before{width:80px}.section-heading h2:after{width:150px}}@media screen and (max-width:480px){.section-heading h2{font-size:24px;padding-bottom:12px}.section-heading h2:before{width:60px}.section-heading h2:after{width:120px}}.page-transition{height:100%;width:100%}.page-transition.transitioning-out{opacity:0;-webkit-transform:translateX(-100%);transform:translateX(-100%)}.page-transition.transitioning-in,.page-transition.transitioning-out{transition:opacity .3s ease-in-out,-webkit-transform .3s ease-in-out;transition:transform .3s ease-in-out,opacity .3s ease-in-out;transition:transform .3s ease-in-out,opacity .3s ease-in-out,-webkit-transform .3s ease-in-out;will-change:transform,opacity}.page-transition.transitioning-in{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}.page-transition.slide-in-from-right{-webkit-animation:slideInFromRight .3s ease-in-out;animation:slideInFromRight .3s ease-in-out}@-webkit-keyframes slideInFromRight{0%{opacity:0;-webkit-transform:translateX(100%);transform:translateX(100%)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes slideInFromRight{0%{opacity:0;-webkit-transform:translateX(100%);transform:translateX(100%)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}.section--about{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:2rem 1rem}.sub-section{display:flex;gap:1rem;justify-content:space-between;margin:3rem;max-width:1400px;position:relative;width:100%}.sub-section__card{background-color:hsla(0,0%,100%,.7);box-shadow:0 0 4px rgba(0,0,0,.05),0 4px 4px rgba(0,0,0,.05);padding:2rem;width:100%;& span{font-size:1.5rem;font-weight:300}& b{font-weight:700}}.about--progress-items h4{color:#555;font-size:.9rem;font-weight:600;margin-bottom:0;margin-top:1.5rem}.about--progress-items h4:first-of-type{margin-top:.5rem}.progress{background-color:#e9e9e9;border-radius:4px;box-shadow:inset 0 1px 2px rgba(0,0,0,.1);height:8px;margin-bottom:15px;overflow:visible;position:relative}.progress-bar{background-image:linear-gradient(90deg,#da1111,#c71515,#b01919,#9a1c1c,#831e1e);height:100%;line-height:20px;min-width:32px;position:relative;text-align:center;transition:width 1.5s cubic-bezier(.4,0,.2,1);width:0}.progress-bar,.progress-bar span{border-radius:4px;box-shadow:0 2px 4px rgba(0,0,0,.2);color:#fff}.progress-bar span{align-items:center;background:linear-gradient(135deg,#444,#666);display:flex;font-size:11px;font-weight:700;height:22px;justify-content:center;min-width:40px;opacity:0;position:absolute;right:-15px;top:-25px;-webkit-transform:translateY(5px);transform:translateY(5px);transition:opacity .3s ease,-webkit-transform .3s ease;transition:opacity .3s ease,transform .3s ease;transition:opacity .3s ease,transform .3s ease,-webkit-transform .3s ease}.progress-bar span:after{border-left:4px solid transparent;border-right:4px solid transparent;border-top:4px solid #666;bottom:-4px;content:"";height:0;left:50%;position:absolute;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:0}.about--progress-items.animate .progress-bar-1,.about--progress-items.animate .progress-bar-2{width:90%!important}.about--progress-items.animate .progress-bar-3,.about--progress-items.animate .progress-bar-4{width:95%!important}.about--progress-items.animate .progress-bar-5,.about--progress-items.animate .progress-bar-6{width:85%!important}.about--progress-items.animate .progress-bar-7{width:75%!important}.about--progress-items.animate .progress-bar-8{width:80%!important}.about--progress-items.animate .progress-bar span{opacity:1;-webkit-transform:translateY(0);transform:translateY(0);transition-delay:1.2s}.education{align-items:baseline;display:flex;flex-direction:column;padding-bottom:1rem;& td:first-child{min-width:7rem}& td:last-child{padding-bottom:.5rem;text-transform:none;width:100%}& h3{border-bottom:2px solid #ccc;margin-bottom:0}& p{margin-top:0}}.responsibilities{display:flex;& ul{font-weight:400;line-height:1rem}}@media screen and (max-width:1024px){.sub-section{flex-direction:column;margin:2rem 1rem}.sub-section__card{font-size:1rem;padding:1.5rem}}@media screen and (max-width:768px){.section--about{padding:1rem .5rem}.sub-section{font-size:1rem;margin:1.5rem .5rem}.sub-section__card{padding:1rem;& span{font-size:1.2rem}}.about--progress-items h4{font-size:.9rem}.progress{height:7px}.progress-bar span{font-size:10px;height:20px;min-width:35px;right:-12px;top:-23px}.progress-bar span:after{border-left:3px solid transparent;border-right:3px solid transparent;border-top:3px solid #666;bottom:-3px}.education{& td:first-child{min-width:5rem}& h3{font-size:1.1rem}& label,& p{font-size:.9rem}}.responsibilities{flex-direction:column;& ul{padding-left:1.5rem}}}@media screen and (max-width:480px){.section-heading h2{font-size:28px}.sub-section{font-size:.9rem;margin:1rem .25rem}.sub-section__card{padding:.75rem;& span{font-size:1rem}& ul{padding-left:1rem}& li{font-size:.85rem;margin-bottom:.5rem}}.about--progress-items h4{font-size:.8rem}.progress{height:6px;margin-bottom:12px}.progress-bar{min-width:25px}.progress-bar span{font-size:9px;height:18px;min-width:32px;right:-10px;top:-21px}.progress-bar span:after{border-left:3px solid transparent;border-right:3px solid transparent;border-top:3px solid #666;bottom:-3px}table{& td:first-child{min-width:auto;width:100%}& td{display:block;width:100%!important}& h3{font-size:1rem}& label,& p{font-size:.85rem}}table{width:100%}}.section--contact .section-heading,.section--contact .section-heading h2{padding-left:0;text-align:center}.section--contact .section-heading h2:after,.section--contact .section-heading h2:before{left:50%;right:auto;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.section--contact{color:#1a3a2e;min-height:400px;overflow:visible;padding:2rem 0}.sub-section--contact{align-items:stretch;display:flex;flex-direction:row;gap:2rem;justify-content:center;margin:0 auto;max-width:1400px;overflow:visible;padding:2rem 1rem}.contact-card{align-items:center;background:rgba(0,0,0,.03);border:1px solid rgba(0,0,0,.1);border-radius:8px;display:flex;flex:1 1;flex-direction:column;gap:1rem;min-width:250px;padding:2rem 1.5rem;position:relative;text-align:center;transition:all .3s ease;z-index:1}.contact-card:hover{background:rgba(0,0,0,.05);border-color:rgba(0,0,0,.2);box-shadow:0 8px 20px rgba(0,0,0,.1);-webkit-transform:translateY(-5px);transform:translateY(-5px);z-index:2}.contact-card__icon{align-items:center;background:rgba(0,0,0,.08);border-radius:50%;display:flex;height:60px;justify-content:center;transition:all .3s ease;width:60px}.contact-card:hover .contact-card__icon{background:rgba(0,0,0,.12);-webkit-transform:scale(1.1);transform:scale(1.1)}.contact-card__icon i{color:#2d5a3d;font-size:1.8rem}.contact-card__content{display:flex;flex-direction:column;gap:.5rem}.contact-card__content h3{color:#1a3a2e;font-size:1.2rem;font-weight:600;letter-spacing:1px;margin:0;text-transform:uppercase}.contact-card__content a,.contact-card__content p{color:#3a5a44;font-size:1rem;line-height:1.6;margin:0;text-decoration:none;transition:color .3s ease}.contact-card__content a:hover{color:#2d5a3d;text-decoration:underline}.contact-container{display:flex;width:100%}.section--contact-form{display:flex;& div{padding:2rem;& input,& textarea{padding:.5rem}& input,& textarea{background-color:#fff;border:1px solid #ccc;outline:none}& input{height:1.5rem;margin-bottom:1rem;margin-right:1rem}& textarea{height:10rem;width:100%}}}@media screen and (max-width:1024px){.sub-section--contact{gap:1.5rem;padding:1.5rem 1rem}.contact-card{min-width:200px}}@media screen and (max-width:768px){.sub-section--contact{flex-direction:column;gap:1.5rem;padding:1.5rem .5rem}.contact-card{min-width:auto;padding:1.5rem 1rem}.contact-card__icon{height:50px;width:50px}.contact-card__icon i{font-size:1.5rem}.contact-card__content h3{font-size:1.1rem}.contact-card__content a,.contact-card__content p{font-size:.95rem}}@media screen and (max-width:480px){.section--contact .section-heading h2{font-size:24px}.sub-section--contact{gap:1rem;padding:1rem .5rem}.contact-card{padding:1.25rem .75rem}.contact-card__icon{height:45px;width:45px}.contact-card__icon i{font-size:1.3rem}.contact-card__content h3{font-size:1rem}.contact-card__content a,.contact-card__content p{font-size:.9rem}}.header{align-items:center;background:transparent;display:flex;height:5rem;justify-content:space-between;padding:0 1rem;position:fixed;transition:background 1s ease-out;width:inherit;z-index:100}.scrolled .header{background:#fff;box-shadow:0 0 4px rgba(0,0,0,.14),0 4px 8px rgba(0,0,0,.28);transition:background .5s ease-in}.user{align-items:center;color:#fff;display:flex;gap:.5rem;justify-content:center;margin-left:0}.scrolled .user{color:#444}.user-image{border:1px solid transparent;border-radius:50%;height:4rem;overflow:hidden;width:4rem}.user-image img{height:100%;width:100%}.user-info{display:flex;flex-direction:column}.user h3{margin:0 0 -3px;padding:0}.hamburger{background:none;border:none;cursor:pointer;display:none;flex-direction:column;gap:5px;padding:8px;position:relative;z-index:1002}.hamburger span{background-color:#fff;border-radius:2px;height:3px;transition:all .3s ease;width:25px}.hamburger.active span:first-child{-webkit-transform:rotate(45deg) translate(8px,8px);transform:rotate(45deg) translate(8px,8px)}.hamburger.active span:nth-child(2){opacity:0}.hamburger.active span:nth-child(3){-webkit-transform:rotate(-45deg) translate(7px,-7px);transform:rotate(-45deg) translate(7px,-7px)}@media screen and (max-width:768px){.hamburger{display:flex}.header-links{background:linear-gradient(180deg,#051937,#002d46,#003e42,#004d31);bottom:0;box-shadow:2px 0 15px rgba(0,0,0,.5);left:-100%;overflow-y:auto;padding-top:100px;position:fixed;top:0;transition:left .3s ease;width:280px;z-index:1001}.header-links.active{left:0}.header-links:before{background:rgba(0,0,0,.5);bottom:0;content:"";left:0;opacity:0;pointer-events:none;position:fixed;right:0;top:0;transition:opacity .3s ease;z-index:-1}.header-links.active:before{opacity:1;pointer-events:auto}.header-links ul{align-items:stretch;flex-direction:column;gap:0;padding:0}.header-links li{border-bottom:1px solid hsla(0,0%,100%,.1);padding:0}.header-links li:last-child{border-bottom:none}.header-links a{align-items:center;display:flex;font-size:1.1rem;padding:1.25rem 1.5rem;transition:background .2s ease}.header-links li:hover{background:hsla(0,0%,100%,.08)}.header-links svg{margin:0 auto}}.header-links{align-items:center;display:flex;& ul{align-items:center;display:flex;font-size:1.1rem;gap:1rem;list-style:none;margin-right:2rem;& li{cursor:pointer}}& a.disabled{pointer-events:none}& a:hover{-webkit-animation:glow 1s ease-in-out infinite alternate;animation:glow 1s ease-in-out infinite alternate;background:0 0}& svg{fill:#fff;margin-top:.4rem}}.scrolled .header-links{& a{color:#444}& a:hover{-webkit-animation:none;animation:none;background:0 0}& svg{fill:#444}& svg.linkedin{fill:#0b65c2}}.hire-me{border:2px solid #fff;border-bottom-left-radius:.5rem;border-bottom-right-radius:.5rem;border-top-left-radius:.5rem;border-top-right-radius:.5rem;font-weight:600;padding:.5rem}.scrolled .hire-me{border-color:#ff8c00;& a{color:#ff8c00}}@-webkit-keyframes glow{0%{text-shadow:0 0 5px #fff,0 0 10px #fff,0 0 20px #e9e8ef,0 0 30px #e9e8ef,0 0 40px #e9e8ef,0 0 50px #e9e8ef,0 0 60px #e9e8ef}to{text-shadow:0 0 10px #fff,0 0 20px #000,0 0 30px #000,0 0 40px #a98a89,0 0 50px #000,0 0 60px #000,0 0 70px #000}}@keyframes glow{0%{text-shadow:0 0 5px #fff,0 0 10px #fff,0 0 20px #e9e8ef,0 0 30px #e9e8ef,0 0 40px #e9e8ef,0 0 50px #e9e8ef,0 0 60px #e9e8ef}to{text-shadow:0 0 10px #fff,0 0 20px #000,0 0 30px #000,0 0 40px #a98a89,0 0 50px #000,0 0 60px #000,0 0 70px #000}}@media screen and (max-width:768px){.header{padding:0 1rem}.user{margin-left:0}.user-info span{font-size:.8rem}.user h3{font-size:1rem}.user-image{height:3rem;width:3rem}.hamburger{display:flex}.header-links{background:rgba(5,25,55,.98);height:calc(100vh - 5rem);max-width:300px;padding:2rem 0;position:fixed;right:-100%;top:5rem;transition:right .3s ease;width:70%;& ul{align-items:flex-start;flex-direction:column;margin-right:0;padding:0;width:100%;& li{border-bottom:1px solid hsla(0,0%,100%,.1);padding:1rem 2rem;width:100%;& a{color:#fff!important}& svg{fill:#fff!important}}}}.header-links.active{right:0}.scrolled .header-links{background:hsla(0,0%,100%,.98);& ul li a{color:#444!important}& ul li svg{fill:#444!important}& ul li svg.linkedin{fill:#0b65c2!important}}}@media screen and (max-width:480px){.user-info h3{font-size:.9rem}.user-info span{font-size:.7rem}}.section--brief{align-items:center;background-image:linear-gradient(to right top,#051937,#002d46,#003e42,#004d31,#46571e);display:flex;height:100vh;padding:0 2rem}.brief{color:#fff;display:block;max-width:1200px;position:relative;width:100%}.brief h1{font-weight:200;max-width:50%;text-transform:uppercase;width:100%;& b{color:#fff}}.brief h3{font-family:Raleway,sans-serif;font-weight:400;max-width:40%;width:100%}@media screen and (max-width:1024px){.brief h1{font-size:2.5rem;max-width:70%}.brief h3{font-size:1.2rem;max-width:60%}}@media screen and (max-width:768px){.section--brief{padding:0 1.5rem}.brief h1{font-size:2rem;max-width:100%}.brief h3{font-size:1rem;max-width:100%}}@media screen and (max-width:480px){.section--brief{padding:0 1rem}.brief h1{font-size:1.5rem;line-height:1.3}.brief h3{font-size:.9rem;line-height:1.4}}.section--services{background-attachment:fixed;background-image:linear-gradient(to right top,#051937,#002d46,#003e42,#004d31,#46571e);background-repeat:no-repeat;background-size:cover;color:#fff;display:flex;flex-direction:column;justify-content:center;padding:2rem 1rem}.section-heading{font-weight:500}.section--services .section-heading h2:before{border-color:#fff;border-style:solid;border-width:1px 0;bottom:0;padding:4px 0 5px;width:100px}.section--services .section-heading h2:after{background-color:#fff;bottom:5px;height:1px;width:200px}.sub-section{font-size:1.2rem;z-index:5}.sub-section--services{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin:0 auto 3rem;max-width:1400px;width:100%}.sub-section__service{align-items:center;display:flex;flex-direction:column;gap:1rem;min-width:300px;padding:1.5rem 1rem;text-align:center;width:30%}.sub-section__icon{align-items:center;display:flex;flex-shrink:0;justify-content:center;max-width:none;min-width:auto;padding-top:0}.sub-section__icon i{font-size:3.5rem!important;opacity:.9;text-shadow:0 2px 4px rgba(0,0,0,.2);transition:all .3s ease}.sub-section__icon i.fa-mobile{font-size:4.2rem!important}.sub-section__service:hover .sub-section__icon i{opacity:1;text-shadow:0 4px 8px rgba(0,0,0,.3);-webkit-transform:scale(1.15);transform:scale(1.15)}.sub-section--services-upsell-item{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(4,1fr);justify-content:center;margin:0 auto;max-width:1400px;padding:2rem 3rem}.sub-section__stats{flex-direction:column;gap:.75rem;text-align:center}.sub-section__stats,.sub-section__stats-icon{align-items:center;display:flex;justify-content:center}.sub-section__stats-icon{width:100%}.sub-section__stats-value{align-items:center;display:flex;justify-content:center;width:100%}.sub-section__stats h3{text-align:center;width:100%}.sub-section__stats-icon i{font-size:3rem!important;opacity:.9;transition:all .3s ease}.sub-section__stats:hover .sub-section__stats-icon i{opacity:1;-webkit-transform:scale(1.15);transform:scale(1.15)}.sub-section__stats h3{font-size:1rem;font-weight:400;letter-spacing:.5px;margin:0}.sub-section__stats-value{font-size:2.5rem;font-weight:700}.sub-section__stats-value strong{font-size:inherit}@media screen and (max-width:1024px){.sub-section__service{min-width:250px;padding:1.25rem .75rem;width:45%}.sub-section--services-upsell-item{grid-template-columns:repeat(2,1fr);padding:2rem 1rem}}@media screen and (max-width:768px){.section--services{padding:1.5rem .5rem}.sub-section{font-size:1rem}.sub-section__service{align-items:flex-start;flex-direction:row;gap:.75rem;min-width:auto;padding:1rem .75rem;text-align:left;width:100%;& h3{font-size:1.1rem;margin:0 0 .5rem}& p{font-size:.9rem;margin:0}}.sub-section__icon{max-width:50px;min-width:50px;& i{font-size:2rem!important}& i.fa-mobile{font-size:2.5rem!important}}.sub-section--services-upsell-item{gap:1.5rem;grid-template-columns:repeat(2,1fr);padding:1.5rem .5rem}.sub-section__stats{flex-direction:row;gap:.5rem;min-width:auto}.sub-section__stats-icon{order:0}.sub-section__stats-value{order:1}.sub-section__stats h3{order:2;width:100%}.sub-section__stats-icon i{font-size:2rem!important}.sub-section__stats-value{font-size:1.5rem}.sub-section__stats h3{font-size:.9rem}}@media screen and (max-width:480px){.section--services{padding:1rem .25rem}.sub-section__service{align-items:flex-start;flex-direction:row;gap:.5rem;padding:.5rem;text-align:left;& h3{font-size:1rem;margin:0 0 .4rem}& p{font-size:.85rem;margin:0}}.sub-section__icon{max-width:40px;min-width:40px;padding-top:.1rem;& i{font-size:1.75rem!important}& i.fa-mobile{font-size:2.25rem!important}}.sub-section--services-upsell-item{gap:1rem;grid-template-columns:repeat(2,1fr);padding:1rem .25rem}.sub-section__stats{flex-direction:row;flex-wrap:wrap;gap:.4rem;min-width:auto}.sub-section__stats-icon{order:0}.sub-section__stats-value{order:1}.sub-section__stats h3{order:2;width:100%}.sub-section__stats-icon i{font-size:1.75rem!important}.sub-section__stats-value{font-size:1.5rem}.sub-section__stats h3{font-size:.8rem}}#particles-js{background-color:#fff;height:100%;left:0;position:fixed;top:0;width:100%;z-index:-1}@media screen and (max-width:768px){#particles-js{opacity:.5}}.projects-popup{-webkit-animation:slideInUp .5s ease-out;animation:slideInUp .5s ease-out;bottom:2rem;position:fixed;right:2rem;z-index:1003}.projects-popup.closing{-webkit-animation:slideOutDown .3s ease-in;animation:slideOutDown .3s ease-in}.projects-popup__close{align-items:center;background:#da1111;border:2px solid #fff;border-radius:50%;box-shadow:0 2px 8px rgba(0,0,0,.3);color:#fff;cursor:pointer;display:flex;font-size:20px;height:30px;justify-content:center;line-height:1;position:absolute;right:-10px;top:-10px;transition:all .2s ease;width:30px;z-index:10}.projects-popup__close:hover{background:#b01919;-webkit-transform:scale(1.1);transform:scale(1.1)}.projects-popup__button{background:linear-gradient(135deg,#051937,#004d31);border:3px solid #fff;border-radius:15px;box-shadow:0 8px 30px rgba(0,0,0,.3);color:#fff;cursor:pointer;font-size:1.1rem;font-weight:600;line-height:1.5;max-width:350px;padding:1.25rem 2rem;text-align:center;transition:all .3s ease}.projects-popup__button:hover{background:linear-gradient(135deg,#002d46,#003e42);box-shadow:0 12px 40px rgba(5,25,55,.4);-webkit-transform:translateY(-3px);transform:translateY(-3px)}.projects-popup__button:active{box-shadow:0 6px 20px rgba(5,25,55,.3);-webkit-transform:translateY(-1px);transform:translateY(-1px)}@-webkit-keyframes slideInUp{0%{opacity:0;-webkit-transform:translateY(100px);transform:translateY(100px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes slideInUp{0%{opacity:0;-webkit-transform:translateY(100px);transform:translateY(100px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes slideOutDown{0%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}to{opacity:0;-webkit-transform:translateY(100px);transform:translateY(100px)}}@keyframes slideOutDown{0%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}to{opacity:0;-webkit-transform:translateY(100px);transform:translateY(100px)}}@media screen and (max-width:1024px){.projects-popup{display:none}}.projects-page{background:linear-gradient(180deg,#f9f9f9,#e8f5e9);min-height:100vh;padding:2rem}.projects-page__header{margin:0 auto 3rem;max-width:800px;position:relative}.projects-page__back{align-items:center;background:linear-gradient(135deg,#051937,#004d31);border:none;border-radius:25px;color:#fff;cursor:pointer;display:inline-flex;font-size:1rem;font-weight:600;gap:.5rem;line-height:1;margin-bottom:2rem;padding:.75rem 1.5rem;position:relative;top:-.3rem;transition:all .3s ease}.projects-page__back-arrow{position:relative;top:-.1rem}.projects-page__back:hover{box-shadow:0 6px 20px rgba(5,25,55,.3);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.projects-page__header h1{color:#1a3a2e;font-size:3rem;margin:1rem 0 .5rem;text-align:center}.projects-page__header p{color:#3a5a44;font-size:1.2rem;text-align:center}.projects-page__grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));margin:0 auto;max-width:1400px}.project-card{background:#fff;border-radius:12px;box-shadow:0 4px 20px rgba(0,0,0,.1);overflow:hidden;transition:all .3s ease}.project-card:hover{box-shadow:0 8px 30px rgba(0,0,0,.15);-webkit-transform:translateY(-8px);transform:translateY(-8px)}.project-card__preview{align-items:center;aspect-ratio:16/9;background:#f0f0f0;display:flex;justify-content:center;overflow:hidden;position:relative;width:100%}.project-card__preview iframe{border:none;height:100%;pointer-events:none;-webkit-transform:scale(1);transform:scale(1);-webkit-transform-origin:top left;transform-origin:top left;width:100%}.project-card__preview-overlay{align-items:center;background:linear-gradient(135deg,#051937,#004d31);color:#fff;display:flex;flex-direction:column;height:100%;justify-content:center;padding:2rem;text-align:center;width:100%}.project-card__preview-overlay h4{color:#fff;font-size:1.5rem;margin:0 0 .5rem}.project-card__preview-overlay p{font-size:1rem;margin:0;opacity:.9}.project-card__info{padding:1.5rem}.project-card__info h3{color:#1a3a2e;font-size:1.5rem;margin:0 0 .5rem}.project-card__info p{color:#3a5a44;font-size:1rem;line-height:1.6;margin:0 0 1rem}.project-card__info a{color:#051937;font-weight:600;text-decoration:none;transition:color .2s ease}.project-card__info a:hover{color:#004d31;text-decoration:underline}.project-modal{align-items:center;-webkit-animation:fadeIn .3s ease;animation:fadeIn .3s ease;background:rgba(0,0,0,.8);bottom:0;display:flex;justify-content:center;left:0;padding:2rem;position:fixed;right:0;top:0;z-index:2000}.project-modal__content{-webkit-animation:slideUp .3s ease;animation:slideUp .3s ease;background:#fff;border-radius:12px;display:flex;flex-direction:column;max-height:90vh;max-width:1200px;position:relative;width:100%}.project-modal__close{align-items:center;background:#1a3a2e;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:24px;height:40px;justify-content:center;position:absolute;right:1rem;top:1rem;transition:all .2s ease;width:40px;z-index:10}.project-modal__close:hover{background:#2d5a3d;-webkit-transform:scale(1.1);transform:scale(1.1)}.project-modal__content h2{border-bottom:2px solid #e8f5e9;color:#1a3a2e;margin:0;padding:1.5rem 2rem}.project-modal__iframe{background:#f9f9f9;display:flex;flex:1 1;flex-direction:column;min-height:50vh;overflow:hidden;padding:1rem}.project-modal__iframe iframe{background:#fff;border:2px solid #e8f5e9;border-radius:8px;flex:1 1;min-height:50vh;width:100%}.project-modal__actions{border-top:2px solid #e8f5e9;display:flex;justify-content:center;padding:1.5rem 2rem}.project-modal__button{background:linear-gradient(135deg,#051937,#004d31);border:none;border-radius:25px;color:#fff;cursor:pointer;display:inline-block;font-size:1rem;font-weight:600;padding:.75rem 2rem;text-decoration:none;transition:all .3s ease}.project-modal__button:hover{box-shadow:0 6px 20px rgba(5,25,55,.3);-webkit-transform:translateY(-2px);transform:translateY(-2px)}@-webkit-keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@-webkit-keyframes slideUp{0%{opacity:0;-webkit-transform:translateY(50px);transform:translateY(50px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;-webkit-transform:translateY(50px);transform:translateY(50px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@media screen and (max-width:768px){.projects-page{padding:1rem}.projects-page__header h1{font-size:2rem}.projects-page__header p{font-size:1rem}.projects-page__grid{gap:1.5rem;grid-template-columns:1fr}.project-card__preview{aspect-ratio:9/16}.project-modal{padding:1rem}.project-modal__content h2{font-size:1.5rem;padding:1rem}.project-modal__iframe{padding:.5rem}.project-modal__actions{padding:1rem}}@media screen and (max-width:480px){.projects-page__header h1{font-size:1.75rem}.project-card__info{padding:1rem}.project-card__info h3{font-size:1.25rem}}
/*# sourceMappingURL=main.724b1dbd.css.map*/