#container{padding-top:90px}#hero{position:relative;margin-top:201px;display:flex;align-items:center;min-height:860px}#hero .inside{width:100%}#hero h1,#hero p{color:rgb(var(--white));max-width:1100px;text-shadow:0px 0px 30px #000000;text-wrap:balance}#hero h1{text-transform:uppercase;font-size:clamp(2.25em, 6vw, 3.4em);line-height:1em}#hero p{font-size:clamp(1.25em, 3vw, 1.75em);line-height:1.25em}#hero p:has(a){text-shadow:inherit}.hero_text,#hero .content-text{width:100%;z-index:300;position:relative;background:rgb(var(--white));background:linear-gradient(90deg, rgba(var(--prime), 0.6) 0%, rgba(var(--prime), 0) 100%);padding-top:60px;padding-bottom:15px}.hero_text_inside{padding-left:90px;padding-right:90px;max-width:1860px;margin:auto}#hero .image{position:absolute;top:0;left:0;width:100%;height:100%}#hero .content-image,#hero .content-image figure,#hero .content-image img{width:100%;height:100%}#hero .content-image img{object-fit:cover}#hero .content-image.top img{object-posiiton:top}#hero a.arrow{position:absolute;background:rgb(var(--second));width:70px;height:70px;border-radius:50%;display:flex;bottom:-35px;border:2px solid var(--white);align-items:center;justify-content:center;left:calc(50% - 35px);padding:12px;border:1px solid rgb(var(--white))}#hero a.arrow img{height:100%;width:auto;max-width:inherit}@media only screen and (max-width:2080px){#hero{min-height:700px}}@media only screen and (max-width:1850px){#hero{min-height:650px}}@media only screen and (max-width:1700px){#hero{min-height:600px}}@media only screen and (max-width:1430px){#hero{min-height:550px}}@media only screen and (max-width:1300px){#hero{margin-top:140px}}@media only screen and (max-width:1250px){#hero{min-height:600px}}@media only screen and (max-width:1000px){#container{padding-top:100px}#hero{margin-top:120px}.hero_text_inside{padding-right:60px;padding-left:60px}.hero_text{background:linear-gradient(90deg, rgba(var(--prime), 0.7) 0%, rgba(var(--prime), 0.15) 99%)}}@media only screen and (max-width:860px){#hero{min-height:590px}}@media only screen and (max-width:660px){#container{padding-top:65px}#hero{min-height:500px}.hero_text_inside{padding-right:30px;padding-left:30px}}@media only screen and (max-width:520px){#hero{margin-top:0;padding-top:130px}#hero .arrow{z-index:800}#hero .image{margin-top:0}.hero_text{background:linear-gradient(90deg, rgba(var(--prime), 0.8) 0%, rgba(var(--prime), 0.3) 99%)}}