/*==========================================================
  LATEST RELEASES
==========================================================*/

.latest-releases{

    padding:100px 0;

    background:#050505;

    margin-bottom: 0%;

}

/*=====================================
  FEATURED RELEASE
=====================================*/

.featured-release{

    display:grid;

    grid-template-columns:220px 1fr 220px;

    gap:45px;

    align-items:center;

    padding:35px;

    margin-top:70px;

    background:linear-gradient(
        135deg,
        rgba(141,53,255,.08),
        rgba(255,255,255,.02)
    );

    border:1px solid rgba(141,53,255,.25);

    border-radius:28px;

    overflow:hidden;

    transition:.35s;

}

.featured-release:hover{

    transform:translateY(-6px);

    border-color:#8d35ff;

    box-shadow:0 25px 55px rgba(141,53,255,.18);

}

/*=====================================
  COVER
=====================================*/

.featured-cover{

    position:relative;

}

.featured-cover img{

    width:100%;

    aspect-ratio:1/1;

    height:100%;

    object-fit:contain;

    border-radius:22px;

    display:flex;

    transition:.45s;

}

.featured-release:hover img{

    transform:scale(1.05);

}

/*=====================================
  BADGE
=====================================*/

.release-badge{

    position:absolute;

    top:18px;

    left:18px;

    padding:8px 18px;

    border-radius:999px;

    background:linear-gradient(
        135deg,
        #8d35ff,
        #35d9ff
    );

    color:#fff;

    font-size:.75rem;

    font-weight:700;

    letter-spacing:1px;

}

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

.featured-zone{

    display:inline-block;

    padding:7px 16px;

    border-radius:999px;

    background:rgba(141,53,255,.12);

    color:#b98cff;

    font-size:.8rem;

    font-weight:600;

    letter-spacing:1px;

    margin-bottom:18px;

}

.featured-content h3{

    color:#fff;

    font-size:3rem;

    margin-bottom:15px;

}

.featured-description{

    color:#aaa;

    font-size:1.1rem;

    line-height:1.9;

    margin-bottom:22px;

    max-width:620px;

}

.featured-date{

    color:#666;

    margin-bottom:25px;

}

/*=====================================
  LINKS
=====================================*/

.featured-links{

    display:flex;

    gap:16px;

}

.featured-links a{

    width:52px;

    height:52px;

    border-radius:50%;

    display:flex;

    align-items:center;

    justify-content:center;

    background:#141414;

    color:#fff;

    text-decoration:none;

    font-size:1.2rem;

    transition:.3s;

}

.featured-links a:hover{

    background:linear-gradient(
        135deg,
        #8d35ff,
        #35d9ff
    );

    transform:translateY(-3px);

}

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

.featured-action{

    display:flex;

    align-items:center;

}

.featured-action .btn-primary{

    padding:18px 34px;

    border-radius:999px;

}

/*=====================================
  SMALL RELEASES
=====================================*/

.release-list{

    display:grid;

    gap:18px;

    margin-top:35px;

}

.release-item{

    display:grid;

    grid-template-columns:90px 1fr auto;

    gap:22px;

    align-items:center;

    padding:18px 22px;

    background:#101010;

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

    border-radius:18px;

    transition:.3s;

}

.release-item:hover{

    border-color:#8d35ff;

    transform:translateY(-4px);

}

.release-item img{

    width:90px;

    height:90px;

    object-fit:cover;

    border-radius:14px;

}

.release-info h4{

    color:#fff;

    margin-bottom:8px;

    font-size:1.3rem;

}

.release-info span{

    color:#888;

}

.release-item a{

    color:#8d35ff;

    font-size:2rem;

    transition:.3s;

}

.release-item:hover a{

    transform:translateX(6px);

}

/*=====================================
  RESPONSIVE
=====================================*/

@media(max-width:992px){

    .featured-release{

        grid-template-columns:1fr;

        text-align:center;

    }

    .featured-cover{

        max-width:320px;

        margin:auto;

    }

    .featured-links{

        justify-content:center;

    }

    .featured-action{

        justify-content:center;

    }

}

@media(max-width:768px){

    .release-item{

        grid-template-columns:1fr;

        text-align:center;

    }

    .release-item img{

        margin:auto;

    }

}

.release-button{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    padding:18px 34px;

    border-radius:50px;

    background:linear-gradient(135deg,#8d35ff,#33d8ff);

    color:#fff;

    text-decoration:none;

    font-weight:700;

    transition:.3s;

}

.release-button:hover{

    color:#fff;

    transform:translateY(-3px);

}