/* ==========================================
   Card
========================================== */

.card{

    background:var(--color-surface);

    border:1px solid rgba(255,255,255,.08);

    border-radius:16px;

    overflow:hidden;

    transition:.35s;

}

.card:hover{

    transform:translateY(-8px);

    box-shadow:0 20px 40px rgba(0,0,0,.4);

}

.card-body{

    padding:28px;

}


/* ==========================
   Gallery
========================== */

.gallery-grid{

    display:grid;

    grid-template-columns:repeat(auto-fit,minmax(280px,1fr));

    gap:24px;

}

.gallery-card{

    background:var(--color-surface);

    border-radius:16px;

    overflow:hidden;

    cursor:pointer;

    transition:.3s;

}

.gallery-card:hover{

    transform:translateY(-6px);

}

.gallery-card img{

    width:100%;

    height:320px;

    display:block;

    object-fit:cover;

}

.gallery-info{

    padding:18px;

}

.gallery-info h3{

    margin-bottom:8px;

    color:var(--color-gold);

}

.gallery-info p{

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

    line-height:1.7;

}

.cast-photo{

    max-height:0;
    overflow:hidden;
    transition:.5s;

}


.cast-photo.open{

    max-height:600px;

}


.cast-name{

    width:100%;
    padding:20px;

    background:none;
    border:none;

    text-align:left;

}