a:hover{transform:translateY(-5px);transition:transform .3s ease}a:active{transform:translateY(-1px);transition:transform .1s ease}.hero{height:calc(100vh - 42.4px);overflow:hidden;position:relative}.hero__media{height:100%;left:0;position:absolute;top:0;width:100%;z-index:1}.hero__video{height:100%;object-fit:cover;width:100%}.hero__image{background-position:50%;background-repeat:no-repeat;background-size:cover;height:100%;width:100%}.hero__image:after{background-image:linear-gradient(to right bottom,#262424,rgba(38,36,36,.3),transparent);content:"";height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%}.hero__content{align-items:flex-start;box-sizing:border-box;display:flex;height:calc(100% - 101px);justify-content:flex-start;left:0;padding:4.5rem;position:absolute;top:101px;width:65%;z-index:2}.hero__text{color:#fff;text-align:left}.hero__tagline{color:#fff;font-size:.9rem;letter-spacing:.1em;margin:0 0 1rem;text-transform:uppercase}.hero__title{color:#fff;font-size:clamp(2rem,3.5vw,4.75rem);line-height:1.2;margin:0 0 1.5rem}.hero__subtitle{display:block;width:60%}.hero__subtitle p{color:#fff;font-size:clamp(1.25rem,3vw,1.25rem);font-weight:lighter;margin-bottom:2.5rem}.hero__actions{display:flex;flex-wrap:wrap;gap:1rem;justify-content:flex-start;margin-top:2.5rem}.hero__button{align-items:center;border:none;border-radius:50px;cursor:pointer;display:inline-block;display:flex;gap:1rem;justify-content:start;text-align:center;text-decoration:none;transition:all .3s ease}.hero__button--icon{align-items:center;aspect-ratio:1/1;background:#384e60;border-radius:50%;color:#fff;display:flex;justify-content:center;transition:transform .4s ease-in-out;width:2.5rem}.hero__button--primary{color:#fff}.scroll-btn{align-items:center;aspect-ratio:1/1;border-radius:50%;bottom:5%;font-size:1.25rem;justify-content:center;position:absolute;right:3%;width:3.5rem;z-index:3}.scroll-btn,.scroll-btn:hover{background:#384e60}@media (max-width:768px){.hero{height:100vh}.hero__content{height:calc(100% - 101px);padding:2rem 2.5rem;top:101px}.hero__actions{align-items:start;flex-direction:column;gap:.75rem}.hero__tagline{font-size:.8rem}}@media screen and (min-device-width:481px) and (max-device-width:835px){.hero__content,.hero__subtitle{width:100%}}@media (max-width:480px){.hero__content{height:calc(100% - 101px);padding:1.5rem 1.25rem;top:101px;width:100%}.hero__title{font-size:2.1rem}.hero__subtitle{font-size:1rem;width:100%}}