.hero-section { position: relative; min-height: 650px; display: grid; align-items: center; isolation: isolate; background: url("../../assets/images/backgrounds/background-main.png") center/cover no-repeat; }
.hero-section__shade { position: absolute; inset: 0; z-index: -1; background: linear-gradient(90deg, rgba(11,7,5,.88) 0%, rgba(18,10,6,.58) 42%, rgba(7,9,13,.12) 75%), linear-gradient(0deg, rgba(16,9,7,.65), transparent 45%); }
.hero-section__content { padding-block: 90px; }
.hero-section__eyebrow { margin-bottom: 12px; color: #f4c85f; text-transform: uppercase; letter-spacing: .25em; font-size: .82rem; }
.hero-section h1 { max-width: 720px; color: #fff1bd; font-size: clamp(2.7rem, 7vw, 5.8rem); line-height: .95; text-shadow: 0 5px 25px #000; }
.hero-section__lead { max-width: 600px; margin-top: 24px; color: #f6ead4; font-size: clamp(1rem, 2vw, 1.25rem); line-height: 1.7; text-shadow: 0 2px 9px #000; }
.hero-section__actions { display: flex; gap: 14px; margin-top: 34px; flex-wrap: wrap; }
.hero-btn { display: inline-flex; min-width: 170px; justify-content: center; padding: 15px 24px; text-transform: uppercase; font-weight: 700; letter-spacing: .05em; border: 1px solid; transition: transform .2s ease, filter .2s ease; }
.hero-btn:hover { transform: translateY(-2px); filter: brightness(1.1); }
.hero-btn--primary { color: #251207; background: linear-gradient(#ffe08b, #ba6b18); border-color: #ffe9ac; }
.hero-btn--secondary { color: #f4dba1; background: rgba(36,17,10,.85); border-color: #b2772f; }
@media (max-width: 650px) { .hero-section { min-height: 570px; background-position: 62% center; } .hero-section__shade { background: rgba(12,8,6,.67); } }