/* Explain: Layout utilities for a dark, luxurious theme. - */
.section-pad {
    padding-top: clamp(4rem, 8vw, 6rem);
    padding-bottom: clamp(4rem, 8vw, 6rem);
}

.hero-bg {
    background-image: url('https://files.cdn-files-a.com/uploads/12403914/normal_gi-6ab308dabbd07.jpg?format=avif');
    background-size: cover;
    background-position: center;
}

.hero-overlay {
    background: linear-gradient(90deg, rgba(10,10,10,0.9) 0%, rgba(10,10,10,0.6) 50%, rgba(10,10,10,0.2) 100%);
}

.banner-bg {
    background-image: url('https://files.cdn-files-a.com/uploads/12403914/normal_gi-6ab308dabbd18.jpg?format=avif');
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
}

.banner-overlay {
    background: rgba(10,10,10,0.7);
}