/* ============================================   CARD============================================ */.na-card{    --card-bg:    linear-gradient(        145deg,        rgba(15,15,18,.92),        rgba(0,0,0,.95)    );    --card-border:var(--theme-border);    --card-hover:var(--theme-primary);    --card-glow:var(--theme-glow);    position:relative;    display:flex;    flex-direction:column;    overflow:hidden;    width:100%;    border-radius:28px;    background:var(--card-bg);    border:1px solid var(--card-border);    box-shadow:        0 0 25px rgba(0,0,0,.35);    transition:        transform .35s ease,        border-color .35s ease,        box-shadow .35s ease;}
.na-card:hover{    transform:translateY(-8px);    border-color:var(--card-hover);    box-shadow:        0 0 25px var(--card-glow),        0 15px 45px rgba(0,0,0,.45);}
/* ============================================
   IMAGE
============================================ */

.na-card__image{

    position:relative;

    width:100%;

    aspect-ratio:16/9;

    overflow:hidden;
}

.na-card__image img{

    width:100%;

    height:100%;

    object-fit:cover;

    transition:
        transform .8s ease,
        filter .8s ease;
}

.na-card:hover .na-card__image img{

    transform:scale(1.05);

    filter:brightness(.9);
}

/* ============================================
   CONTENT
============================================ */

.na-card__content{

    display:flex;

    flex-direction:column;

    gap:18px;

    padding:28px;
}

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

.na-card__category{

    color:var(--accent-color);

    font-size:.72rem;

    font-weight:700;

    letter-spacing:3px;

    text-transform:uppercase;
}

/* ============================================
   TITLE
============================================ */

.na-card__title{

    margin:0;

    color:var(--theme-title);

    font-size:2rem;

    line-height:1.1;
}

/* ============================================
   SUBTITLE
============================================ */

.na-card__subtitle{

    color:var(--theme-text);

    font-size:.95rem;

    font-weight:600;

    letter-spacing:1px;
}

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

.na-card__description{

    margin:0;

    color:var(--theme-text-secondary);

    line-height:1.8;
}

/* ============================================
   FOOTER
============================================ */

.na-card__footer{

    margin-top:auto;

    padding-top:10px;

    display:flex;

    justify-content:flex-start;
}