/* =========================================
   AKI FEST SPECIAL GUESTS
========================================= */


/* =========================
   GUEST CATEGORY
========================= */


.guest-category {


    margin-top:60px;


}



.guest-category h3 {


    font-size:32px;


    color:#ff6fa9;


    margin-bottom:30px;


    font-family:'Fredoka', sans-serif;


}







/* =========================
   GUEST GRID
========================= */


.guest-grid {


    max-width:1100px;


    margin:auto;


    display:grid;


    grid-template-columns:


    repeat(auto-fit,minmax(250px,1fr));


    gap:30px;


}







/* =========================
   GUEST CARD
========================= */


.guest-card {


    background:white;


    padding:28px;


    border-radius:35px;


    text-align:center;


    box-shadow:


    0 15px 40px rgba(255,132,188,.18);


    transition:.35s ease;


    overflow:hidden;


}







.guest-card:hover {


    transform:translateY(-10px);


}







/* =========================
   GUEST IMAGE
========================= */


.guest-photo {


    width:180px;


    height:180px;


    margin:auto;


    border-radius:50%;


    overflow:hidden;


    border:6px solid #ffd6ec;


}







.guest-photo img {


    width:100%;


    height:100%;


    object-fit:cover;


    display:block;


    opacity:1;


    visibility:visible;


}







/* =========================
   GUEST ROLE
========================= */


.guest-role {


    display:inline-block;


    margin-top:22px;


    background:#ffe4f2;


    color:#ff4f9d;


    padding:8px 18px;


    border-radius:30px;


    font-weight:700;


}







/* =========================
   GUEST NAME
========================= */


.guest-card h3 {


    margin:18px 0;


    color:#ff4b98;


    font-size:28px;


    font-family:'Fredoka', sans-serif;


}







/* =========================
   GUEST DESCRIPTION
========================= */


.guest-card p {


    color:#666;


    line-height:1.7;


    font-size:16px;


}







/* =========================
   INSTAGRAM BUTTON
========================= */


.guest-card a {


    display:inline-block;


    margin-top:15px;


    padding:8px 20px;


    background:#ffd6e8;


    color:#d94d89;


    border-radius:20px;


    text-decoration:none;


    font-weight:bold;


    transition:.3s ease;


}



.guest-card a:hover {


    transform:translateY(-3px);


}







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


@media(max-width:1000px){


    .guest-grid {


        grid-template-columns:


        repeat(2,1fr);


    }


}







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


@media(max-width:850px){


    .guests {


        padding:60px 15px;


        overflow:hidden;


    }



    .guest-category {


        margin-top:40px;


    }



    .guest-category h3 {


        font-size:26px;


    }



    .guest-grid {


        display:flex;


        flex-direction:column;


        align-items:center;


        gap:25px;


        width:100%;


    }



    .guest-card {


        width:100%;


        max-width:340px;


        padding:25px 20px;


        border-radius:30px;


    }



    .guest-photo {


        width:150px;


        height:150px;


    }



    .guest-card h3 {


        font-size:24px;


    }



    .guest-card p {


        font-size:14px;


        line-height:1.6;


    }



    .guest-card a {


        font-size:14px;


        padding:9px 20px;


    }


}







/* =========================
   SMALL PHONES
========================= */


@media(max-width:400px){


    .guest-photo {


        width:120px;


        height:120px;


    }



    .guest-card {


        padding:20px 15px;


    }



    .guest-card h3 {


        font-size:22px;


    }


}