.featured-section {
    background: linear-gradient( rgba(35,22,13,.95), rgba(35,22,13,.95) );
    color: white;
}

    .featured-section .section-title p {
        color: rgba(255,255,255,.82);
    }

    .featured-section .section-title h2 {
        color: var(--gold-light);
    }



.character-grid {
    max-width: 1100px;
    margin: 60px auto;
    display: grid;
    grid-template-columns: repeat(auto-fit,minmax(260px,1fr));
    gap: 35px;
}




.character-card {
    overflow: hidden;
    background: rgba(255,255,255,.08);
    border: 2px solid rgba(198,156,74,.5);
    border-radius: 18px;
    text-decoration: none;
    color: white;
    transition: .5s ease;
}



    .character-card img {
        width: 100%;
        height: 350px;
        object-fit: cover;
    }



.character-info {
    padding: 25px;
}



    .character-info h3 {
        color: var(--gold-light);
        font-size: 32px;
    }



    .character-info p {
        font-size: 20px;
    }




.character-card:hover {
    transform: translateY(-15px);
    border-color: var(--gold-light);
    box-shadow: 0 25px 50px rgba(0,0,0,.5);
}



.archive-button {
    text-align: center;
    margin-top: 50px;
}

@media(max-width: 700px) {

    .character-grid {
        grid-template-columns: 1fr;
        margin: 35px auto;
        gap: 22px;
    }


    .character-card img {
        height: auto;
        max-height: 440px;
        object-fit: cover;
    }


    .character-info {
        padding: 22px;
    }


        .character-info h3 {
            font-size: 27px;
        }


        .character-info p {
            font-size: 18px;
        }
}