/* Custom styles extracted from index.php */
.clip-diagonal {
    clip-path: polygon(0 0, 100% 0, 100% 90%, 0 100%);
}

.hero-overlay {
    background: linear-gradient(to right, rgba(10, 10, 10, 0.9) 0%, rgba(10, 10, 10, 0.7) 100%);
}

@media (max-width: 640px) {
    .hero-mobile-fix {
        height: auto;
        min-height: 0;
        padding-top: 7rem;
        padding-bottom: 7rem;
    }

    .clip-diagonal {
        clip-path: polygon(0 0, 100% 0, 100% 95%, 0 100%);
    }
}