.opening-section{height:110vh;min-height:105vh;background-size:cover;background-position:50%;background-repeat:no-repeat;position:relative;overflow:hidden;display:grid}.opening-green-section{background-color:#162816;height:10%;width:5%;opacity:0;color:white;position:absolute;top:50%;left:50%;transition:all .4s cubic-bezier(.25,.25,.25,.25)}.opening-green-section.animate{width:5%;height:100%;opacity:1;top:0;left:50%}.opening-green-section.animate-second{width:100%;height:100%;opacity:1;top:0;left:0;transition:all .6s cubic-bezier(.25,.25,.25,.25)}.opening-section-x-container{display:grid;place-items:center;width:100%;height:100%}.opening-section-x{opacity:0;position:relative;width:80%;height:70%;transform:translate(-1%,-20%);transition:all .6s cubic-bezier(.25,.25,.25,.25)}.opening-section-x.animate-third{transform:translate(-3%,-25%) scale(2.6);width:100%;height:100%;animation:fade-in-out .8s forwards}.opening-section-transparent-x{opacity:1;position:relative;width:100%;height:100%;transform:translate(-3%,-25%) scale(2.6)}.opening-section-transparent-x.animate-forth.animate-fourth{opacity:1}.opening-section-centered-content{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:10;display:flex;justify-content:center;align-items:center;width:100%;height:100%}.centered-text-container{text-align:center;color:white;max-width:600px;padding:2rem;background-color:rgba(22,40,22,.8);border-radius:12px;backdrop-filter:blur(10px);animation:slide-up-fade-in .8s ease-out forwards}.centered-title{font-size:3.5rem;font-weight:700;margin-bottom:1rem;line-height:1.2;text-shadow:2px 2px 4px rgba(0,0,0,.5)}.centered-description{font-size:1.25rem;line-height:1.6;opacity:.9;margin:0;text-shadow:1px 1px 2px rgba(0,0,0,.5)}@keyframes slide-up-fade-in{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.opening-section-square-1,.opening-section-square-2{background-color:#162816;height:15vh;width:15vw;position:relative}.opening-section-square-1{transform:rotate(220deg) translate(-4vw,-40vh)}.opening-section-square-2{transform:rotate(220deg) translate(-3vw)}.opening-section-squares{display:flex;width:130vw;justify-content:space-between;position:absolute;left:-15%}.opening-section-square-3,.opening-section-square-4{background-color:#162816;height:15vh;width:15vw;position:relative}.opening-section-square-3{transform:rotate(220deg) translate(2vw,-5vh)}.opening-section-square-4{transform:rotate(220deg) translate(-3vw,-30vh)}.opening-green-section.animate-sixth{opacity:0;transition:opacity .1s ease-in-out}.opening-section-shadow{position:absolute;bottom:0;left:0;width:100%;height:200px;background:linear-gradient(0deg,#0F271E 0,rgba(15,39,30,.8) 50%,transparent);z-index:5}@keyframes fade-in-out{0%{opacity:0}50%{opacity:1}to{opacity:0}}@media (max-width:640px){.opening-section{height:100vh;min-height:100vh}.opening-section-x{width:90%;height:60%}.opening-section-transparent-x,.opening-section-x.animate-third{transform:translate(-3%,-25%) scale(2)}.opening-section-squares{display:none}.opening-section-square-1,.opening-section-square-2{height:150px;width:150px;display:none}.opening-section-square-1{transform:rotate(220deg) translate(-2vw,-30vh)}.opening-section-square-2{transform:rotate(220deg) translate(-1vw)}.opening-section-shadow{height:150px}}@media (min-width:641px) and (max-width:768px){.opening-section{height:120vh}.opening-section-transparent-x,.opening-section-x.animate-third{transform:translate(-3%,-25%) scale(2.2)}.opening-section-square-1,.opening-section-square-2{height:250px;width:250px;display:none}}@media (min-width:768px) and (max-width:1024px){.opening-section{height:60vh!important}.opening-section-transparent-x,.opening-section-x.animate-third{transform:translate(-3%,-25%) scale(2.4)}.opening-section-square-1,.opening-section-square-2{height:350px;width:350px;display:none}}@media (min-width:1025px){.opening-section-square-1,.opening-section-square-2,.opening-section-square-3,.opening-section-square-4{height:450px;width:450px}}@media (min-width:1280px){.opening-section-square-1,.opening-section-square-2{height:550px;width:550px}}@media (max-width:768px) and (orientation:landscape){.opening-section{height:100vh;min-height:100vh}.opening-section-transparent-x,.opening-section-x.animate-third{transform:translate(-3%,-25%) scale(1.8)}}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.opening-section{background-image:url(/images/introImage.jpg)}}