/* =========================
   HERO
========================= */

#hero{

    position:relative;

    min-height:100vh;

    display:flex;

    align-items:center;

    overflow:hidden;

    background:#17130f;

    color:white;

    padding:0;

    background-image:url("../images/hero/hero-author.png");

    background-size:cover;

    background-position:center top;

    background-repeat:no-repeat;

}

/* =========================
   HERO BACKGROUND
========================= */

.hero-bg{

    position:absolute;

    inset:0;

    background:linear-gradient(90deg, rgba(10,10,10,.9) 0%, rgba(10,10,10,.5) 45%, rgba(10,10,10,.25) 100%);

    opacity:1;

    z-index:0;

}

/* IMMAGINE DI SFONDO / LUCE */

.hero-light{

    position:absolute;

    width:900px;

    height:900px;

    left:-2%;

    top:50%;

    transform:translateY(-50%);

    background:radial-gradient(

        circle,

        rgba(200,165,106,.12),

        transparent 72%

    );

    z-index:2;

}

.hero-overlay{

    position:absolute;
    inset:0;

    background:
    linear-gradient(
        90deg,
        rgba(8,8,8,.88) 0%,
        rgba(8,8,8,.62) 38%,
        rgba(8,8,8,.28) 72%,
        rgba(8,8,8,.08) 100%
    );

    z-index:1;

}

/* CONTENUTO */

.hero-content{

    max-width:720px;

    position:relative;

    z-index:2;

}

/* TESTO */

.hero-text{

    width:62%;

    animation:fadeLeft 1.2s ease;

}

.hero-subtitle{

    display:inline-block;

    padding:11px 24px;

    border:1px solid rgba(216,182,122,.28);

    border-radius:40px;

    letter-spacing:4px;

    font-size:var(--label-size);

    font-family:'Cormorant Garamond',serif;

    font-weight:500;

    text-transform:uppercase;

    color:#d8b67a;

    background:rgba(255,255,255,.03);

    backdrop-filter:blur(8px);

    margin-bottom:24px;

}

.hero-text h1{

    font-family:'Cormorant Garamond',serif;

    font-size:74px;

    font-weight:500;

    line-height:.92;

    letter-spacing:-1px;

    margin-bottom:24px;

    color:#d8b67a;

}

.hero-text h1 span{

    display:block;

    font-size:.82em;

    font-weight:400;

    margin-top:4px;

}

.hero-text p{

    font-family:'Cormorant Garamond',serif;
    
    max-width:650px;

    font-size:20px;

    line-height:1.75;

    color:rgba(255,255,255,.82);

    font-weight:300;

}

.hero-buttons{

    margin-top:28px;

    display:flex;

    gap:18px;

}

.hero-buttons .btn{

    padding:17px 38px;

    font-size:14px;

    letter-spacing:1px;

    transition:.35s ease;

}

/* IMMAGINE AUTORE */

.hero-image{

    display:none;

}

.hero-signature{

    position:absolute;

    right:70px;

    bottom:50px;

    font-family:'Cormorant Garamond',serif;

    font-size:90px;

    color:rgba(255,255,255,.08);

    z-index:3;

    pointer-events:none;

}

.hero-text>*{

    opacity:0;

    animation:fadeUp .8s ease forwards;

}

.hero-subtitle{

    animation-delay:.15s;

}

.hero-text h1{

    animation-delay:.35s;

}

.hero-text p{

    animation-delay:.55s;

}

.hero-buttons{

    opacity:0;

    animation:fadeUp .8s ease forwards;

    animation-delay:.8s;

}

@keyframes fadeUp{

    from{

        opacity:0;

        transform:translateY(25px);

    }

    to{

        opacity:1;

        transform:translateY(0);

    }

}