.pap-gallery{
    display:grid;
    grid-template-columns:repeat(6,minmax(0,1fr));
    gap:16px;
    width:100%;
}

.pap-card{}
.pap-photo{
    position:relative;
    overflow:hidden;
    aspect-ratio:2 / 3;
    border-radius:8px;
    border:1px solid #C79D46;
    box-shadow:0 18px 45px rgba(0,0,0,.3);
}

.pap-photo img{
    display:block;
    width:100%;
    height:100%;
    object-fit:cover;
    transition:.35s;
}

.pap-photo:hover img{
    transform:scale(1.03);
}

.pap-overlay{
    position:absolute;
    left:0;
    right:0;
    bottom:0;
    display:flex;
    align-items:flex-end;
    padding:0 clamp(8px,1vw,16px) 2px;
    background:linear-gradient(
        to top,
        rgba(0,0,0,.98) 0%,
        rgba(0,0,0,.97) 14%,
        rgba(0,0,0,.92) 30%,
        rgba(0,0,0,.75) 50%,
        rgba(0,0,0,.50) 70%,
        rgba(0,0,0,.22) 88%,
        rgba(0,0,0,.08) 96%,
        rgba(0,0,0,0) 100%
    );
}

.pap-name{
    font-family:'Kaushan Script',cursive;
    font-size:clamp(1.55rem,11cqw,2.5rem);
    line-height:.82;
    margin:0;
    padding:0;
    color:#E6C166;
    text-shadow:0 2px 8px rgba(0,0,0,.95);
}

.pap-role{
    margin-top:2px;
    padding-left:14px;
    font-family:"Blinker",sans-serif;
    font-size:1.50rem;
    font-weight:700;
    line-height:.95;
    letter-spacing:.04em;
    text-transform:uppercase;
    color:#F7F5EF;
}

/* ===========================
   DESKTOP
=========================== */

.pap-gallery{
    display:grid;
    grid-template-columns:repeat(6,minmax(0,1fr));
    gap:16px;
    width:100%;
}

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

@media (max-width:1024px){

    .pap-gallery{
        grid-template-columns:repeat(4,minmax(0,1fr)) !important;
        gap:16px;
    }

}

/* ===========================
   SMARTPHONE
=========================== */

@media (max-width:768px){

    .pap-gallery{
        display:grid !important;
        grid-template-columns:repeat(2,minmax(0,1fr)) !important;
        gap:16px !important;
        width:100% !important;
        max-width:100% !important;
    }

    .pap-gallery > *{
        width:auto !important;
        max-width:100% !important;
        min-width:0 !important;
    }

    .pap-card{
        width:100% !important;
        display:block !important;
    }

    .pap-photo{
        display:block !important;
        position:relative;
        overflow:hidden;
    }

    .pap-photo img{
        display:block !important;
        width:100% !important;
        height:auto !important;
        aspect-ratio:2/3 !important;
        object-fit:cover !important;
        opacity:1 !important;
        visibility:visible !important;
    }

    .pap-role{
        font-size:1.45rem !important;
        white-space:nowrap !important;
    }

    .pap-name{
        font-size:1.9rem !important;
    }

}

/* ===========================
   ANIMAZIONE MOBILE
=========================== */

/*
@media (max-width:768px){

    .pap-card{
        opacity:0;
        transform:translateY(35px);
        transition:
            opacity .65s ease,
            transform .65s ease;
        will-change:opacity,transform;
    }

    .pap-card.pap-visible{
        opacity:1;
        transform:translateY(0);
    }

} */

@media (max-width:768px){

    .pap-card{
        opacity:1 !important;
        transform:none !important;
    }

}