/* Hero */
.hero { width: 100%; height: 100vh; display: flex; align-items: center; justify-content: center; background-color: #fff; position: relative; }
.hero-container { width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; position: relative; }
.hero-image { width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; }
.hero-overlay { position: absolute; inset: 0; display: grid; place-content: center; padding: 24px; text-align: center; color: #ffffff; 
  text-shadow: 0 2px 12px rgba(0,0,0,0.45), 0 6px 28px rgba(0,0,0,0.35); }
.hero-title { font-family: "Cinzel", serif; font-weight: 700; letter-spacing: 0.2px; font-size: clamp(20px, 3.6vw, 40px); margin: 0 0 8px; }
.hero-subtitle { font-family: "Poppins", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif; font-size: clamp(14px, 2vw, 18px); margin: 0 0 8px; }
.hero-tag { font-family: "Poppins", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif; font-size: clamp(12px, 1.6vw, 16px); margin: 0 auto; max-width: min(900px, 88vw); }
.hero-img { width: 100%; height: 100%; object-fit: cover; object-position: center; }
@media (max-width: 768px) { .hero { height: 100vh; } .hero-img { object-fit: cover; } }
@media (max-width: 480px) { .hero { height: 100vh; } }
@media (max-width: 768px) { .hero-img { content: url('/images/mobile_hero_section.png'); object-fit: cover; object-position: center; } }
@media (max-width: 480px) { .hero-img { content: url('/images/mobile_hero_section.png'); object-fit: cover; object-position: center; } }