/* =========================
   STATISTICHE
========================= */

#stats{

    margin-top:24px;

    position:relative;

    z-index:20;

    padding-bottom:72px;

}

.stats-grid{

    display:grid;

    grid-template-columns:repeat(4,1fr);

    gap:25px;

}

.stat-card{

    background:#ffffff;

    padding:35px;

    border-radius:14px;

    box-shadow:0 15px 35px rgba(0,0,0,.08);

    transition:.35s;

}

.stat-card:hover{

    transform:translateY(-8px);

}

.stat-number{

    font-size:54px;

    color:#b08b57;

    margin-bottom:18px;

}

.stat-card::after{

    content:"";

    display:block;

    width:50px;

    height:2px;

    background:#b08b57;

    margin:22px auto;

}

.stat-title{

    color:#d0d0d0;

    font-size:16px;

    line-height:1.6;

}


/* =========================
   ACHIEVEMENTS
========================= */

#achievements{

    background:#f8f5ef;

    text-align:center;

}

#achievements h2{

    font-size:var(--section-title-size);

    margin-bottom:var(--block-spacing);

}

.achievements-grid{

    display:grid;

    grid-template-columns:repeat(3,1fr);

    gap:30px;

}

.achievement-card{

    padding:32px;

    border:1px solid #ddd;

}

.achievement-card h3{

    font-size:var(--section-subtitle-size);

    color:#8b6b3e;

    margin-bottom:15px;

}

.achievement-card p{

    color:var(--color-text-soft);

}


/* =========================================================
   PAGINA PREMI E RICONOSCIMENTI
========================================================= */


/* =========================
   PAGINA
========================= */

.awards-page{

    background:#f8f5ef;

    color:#15110d;

}


/* =========================================================
INTRODUZIONE PAGINA PREMI
   IDENTICO AL BLOCCO INTRO DI OPERE E BIOGRAFIA
========================================================= */

.awards-page-title{
    background:#17130f;

    color:white;

    padding:110px 0 44px;
}


/* =========================
   CONTENITORE INTRO
========================= */

.awards-page-title .page-intro-content{
    max-width:1100px;

    margin:0 auto;

    display:grid;

    grid-template-columns:
        minmax(0, 1.15fr)
        minmax(0, 1fr);

    align-items:center;

    gap:50px;
}


/* =========================
   IMMAGINE INTRO
========================= */

.awards-page-title .page-intro-image{
    width:100%;

    display:flex;

    justify-content:center;

    align-items:center;
}

.awards-page-title .page-intro-image img{
    width:100%;

    max-width:none;

    height:auto;

    aspect-ratio:auto;

    object-fit:contain;

    border-radius:16px;

    display:block;
}


/* =========================
   TESTO INTRO
========================= */

.awards-page-title .page-intro-text{
    width:100%;

    max-width:none;

    text-align:left;
}

.awards-page-title .page-intro-label{

    display:block;
    
    margin-bottom:14px;
    
    color:#c19a6b;
    
    font-size:13px;
    
    font-weight:600;
    
    letter-spacing:2.5px;
    
    text-transform:uppercase;
}

.awards-page-title .page-intro-text h1{
    
    margin:0 0 16px;
    
    font-family:var(--font-primary);
    
    color:#f4e5b4;
    
    font-size:46px;
    
    line-height:1.1;
    
    font-weight:500;

}

.awards-page-title .page-intro-text p{
   
    margin:0;
   
    max-width:560px;
   
    font-family:var(--font-primary);
   
    color:#ccc;
   
    font-size:16px;
   
    line-height:1.75;
   
    font-weight:400;
    
}


/* =========================================================
   ELENCO PREMI
========================================================= */

.awards-list{

    padding:35px 0 90px;

}

.awards-list .container{

    max-width:1200px;

    margin:0 auto;

}


/* =========================
   SINGOLO PREMIO
========================= */

.award-item{

    display:grid;

    grid-template-columns:1fr 1fr;

    align-items:center;

    gap:75px;

    margin-bottom:95px;

}

.award-item:last-child{

    margin-bottom:0;

}


/* =========================
   ALTERNANZA
========================= */

.award-item.reverse .award-image{

    order:2;

}

.award-item.reverse .award-content{

    order:1;

}


/* =========================
   IMMAGINI PREMI
========================= */

.award-image{

    width:100%;

    height:430px;

    overflow:hidden;

    border-radius:18px;

    background:#f8f5ef;

}

