.overlay{width:100%;height:100%;position:fixed;inset:0;background:rgba(0,0,0,.6);backdrop-filter:blur(10px);display:flex;justify-content:center;align-items:center;z-index:9999;animation:fadeIn .3s ease}.modal{border-radius:16px;width:90%;max-width:1000px;aspect-ratio:16/9;position:relative;animation:scaleIn .3s ease;overflow:hidden;z-index:9999;background-color:var(--primary-bg)}.closeButton{position:absolute;top:10px;right:15px;background:transparent;border:none;font-size:2rem;color:#fff;cursor:pointer;z-index:10000;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center}.videoWrapper{position:relative;width:100%;padding-bottom:56.25%;height:0;overflow:hidden;border-radius:10px;z-index:9999}.hidden-frame{display:none}.visible-frame{display:block}.videoWrapper iframe,.videoWrapper video{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:10px;z-index:9999}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}.video-container{width:100%;height:77vh;position:relative;max-height:750px;z-index:0}.video-container:before{content:"";width:120%;height:30%;position:absolute;bottom:-100px;left:-20px;background-color:var(--primary-bg);transform:rotate(-4.5deg);-webkit-transform:rotate(-4.5deg);-moz-transform:rotate(-4.5deg);-ms-transform:rotate(-4.5deg);-o-transform:rotate(-4.5deg);z-index:3}.VideoSection{position:relative;display:flex;justify-content:center;align-items:center;text-align:center;color:white}.VideoSection,.video-background{width:100%;height:100%;overflow:hidden}.video-background{position:absolute;top:0;left:0;z-index:-1;animation:scaleVideo 1.5s ease!important;-webkit-animation:scaleVideo 1.5s ease!important;background-color:var(--primary-bg)}@keyframes scaleVideo{0%{transform:scale(2);-webkit-transform:scale(2);-moz-transform:scale(2);-ms-transform:scale(2);-o-transform:scale(2)}to{transform:scale(1);-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1)}}.video-background video{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(1);transform-origin:center;min-width:100%;min-height:100%;width:auto;height:auto;object-fit:contain;z-index:-1}.message-section{width:100%;max-width:736px;height:100%;max-height:320px;position:absolute;bottom:0;left:200px;right:200px;background-color:rgba(255,255,255,.8);padding:50px 80px;border-radius:15px;-webkit-border-radius:15px;-moz-border-radius:15px;-ms-border-radius:15px;-o-border-radius:15px;z-index:4;display:flex;flex-direction:column;justify-content:center}.message-section .title{width:100%;font-size:var(--title-size);font-weight:900;color:var(--primary-black);padding-right:120px}.message-section .title span{color:var(--primary-green);font-size:var(--title-size)}.message-section .description{width:100%;font-size:var(--sub-title-size);font-weight:300;color:var(--primary-black);margin-top:11px}.message-section .btn-section{width:100%;max-width:473px;height:fit-content;display:flex;flex-direction:row;align-items:center;gap:10px;margin-top:30px}.message-section .btn-section .first-btn,.message-section .btn-section .second-btn{width:100%;height:50px;border-radius:1px;-webkit-border-radius:10px;-moz-border-radius:1px;-ms-border-radius:1px;-o-border-radius:1px;color:var(--primary-white);font-size:18px;font-weight:400;transition:all .2s ease-in-out;-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-ms-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out}.first_btn_link{width:100%}.message-section .btn-section .first-btn{background-color:var(--primary-green)}.message-section .btn-section .second-btn{background-color:var(--primary-bg);display:flex;flex-direction:row;align-items:center;justify-content:center;gap:7px}.message-section .btn-section .first-btn:hover,.message-section .btn-section .second-btn:hover{color:var(--primary-black);background-color:var(--primary-white)}.message-section .btn-section .second-btn .menu-icon{width:36px;height:36px}.message-section .btn-section .second-btn:hover .menu-icon{fill:var(--primary-black);stroke:var(--primary-black)}@media (min-width:1024px) and (max-width:1200px){.message-section{left:100px}}@media (min-width:599px) and (max-width:1024px){.video-container{height:70vh;max-height:650px}.video-container:before{bottom:-8%}.message-section{left:20px;right:20px;bottom:10px;max-width:fit-content;height:fit-content;max-height:fit-content;width:100%;padding:30px 50px}}@media (min-width:481px) and (max-width:598px){.video-container{height:60vh;max-height:550px}.message-section{width:calc(100% - 40px);max-height:fit-content;top:65%;left:50%;transform:translate(-50%,-50%);padding:30px 40px;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);height:fit-content}.message-section .btn-section{width:100%;flex-direction:column}.message-section .title{padding-right:0;font-size:calc(var(--responsive-title-size) - 2px)}.message-section .description{font-size:var(--responsive-sub-title-size)}}@media (min-width:280px) and (max-width:480px){.video-container{height:100vh;max-height:400px}.video-background video{width:710px!important;height:450px}.message-section{width:352px;top:0;left:50%;transform:translate(-50%,283px);padding:30px 14px 40px;-webkit-transform:translate(-50%,283px);-ms-transform:translate(-50%,283px);-o-transform:translate(-50%,283px);-moz-transform:translate(-50%,283px)}.message-section .btn-section{width:100%;flex-direction:column;margin-top:23px}.message-section .title{padding-right:0;font-size:30px}.message-section .description{font-size:18px;margin-bottom:0}}.project-section{width:100%;height:fit-content;margin-top:200px;max-width:1500px;margin-inline:auto;padding-inline:30px}.project-section_title{font-size:var(--title-size);font-weight:900;color:var(--primary-white)}.project-section_title span{color:var(--primary-green);font-weight:900;font-size:var(--title-size)}.project-section .scroll-button{display:none}.project-section .scroll-content{width:100%;height:fit-content;display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:5rem auto}.project-section .scroll-item{width:100%;min-width:340px;aspect-ratio:square;height:100%;position:relative;border-radius:8px;-webkit-border-radius:8px;-moz-border-radius:8px;-ms-border-radius:8px;-o-border-radius:8px;border:1px solid var(--primary-white);box-shadow:0 3px 9px 0 rgba(0,0,0,.5);-webkit-box-shadow:0 3px 9px 0 rgba(0,0,0,.5);-moz-box-shadow:0 3px 9px 0 rgba(0,0,0,.5);overflow:hidden}.project-section .project-card__image{width:100%;height:100%;object-fit:cover;transition:all .6s ease;-webkit-transition:all .6s ease;-moz-transition:all .6s ease;-ms-transition:all .6s ease;-o-transition:all .6s ease}.project-section .scroll-item:hover{border:2px solid var(--primary-green)}.project-section .scroll-item:hover .project-card__image{transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1)}.project-section .project-card-footer{width:100%;position:absolute;bottom:0;left:0;padding:0 15px 20px;display:flex;justify-content:space-between;align-items:center;background-color:#0b1b1f4d;box-shadow:-1px -9px 29px 20px rgba(11,27,31,.31);-webkit-box-shadow:-1px -9px 29px 20px rgba(11,27,31,.31);-moz-box-shadow:-1px -9px 29px 20px rgba(11,27,31,.31)}.project-section .project-card-footer_title{color:#ecebea;font-size:calc(var(--sub-title-size) + 6px);font-weight:300}.project-section .project-card-link{width:30px;height:30px;display:flex;justify-content:center;align-items:center;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;background-color:var(--primary-white)}.project-section .scroll-item:hover .project-card-link{background-color:var(--primary-green)}.project-section .project-section-footer{text-decoration:underline;font-size:var(--sub-title-size);font-weight:400;color:var(--primary-white);text-align:center;margin-top:40px}@media (min-width:280px) and (max-width:1220px){.project-section{margin-top:100px;padding-right:0}.project-section .scroller-wrapper{position:relative;overflow:hidden;z-index:0}.project-section .scroll-container{overflow:hidden;scroll-behavior:smooth;-webkit-overflow-scrolling:touch}.project-section .scroll-content{display:flex;gap:18px}.project-section .project-card__image,.project-section .scroll-item{width:100%;min-width:400px;min-height:400px;aspect-ratio:square}.project-section .scroll-button{display:flex;justify-content:center;align-items:center;background-color:var(--primary-white);border:1px solid var(--border-color);width:53px;height:53px;cursor:pointer;z-index:1;transition:opacity .3s;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%}.project-section .scroll-button:disabled{opacity:.3;cursor:not-allowed}.project-section .right{right:0;z-index:3;padding-left:8px}.project-section .left,.project-section .right{position:absolute;top:50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%)}.project-section .left{left:0;z-index:2;padding-right:8px}.project-section .left-arrow{transform:rotate(180deg);-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg)}}.link-project-card_icon{width:20px;height:20px;fill:black!important}@media (min-width:280px) and (max-width:480px){.project-section{margin-top:89px;padding-left:19px}.scroll-item{box-sizing:content-box}.project-section .project-card__image,.project-section .scroll-item{min-width:284px;height:284px;min-height:284px;max-height:284px;aspect-ratio:square}.project-section_title{font-size:30px;text-align:left}.project-section .scroll-content{margin-top:59px;height:fit-content;margin-left:0;margin-bottom:0}.project-section-footer{margin-top:40px;font-size:17px!important}.scroll-container{scroll-snap-type:x proximity;touch-action:pan-y}}