@media (max-width:992px){

    .hero h2{
        font-size:40px;
    }

    .quick-grid{
        grid-template-columns:repeat(3,1fr);
    }

    .program-grid{
        grid-template-columns:repeat(2,1fr);
    }

    .gallery-grid{
        grid-template-columns:repeat(2,1fr);
    }

    .news-grid{
        grid-template-columns:1fr;
    }

    .footer-grid{
        grid-template-columns:1fr;
    }

}

@media (max-width:768px){

    .topbar{
        display:none;
    }

    .brand-text h1{
        font-size:22px;
    }

    .brand-text p{
        font-size:13px;
    }

    .hero{
        height:420px;
    }

    .hero h2{
        font-size:32px;
    }

    .hero-buttons{
        flex-direction:column;
    }

    .quick-grid{
        grid-template-columns:repeat(2,1fr);
    }

    .program-grid{
        grid-template-columns:1fr;
    }

    .gallery-grid{
        grid-template-columns:1fr;
    }

}

.sambutan{
    padding:80px 0;
    background:#f8fafc;
}


.sambutan-grid{
    display:flex !important;
    align-items:center;
    gap:60px;
}


.sambutan-photo{
    flex:0 0 320px;
}


.sambutan-photo img{

    width:300px;
    height:400px;
    object-fit:cover;
    border-radius:20px;

}


.sambutan-content{

    background:#fff;

    padding:40px;

    border-radius:20px;

    box-shadow:0 10px 30px rgba(0,0,0,.06);

}


.sambutan-content h2{
    font-size:38px;
    color:#0f3d2e;
    margin:15px 0;
}


.sambutan-content p{
    line-height:1.8;
    color:#64748b;
}

.section-label{
    display:block;
    margin-bottom:20px;
}


.sambutan-content h2{
    margin-top:0;
    margin-bottom:25px;
}


.kepala-info{
    margin-top:35px;
    padding-top:20px;
    border-top:1px solid #e5e7eb;
}


@media(max-width:768px){

.sambutan-grid{
    flex-direction:column !important;
}

}