.award-image img{

    width:100%;

    height:100%;

    display:block;

    object-fit:contain;

    object-position:center;

    transition:transform .35s ease;

}

.award-image:hover img{

    transform:scale(1.035);

}


/* =========================
   CONTENUTO PREMI
========================= */

.award-content{

    padding:15px 10px;

}

.award-year{

    display:block;

    margin-bottom:16px;

    color:#b08b57;

    font-size:14px;

    font-weight:600;

    letter-spacing:3px;

    text-transform:uppercase;

}

.award-content h2{

    margin:0 0 10px;

    color:#15110d;

    font-size:34px;

    line-height:1.2;

    font-weight:500;

}

.award-content h3{

    margin:0 0 22px;

    color:#8b6b3e;

    font-size:18px;

    line-height:1.5;

    font-weight:500;

}

.award-content p{

    margin:0;

    max-width:520px;

    color:var(--color-text-soft);

    font-size:16px;

    line-height:1.8;

}


/* =========================
   LINEA DECORATIVA
========================= */

.award-content::after{

    content:"";

    display:block;

    width:55px;

    height:2px;

    margin-top:28px;

    background:#b08b57;

}


/* =========================================================
   CHIUSURA PAGINA
========================================================= */

.awards-closing{

    padding:80px 20px 110px;

    text-align:center;

}

.awards-closing .container{

    max-width:850px;

    margin:0 auto;

}

.awards-closing p{

    margin:0;

    color:#8b6b3e;

    font-size:20px;

    line-height:1.8;

    font-style:italic;

}


/* =========================================================
   RESPONSIVE TABLET
========================================================= */

@media (max-width:900px){

    /* =========================
   INTRO
========================= */

.awards-page-title{
    padding:100px 20px 40px;
}

.awards-page-title .page-intro-content{
    display:flex;

    flex-direction:column;

    align-items:center;

    justify-content:center;

    gap:30px;

    width:100%;

    max-width:100%;

    margin:0 auto;

    text-align:center;
}

.awards-page-title .page-intro-image{
    width:100%;

    display:flex;

    justify-content:center;
}

.awards-page-title .page-intro-image img{
    width:100%;

    max-width:420px;

    height:auto;

    aspect-ratio:auto;

    object-fit:contain;

    border-radius:18px;
}

.awards-page-title .page-intro-text{
    width:100%;

    max-width:700px;

    text-align:center;
}

.awards-page-title .page-intro-text h1{
    font-size:40px;

    line-height:1.15;

    margin:12px 0 16px;
}

.awards-page-title .page-intro-text p{
    margin:0 auto;

    font-size:16px;

    line-height:1.7;
}

    /* PREMI */

    .award-item{

        grid-template-columns:1fr;

        gap:35px;

        margin-bottom:75px;

    }

    .award-item.reverse .award-image{

        order:1;

    }

    .award-item.reverse .award-content{

        order:2;

    }

    .award-image{

        height:400px;

    }

    .award-content{

        padding:0;

    }

}


/* =========================================================
   RESPONSIVE MOBILE
========================================================= */

@media (max-width:600px){

    /* =========================
   INTRO
========================= */

.awards-page-title{
    padding:90px 18px 35px;
}

.awards-page-title .page-intro-content{
    gap:25px;
}

.awards-page-title .page-intro-image img{
    width:100%;

    max-width:100%;

    height:auto;

    aspect-ratio:auto;

    object-fit:contain;

    border-radius:15px;
}

.awards-page-title .page-intro-label{
    font-size:12px;

    letter-spacing:2px;
}

.awards-page-title .page-intro-text h1{
    font-size:34px;

    line-height:1.15;

    margin:10px 0 14px;
}

.awards-page-title .page-intro-text p{
    font-size:15px;

    line-height:1.7;
}


    /* PREMI */

    .awards-list{

        padding:25px 20px 65px;

    }

    .award-item{

        gap:25px;

        margin-bottom:65px;

    }

    .award-image{

        height:300px;

        border-radius:15px;

    }

    .award-content h2{

        font-size:28px;

    }

    .award-content h3{

        font-size:17px;

    }

    .award-content p{

        font-size:16px;

        line-height:1.65;

    }


    /* CHIUSURA */

    .awards-closing{

        padding:60px 25px 80px;

    }

    .awards-closing p{

        font-size:18px;

    }

}