/*
Single Travel Story — editorial, magazine-style hero + reading column.
*/

.ww-story-hero{
    position:relative;
    min-height:64vh;
    display:flex;
    align-items:flex-end;
    overflow:hidden;
    background:#1A0F2E;
}

.ww-story-hero-image{
    position:absolute;
    inset:0;
}

.ww-story-hero-image img{
    width:100%;
    height:100%;
    object-fit:cover;
}

.ww-story-hero-overlay{
    position:relative;
    z-index:1;
    width:100%;
    padding:120px 0 56px;
    background:linear-gradient(180deg, rgba(21,10,36,0) 0%, rgba(21,10,36,.5) 55%, rgba(13,6,22,.9) 100%);
}

.ww-story-hero h1{
    color:#fff;
    font-size:clamp(2.2rem, 5vw, 3.6rem);
    line-height:1.15;
    margin-bottom:14px;
    max-width:820px;
    text-shadow:0 4px 18px rgba(0,0,0,.4);
}

.ww-story-hero .ww-subtitle{
    color:rgba(255,255,255,.9);
    font-size:clamp(1rem, 1.6vw, 1.2rem);
    max-width:640px;
    margin-bottom:24px;
}

.ww-story-meta-bar{
    display:flex;
    flex-wrap:wrap;
    gap:14px;
}

.ww-story-meta-bar span{
    display:inline-flex;
    align-items:center;
    padding:8px 16px;
    background:rgba(255,255,255,.12);
    border:1px solid rgba(255,255,255,.24);
    backdrop-filter:blur(10px);
    -webkit-backdrop-filter:blur(10px);
    border-radius:999px;
    color:#fff;
    font-size:13px;
    font-weight:600;
}

/* Reading column */

.ww-content{
    max-width:760px;
    margin:0 auto;
    font-size:19px;
    line-height:1.9;
    color:var(--muted);
}

.ww-content p{
    margin-bottom:24px;
}

.ww-content h2,
.ww-content h3{
    color:var(--text);
    margin:48px 0 18px;
}

.ww-content img{
    width:100%;
    border-radius:var(--radius);
    margin:36px 0;
    box-shadow:var(--shadow);
}

@media (max-width:768px){

    .ww-story-hero{
        min-height:50vh;
    }

    .ww-story-hero-overlay{
        padding:80px 0 36px;
    }

    .ww-content{
        font-size:17px;
    }

}