.header{z-index:1;width:100%;height:75px;color:var(--text-light);grid-template-columns:1fr 1fr 1fr;transition:transform .3s;display:grid;position:fixed;top:0;left:0}.header--hidden{transform:translateY(-100%)}.header__spacer{width:100%;height:75px;display:block}.header__left,.header__center,.header__right{background-color:var(--secondary);justify-content:center;align-items:center;display:flex}.header__center{justify-content:center;display:flex}.header__logo{justify-content:center;align-items:center;text-decoration:none;display:flex;position:relative;overflow:hidden}.header__logo-short,.header__logo-full{white-space:nowrap;transition:all .3s}.header__logo-short{opacity:1;margin:auto;position:absolute;transform:translate(0)}.header__logo-full{opacity:0;transform:translate(50px)}.header__logo:hover .header__logo-short{opacity:0;transform:translate(-50px)}.header__logo:hover .header__logo-full{opacity:1;transform:translate(0)}.footer{background-color:var(--secondary);width:100%;height:100px;color:var(--text-light);z-index:1;flex-direction:column;display:flex;position:fixed;bottom:0}.footer__nav-container{justify-content:space-around;align-items:center;height:40%;margin:0 30px;display:flex}.footer__bottom,.footer__contact-container{justify-content:center;align-items:center;display:flex}.footer__contact{color:var(--text-light);opacity:.7;padding:5px}.footer__contact:hover{opacity:1}.main{background:var(--primary);width:100%;height:calc(100vh - 175px);position:relative;overflow:hidden}.main__canvas{z-index:0;touch-action:none;display:block;position:fixed;top:0;left:0}.main__mission-statement{color:var(--text-light);z-index:2;text-align:center;font-size:clamp(18px,6vw,29px);font-weight:700;position:fixed;top:35%;left:50%;transform:translate(-50%,-50%)}@media (width<=768px){.main__mission-statement{width:100%;top:37%}}.work{background-color:var(--primary)}.work__title{border-bottom:1px solid var(--text-light);color:var(--text-light);width:fit-content;margin:0 auto 20px;padding-top:10px;font-size:60px}.work__section{border-bottom:1px solid var(--accent1);grid-template-columns:1fr 1px 1fr;grid-template-areas:"vid divider desc";gap:30px;margin:0 10px;padding:10px 0;display:grid}.work__section:last-child{border:0}.work__section:nth-child(2n){grid-template-areas:"desc divider vid"}.work__section-vid{grid-area:vid;transition:all .3s;position:sticky;top:100px}.work__section-vid:hover{opacity:.7}.work__grid-section-divider{background-color:var(--accent1);grid-area:divider;width:1px;height:100%;display:grid}.work__section-divider{background-color:var(--accent1);height:1px;margin:0 10px;display:block}.work__section-description{background-color:var(--secondary);color:var(--text-light);grid-area:desc;padding:20px;font-size:23px}.work__section-description .description-title{font-size:40px;font-weight:700}.work__social-container{justify-content:space-around;align-items:center;height:100px;display:flex}.work__social-img{max-height:100%}.work__workflow-container{margin:0 100px}.work__workflow-step{color:var(--text-light);align-items:center;gap:20px;padding:20px;display:flex}.work__workflow-list-items{width:fit-content;height:fit-content;position:relative}.work__workflow-circle{background-color:var(--accent1);opacity:.7;border-radius:50%;width:50px;height:50px;position:relative}.work__workflow-circle:after{content:"";background-color:var(--accent1);opacity:.4;width:2px;height:60px;position:absolute;top:100%;left:50%;transform:translate(-50%)}.work__workflow-step:last-child .work__workflow-circle:after{display:none}.work__workflow-number{color:var(--text-light2);font-size:20px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.work__workflow-step-title{font-size:23px}.work__workflow-step-description{opacity:.7;font-size:23px}.work__prices-container{margin:0 90px}.work__prices-title{color:var(--text-light);font-size:23px}.work__prices-subtitle{color:var(--text-light);opacity:.7;margin-bottom:10px}.work__prices-cards-container{grid-template-columns:repeat(3,1fr);justify-items:center;gap:20px;padding-bottom:50px;display:grid}.work__prices-card{background-color:var(--gray);border:2px solid var(--text-light1);color:var(--text-light);border-radius:20px;flex-direction:column;max-width:350px;padding:20px;display:flex}.work__prices-card_featured{border:5px solid var(--accent1)}.work__prices-featured-title{background-color:var(--accent1);color:var(--text-light2);border-radius:10px;margin:5px 20px 10px;padding:5px 10px}.work__prices-card-divider{background-color:var(--text-light1);height:1px;margin:10px 0;display:block}.work__prices-list-item{align-items:center;gap:10px;display:flex}.work__prices-list-item:last-of-type{margin-bottom:20px}.work__prices-btn{text-align:center;border:1px solid var(--accent1);border-radius:10px;margin-top:auto;padding:10px;transition:all .3s}.work__prices-btn:hover{box-shadow:0 0 10px var(--accent1);scale:1.02}@media (width<=1044px){.work__section{flex-direction:column;display:flex}.work__workflow-container{margin:0 15px}.work__workflow-step{align-items:start}.work__workflow-circle:after{display:none}.work__prices-cards-container{flex-direction:column;display:flex}.work__prices-container{margin:0 20px}}.about{background-color:var(--primary);min-height:calc(100vh - 175px);color:var(--text-light);flex-direction:column;justify-content:space-around;align-items:center;display:flex}.about__title{border-bottom:1px solid var(--text-light);width:fit-content;margin:0 auto 20px;padding-top:10px;font-size:60px}.about__description{text-align:center;max-width:60vw;margin:auto;padding:50px;font-size:clamp(23px,5vw,30px)}.about__connect-btn{border:1px solid var(--accent1);color:var(--text-light);border-radius:10px;justify-content:center;margin:0 auto 80px;padding:15px;transition:all .3s;display:flex}.about__connect-btn:hover{box-shadow:0 0 10px var(--accent1);scale:1.02}@media (width<=768px){.about__description{max-width:none;padding:30px 15px}}.modal{z-index:10;width:100vw;height:100vh;color:var(--text-light);background-color:#b1b1b165;justify-content:center;align-items:center;display:flex;position:fixed;top:0;left:0}.modal__container{background-color:var(--primary);border-radius:20px;width:50%;position:relative}.modal__title{text-align:center;padding:20px 20px 0}.modal__close-btn{cursor:pointer;width:20px;height:20px;position:absolute;top:15px;right:15px}.modal__close-btn:before,.modal__close-btn:after{content:"";background:var(--text-light);width:20px;height:2px;position:absolute;inset:50% auto auto 50%}.modal__close-btn:before{transform:translate(-50%,-50%)rotate(45deg)}.modal__close-btn:after{transform:translate(-50%,-50%)rotate(-45deg)}.modal__form{flex-direction:column;gap:15px;padding:20px;display:flex}.modal__form-label{flex-direction:column;display:flex}.modal__form-input{background-color:var(--text-light1);cursor:text;color:var(--text-dark);border:1px solid #0000;border-radius:10px;padding:5px}.modal__submit{text-align:center;border:1px solid var(--accent1);border-radius:10px;margin:auto;padding:10px 15px;transition:all .3s}.modal__submit:hover{box-shadow:0 0 10px var(--accent1);scale:1.02}.error{border:1px solid red}.error-message{color:red;font-size:15px}@media (width<=768px){.modal__container{width:90%}.modal__form-input::placeholder{color:#5c5c5c}}:root{--text-dark:#000;--text-light:#fff;--text-light1:#b3b3b3;--text-light2:#99f2f5;--primary:#1c1c1c;--secondary:#294669;--accent1:#478b8d;--accent2:#e4d329;--gray:#3a3a3a}*,:before,:after{box-sizing:border-box;margin:0;padding:0;font-family:Quantico}html,body{width:100%;height:100%;font:inherit;color:inherit;background:0 0}#root{padding-bottom:100px}a{color:inherit;text-decoration:none}ul,ol,li{list-style:none}button,input,textarea,select{all:unset;box-sizing:border-box;cursor:pointer}img,picture,video,canvas,svg{max-width:100%;display:block}table{border-collapse:collapse;border-spacing:0}@font-face{font-family:Quantico;src:url(/assets/Quantico-Regular-BXatNHwx.ttf);font-weight:400;font-style:normal}@font-face{font-family:Quantico;src:url(/assets/Quantico-Bold-C0TFRA5H.ttf);font-weight:700;font-style:normal}@font-face{font-family:Quantico;src:url(/assets/Quantico-Italic-BEfxm4Cn.ttf);font-weight:400;font-style:italic}@font-face{font-family:Quantico;src:url(/assets/Quantico-BoldItalic-C-WIutfl.ttf);font-weight:700;font-style:italic}