/* -------------------------------------------------------------------------------- */
/* ! Cover */
/* -------------------------------------------------------------------------------- */
.cover {position:relative;background:#000;padding:20px;min-height:100vh;display: flex;flex-flow: column; align-items: center;justify-content: center;text-align: center;border:1px solid #000;}
.cover__bg {position:absolute;top: 0;left: 0;width: 100%;height: 100%;background: url(https://www.bgpellami.it/wp-content/uploads/2022/11/HERO-homepage.jpg) center center;background-size: cover;z-index:0;}
.cover__bg:after {content:' ';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: linear-gradient(0deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.5) 100%);background-size: cover;}
.cover__content {max-width:768px;position: relative;z-index: 1;}
.cover--intro {overflow: hidden;}
.cover .cover__content h1,
.cover .cover__content h2,
.cover .cover__content h3,
.cover .cover__content p {color:#fff;}
.cover .cover__content p {font-size:1.2rem;}
.cover__btn {background: #fff;color: var(--color4);padding: 15px 30px;margin-top: 13px;display: inline-flex;font-size: 1.05rem;transition: all .3s cubic-bezier(.215, .61, .355, 1);}
.cover__btn:hover {background: var(--color4);color: #fff;}
.letter-spa {
    letter-spacing: 18px;
    text-transform: uppercase;
    margin-bottom: 25px !important;
}

.text-reveal{transform: translateY(1rem);clip-path:polygon(0 0, 100% 0, 100% 0, 0 0);}
.cover .fade-in {opacity:0;transform: translateY(1rem);}
.cover .fade-up {opacity:0;transform: translateY(5rem);}