/*

File: responsive.css

Deskripsi: Penyesuaian kustom untuk resolusi layar tertentu yang sulit ditangani hanya dengan Tailwind.
*/

/* STREAMING_CHUNK:Optimalisasi layar monitor super lebar (4K/Ultrawide)... /
@media (min-width: 1536px) {
.hero-bg {
/ Mencegah lag scroll background-fixed pada monitor beresolusi tinggi */
background-attachment: scroll;
}
}

/* STREAMING_CHUNK:Perbaikan layout untuk HP berlayar sangat kecil (seperti iPhone SE / Galaxy Fold)... /
@media (max-width: 380px) {
h1 {
font-size: 2.25rem !important; / Sesuaikan ukuran font H1 */
line-height: 2.5rem !important;
}

.hero-bg p {
    font-size: 0.9rem !important;
}

/* Mengurangi jarak antar elemen agar muat */
.py-24 {
    padding-top: 4rem !important;
    padding-bottom: 4rem !important;
}


}