/* hero.css – Portfolio-Fotograf */
.hero { position: relative; height: 100vh; min-height: 600px; display: flex; align-items: center; overflow: hidden; }
.hero__bg { position: absolute; inset: 0; }
.hero__bg-img { width: 100%; height: 100%; object-fit: cover; object-position: center; }
.hero__overlay { position: absolute; inset: 0; background: linear-gradient(135deg, rgba(13,13,13,0.78) 0%, rgba(13,13,13,0.5) 50%, rgba(13,13,13,0.25) 100%); }
.hero__inner { position: relative; z-index: 1; }
.hero__eyebrow { font-size: var(--font-size-xs); font-weight: var(--font-weight-semi); letter-spacing: 0.2em; text-transform: uppercase; color: var(--color-gold-light); margin-bottom: var(--space-4); }
.hero__title { font-family: var(--font-display); font-size: clamp(3.5rem, 8vw, 7rem); font-weight: var(--font-weight-bold); line-height: var(--line-height-tight); color: #fff; margin-bottom: var(--space-6); }
.hero__title em { font-style: italic; color: var(--color-gold-light); display: block; }
.hero__desc { font-size: var(--font-size-lg); color: rgba(255,255,255,0.75); max-width: 480px; margin-bottom: var(--space-8); line-height: var(--line-height-relaxed); }
.hero__actions { display: flex; gap: var(--space-4); flex-wrap: wrap; }
.hero__scroll-hint { position: absolute; bottom: var(--space-8); left: 50%; transform: translateX(-50%); }
.hero__scroll-hint span { display: block; width: 24px; height: 40px; border: 2px solid rgba(255,255,255,0.35); border-radius: 12px; position: relative; }
.hero__scroll-hint span::after { content: ''; position: absolute; top: 6px; left: 50%; transform: translateX(-50%); width: 4px; height: 8px; background: var(--color-gold); border-radius: 2px; animation: scroll-bounce 2s ease-in-out infinite; }
@keyframes scroll-bounce { 0%, 100% { opacity: 1; top: 6px; } 50% { opacity: 0; top: 18px; } }
@media (max-width: 640px) { .hero__actions { flex-direction: column; } }