.paragraph{position:relative;color:#202020;font-size:33px;font-weight:500;white-space:nowrap;width:fit-content}.paragraph:before{content:attr(data-text);position:absolute;overflow:hidden;top:0;left:0;width:0;color:#fff;white-space:nowrap}.paragraph.active:before{animation:text-anim 3s linear forwards;animation-delay:var(--delay)}.paragraph.stop:before{animation:text-anim 3s linear forwards;animation-play-state:paused}@media(max-width:768px){.paragraph{width:100%;padding-right:1rem;padding-left:1rem}@media (min-width:640px){.paragraph{max-width:640px}}@media (min-width:768px){.paragraph{max-width:768px}}@media (min-width:1024px){.paragraph{max-width:1024px}}@media (min-width:1280px){.paragraph{max-width:1280px}}@media (min-width:1536px){.paragraph{max-width:1536px}}.paragraph{margin-left:auto;margin-right:auto;white-space:wrap;color:#fff;text-align:justify;line-height:40px}.paragraph.active:before{animation-play-state:paused}}@keyframes text-anim{0%,40%{width:0}to{width:100%}}#split .reveal-type{padding-left:.5rem;padding-right:.5rem;text-align:center}#split .reveal-type .word{font-size:20px}@media (min-width:768px){#split .reveal-type .word{font-size:30px}}#split .reveal-type .word .char{font-size:20px}@media (min-width:768px){#split .reveal-type .word .char{font-size:30px}}.split-container .reveal-type{padding-left:.5rem;padding-right:.5rem;text-align:center}.split-container .reveal-type .word{font-size:20px}@media (min-width:768px){.split-container .reveal-type .word{font-size:30px}}.split-container .reveal-type .word .char{font-size:20px}@media (min-width:768px){.split-container .reveal-type .word .char{font-size:30px}}.latest-project{position:relative;z-index:2;display:flex;min-height:10vh;width:100%;flex-direction:column;align-items:center;padding-top:20px}.modal-video-with-description{padding-right:1rem;padding-left:1rem}@media (min-width:640px){.modal-video-with-description{max-width:640px}}@media (min-width:768px){.modal-video-with-description{max-width:768px}}@media (min-width:1024px){.modal-video-with-description{max-width:1024px}}@media (min-width:1280px){.modal-video-with-description{max-width:1280px}}@media (min-width:1536px){.modal-video-with-description{max-width:1536px}}.modal-video-with-description{margin-left:auto;margin-right:auto;margin-bottom:100px;display:flex;min-height:300px;width:100%;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:.75rem;padding-top:50px}@media (min-width:768px){.modal-video-with-description{flex-direction:row}}.modal-video-with-description .section-1{display:flex;min-height:300px;width:100%;flex-direction:column;text-align:start}@media (min-width:768px){.modal-video-with-description .section-1{width:50%;text-align:start}}.modal-video-with-description .section-1 p:first-child{font-size:2px!important;font-family:UniversBold,sans-serif}.modal-video-with-description .section-1 p:first-child strong{font-family:UniversBold,sans-serif;font-size:33px!important}.modal-video-with-description .section-1 p,.modal-video-with-description .section-1 p span{color:#fff!important}.modal-video-with-description .section-2{background-image:var(--video-bg);position:relative;min-height:350px;width:100%;cursor:pointer;background-size:cover;background-position:50%;background-repeat:no-repeat}@media (min-width:768px){.modal-video-with-description .section-2{width:50%}}.modal-video-with-description .section-2 img{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:70px;height:70px}.modal-video-with-description .j-modal{position:fixed;top:.5rem;left:0;z-index:1000;display:flex;height:100vh;width:100%;align-items:center;justify-content:center}.modal-video-with-description .j-modal .j-overlay{position:fixed;top:0;left:0;z-index:-10;height:100%;width:100%;opacity:.9;backdrop-filter:blur(8px)}.modal-video-with-description .j-modal .content{height:70%;width:100%;border-radius:.375rem;--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity))}@media (min-width:768px){.modal-video-with-description .j-modal .content{width:70%}}.modal-video-with-description .j-modal .content.enter{animation:enter .3s linear forwards}.modal-video-with-description .j-modal .content.out{animation:out 0,3s linear forwards}@keyframes enter{0%{opacity:0;transform:translateY(-50px)}to{opacity:1;transform:translateY(0)}}@keyframes out{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-200px)}}.modal-video-with-description .video{position:relative}.modal-video-with-description .video .control-play{position:absolute;cursor:pointer;top:50%;left:50%;transform:translate(-50%,-50%);opacity:.5;transition:.3s}.modal-video-with-description .video .control-play:hover{opacity:1}.modal-video-with-description .video .control-pause{position:absolute;cursor:pointer;top:50%;left:50%;transform:translate(-50%,-50%);opacity:.5;visibility:hidden;transition:.3s}.modal-video-with-description .video .control-pause:hover{opacity:1}.modal-video-with-description .video:hover .control-pause{visibility:visible}