/* ===== Layout Section ===== */
.section{margin:18px 0;}
.section-title h2{margin:0 0 6px; font-size:24px; line-height:1.3;}
.section-title .subtitle{margin:0; opacity:.75;}
.section-story p{margin:0 0 14px; line-height:1.75;}
/* ===== Hero Image + CTA Center ===== */
.gambar-slide{position:relative;}
.gambar-slide img{display:block; width:100%; height:auto; border-radius:14px;}
.gambar-slide .cta-row{
position:absolute;
top:50%;
left:50%;
transform:translate(-50%,-50%);
z-index:5;
margin:0;
}
.btn-cta-play{
display:inline-flex;
align-items:center;
justify-content:center;
padding:12px 22px;
border-radius:999px;
background:rgba(0,0,0,.65);
color:#fff !important;
font-weight:700;
text-decoration:none !important;
line-height:1;
box-shadow:0 10px 25px rgba(0,0,0,.25);
}
.btn-cta-play:hover{background:rgba(0,0,0,.85);}
/* ===== Optional image in story ===== */
.section-image .story-image{
width:100%;
height:auto;
display:block;
border-radius:14px;
}
.section-image .caption{
margin:8px 0 0;
font-size:13px;
opacity:.75;
}
/* ===== Footer CTA ===== */
.section-footer-cta{margin-top:22px; text-align:center;}
.btn-cta-footer{
display:inline-flex;
padding:12px 22px;
border-radius:999px;
background:#111;
color:#fff !important;
text-decoration:none !important;
font-weight:700;
}
.btn-cta-footer:hover{opacity:.9;}
