.hero { height: 65vh; min-height: 450px; position: relative; overflow: hidden; }
.hero-content { height: 100%; width: 100%; }
.hero-bg { width: 100%; height: 100%; object-fit: cover; filter: brightness(0.35); }
.hero-overlay {
    position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);
    text-align: center; color: white; width: 90%;
}
.hero-overlay h1 { font-size: clamp(2.5rem, 10vw, 5.5rem); margin-bottom: 10px; }
.hero-overlay p { font-size: clamp(1rem, 3vw, 1.5rem); opacity: 0.8; font-family: 'JetBrains Mono'; }