/* Travel Story Card — magazine editorial style */

.ww-story-card{
    position:relative;
    border-radius:var(--radius-lg);
    overflow:hidden;
    box-shadow:var(--shadow-sm);
    transition:transform var(--transition), box-shadow var(--transition);
}

.ww-story-card:hover{
    transform:translateY(-8px);
    box-shadow:var(--shadow-lg);
}

.ww-story-card .ww-card-image{
    display:block;
    width:100%;
    height:440px;
    overflow:hidden;
    background:linear-gradient(135deg,#6B2FA0,#1A0F2E);
}

.ww-story-card .ww-card-image img{
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
    transition:transform .6s var(--ease);
}

.ww-story-card:hover .ww-card-image img{
    transform:scale(1.06);
}

.ww-story-card .ww-card-content{
    position:absolute;
    left:0;
    right:0;
    bottom:0;
    padding:28px;
    background:linear-gradient(to top, rgba(21,10,36,.92) 0%, rgba(21,10,36,.5) 50%, rgba(21,10,36,.05) 100%);
}

.ww-story-card h3,
.ww-story-card h3 a,
.ww-story-card p,
.ww-story-card span{
    color:#fff !important;
}

.ww-story-card .ww-location{
    font-size:13px;
    opacity:.9;
}

.ww-story-card h3{
    font-size:28px;
    line-height:1.2;
    margin:10px 0;
}

.ww-story-card p{
    font-size:15px;
    opacity:.9;
    margin-bottom:14px;
}

.ww-story-card .ww-card-meta{
    display:flex;
    gap:16px;
    flex-wrap:wrap;
    font-size:13px;
    font-weight:600;
    margin-bottom:14px;
}

.ww-story-card .ww-card-meta span{
    opacity:.92 !important;
}

.ww-story-card .ww-card-link{
    color:#fff !important;
    font-weight:700;
    font-size:14px;
}

@media (max-width:768px){

    .ww-story-card .ww-card-image{
        height:340px;
    }

    .ww-story-card h3{
        font-size:24px;
    }

}