/* HERO */

.hero-card{
position:relative;
border-radius:14px;
overflow:hidden;
cursor:pointer;
}

/* gambar hero */

.hero-img{
width:100%;
height:480px;   /* lebih tinggi */
object-fit:cover;
transition:transform 0.6s ease;
}

/* hover zoom */

.hero-card:hover .hero-img{
transform:scale(1.08);
}

/* overlay */

.hero-overlay{
position:absolute;
bottom:50px;
left:50px;
color:white;
max-width:480px;
z-index:2;
}

/* gradient supaya text terbaca */

.hero-card::after{
content:"";
position:absolute;
bottom:0;
left:0;
width:100%;
height:60%;
background:linear-gradient(to top, rgba(0,0,0,0.65), transparent);
}

/* label */

.hero-label{
font-size:12px;
opacity:.9;
margin-bottom:10px;
}

/* title */

.hero-overlay h2{
font-size:34px;
font-weight:700;
margin-bottom:12px;
line-height:1.3;
}

/* description */

.hero-desc{
font-size:15px;
opacity:.95;
margin-bottom:16px;
}

/* button */

.hero-btn{
color:white;
font-weight:500;
text-decoration:none;
border-bottom:1px solid white;
padding-bottom:3px;
}

/* SECTION TITLE */

.section-title{
font-weight:600;
font-size:18px;
}



/* BLOG CARD */

.blog-card{
background:white;
border-radius:12px;
overflow:hidden;
box-shadow:0 5px 15px rgba(0,0,0,0.05);
transition:0.3s;
height:100%;
}

.blog-card:hover{
transform:translateY(-5px);
box-shadow:0 8px 25px rgba(0,0,0,0.1);
}

.blog-img{
width:100%;
height:180px;
object-fit:cover;
}

.blog-body{
padding:15px;
}

.blog-title{
font-size:16px;
font-weight:600;
margin-bottom:6px;
}

.blog-meta{
font-size:12px;
color:#888;
margin-bottom:10px;
}

.blog-desc{
font-size:13px;
color:#555;
margin-bottom:10px;
}

.blog-read{
font-size:13px;
color:#333;
text-decoration:none;
font-weight:500;
}