.evag-hero-module { width: 100%; }
.evag-hero-width-wide { width: min(calc(100vw - 32px), var(--evag-hero-max-width, 1600px)); max-width: var(--evag-hero-max-width, 1600px); margin-left: 50%; transform: translateX(-50%); }
.evag-hero-width-full { width: 100vw; max-width: 100vw; margin-left: 50%; transform: translateX(-50%); }
.evag-hero-width-normal { max-width: 100%; }
.evag-hero { position: relative; min-height: var(--evag-hero-height, 410px); overflow: hidden; background: #003b73; }
.evag-hero-image { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: center center; }
.evag-hero-overlay { position: absolute; inset: 0; background: linear-gradient(90deg, rgba(0, 45, 95, var(--evag-hero-overlay, .45)) 0%, rgba(0, 45, 95, calc(var(--evag-hero-overlay, .45) * .68)) 38%, rgba(0, 45, 95, .08) 76%); }
.evag-hero-inner { position: relative; z-index: 2; min-height: var(--evag-hero-height, 410px); max-width: var(--evag-hero-content-max, 720px); padding: 44px 24px; margin-left: var(--evag-hero-left, 62px); color: var(--evag-hero-text-color, #fff); display: flex; flex-direction: column; align-items: flex-start; justify-content: center; }
.evag-hero-position-left_top .evag-hero-inner { justify-content: flex-start; padding-top: 58px; }
.evag-hero-position-left_bottom .evag-hero-inner { justify-content: flex-end; padding-bottom: 58px; }
.evag-hero-position-center_center .evag-hero-inner { margin-left: auto; margin-right: auto; align-items: center; text-align: center; }
.evag-hero-accent { display: block; width: 88px; height: 6px; border-radius: 999px; background: var(--evag-hero-accent, #ffd200); margin-bottom: 28px; box-shadow: 0 2px 8px rgba(0,0,0,.15); }
.evag-hero-title { margin: 0 0 8px !important; color: var(--evag-hero-title-color, #fff) !important; font-family: var(--evag-hero-title-family, inherit) !important; font-size: clamp(28px, 4.2vw, var(--evag-hero-title-size, 72px)) !important; line-height: var(--evag-hero-title-line, 1.02) !important; font-weight: var(--evag-hero-title-weight, 800) !important; font-style: var(--evag-hero-title-style, normal) !important; letter-spacing: var(--evag-hero-title-spacing, 0px) !important; text-shadow: var(--evag-hero-title-shadow, 0 3px 14px rgba(0,0,0,.35)) !important; }
.evag-hero-subtitle { color: var(--evag-hero-subtitle-color, #fff) !important; font-family: var(--evag-hero-subtitle-family, inherit) !important; font-size: clamp(24px, 3.5vw, var(--evag-hero-subtitle-size, 62px)) !important; line-height: var(--evag-hero-subtitle-line, 1.08) !important; font-weight: var(--evag-hero-subtitle-weight, 800) !important; font-style: var(--evag-hero-subtitle-style, normal) !important; letter-spacing: var(--evag-hero-subtitle-spacing, 0px) !important; text-shadow: var(--evag-hero-subtitle-shadow, 0 3px 14px rgba(0,0,0,.35)) !important; }
.evag-hero-extra-title { margin-top: 12px !important; color: var(--evag-hero-extra-title-color, #fff) !important; font-family: var(--evag-hero-extra-title-family, inherit) !important; font-size: clamp(16px, 1.9vw, var(--evag-hero-extra-title-size, 30px)) !important; line-height: var(--evag-hero-extra-title-line, 1.25) !important; font-weight: var(--evag-hero-extra-title-weight, 600) !important; font-style: var(--evag-hero-extra-title-style, normal) !important; letter-spacing: var(--evag-hero-extra-title-spacing, 0px) !important; text-shadow: var(--evag-hero-extra-title-shadow, 0 3px 14px rgba(0,0,0,.35)) !important; }
.evag-hero-button { display: inline-flex; align-items: center; justify-content: center; margin-top: 28px; padding: 13px 24px; border-radius: 4px; background: var(--evag-hero-accent, #ffd200); color: #001f54; font-weight: 700; line-height: 1; text-decoration: none; transition: transform .2s ease, box-shadow .2s ease, filter .2s ease; }
.evag-hero-button:hover { color: #001f54; transform: translateY(-2px); box-shadow: 0 12px 24px rgba(0,0,0,.18); filter: brightness(1.03); text-decoration: none; }
@media (max-width: 1024px) { .evag-hero { min-height: var(--evag-hero-height-tablet, 350px); } .evag-hero-inner { min-height: var(--evag-hero-height-tablet, 350px); margin-left: 32px; } }
@media (max-width: 640px) { .evag-hero { min-height: var(--evag-hero-height-mobile, 300px); } .evag-hero-inner { min-height: var(--evag-hero-height-mobile, 300px); margin-left: 0; padding: 34px 24px; } .evag-hero-title { font-size: var(--evag-hero-title-size-mobile, 38px) !important; } .evag-hero-subtitle { font-size: var(--evag-hero-subtitle-size-mobile, 32px) !important; } .evag-hero-extra-title { font-size: var(--evag-hero-extra-title-size-mobile, 20px) !important; } .evag-hero-accent { width: 70px; height: 5px; margin-bottom: 22px; } }