/* ---------- HERO ---------- */
.hero {
    position: relative;
    min-height: 90vh;
    display: flex;
    align-items: center;
}
.hero-image-mobile {
    display: none;
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    overflow: hidden;
    z-index: 0;
}
.hero-image-mobile img {
    width: 100%; height: 100%; object-fit: cover; display: block; border-radius: 0;
}
.hero-video-desktop {
    position: absolute;
    inset: 0; width: 100%; height: 100%; object-fit: cover;
    border-radius: 0; filter: brightness(0.8) saturate(1.3);
    display: block; z-index: 0;
}
@media (max-width: 768px) {
    .hero-video-desktop { display: none; }
    .hero-image-mobile { display: block; }
}

.hero-overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(135deg, rgba(20,15,10,0.5) 0%, rgba(150, 110, 50, 0.25) 50%, rgba(20,15,10,0.6) 100%);
    mix-blend-mode: multiply;
}
.hero-content {
    position: relative;
    z-index: 10;
    padding: 2rem 0;
    text-align: center;
}
@media (min-width: 768px) { .hero-content { text-align: left; } }
.hero h1 { font-size: clamp(2.5rem, 10vw, 6rem); margin-bottom: 1rem; text-shadow: 0 5px 20px #00000080; }
.hero p { font-size: clamp(1.2rem, 5vw, 1.8rem); margin-bottom: 2rem; color: #ffeacf; }