@font-face {
    font-family: 'Atena Ethnocentric';
    src: url("fonts/Ethnocentric-Regular-9vb1Io4.otf") format('opentype');
    font-style: normal;
    font-weight: 400;
    font-display: swap;
}

.atena-hero {
    position: relative;
    isolation: isolate;
    min-height: 612px;
    display: grid;
    align-items: center;
    overflow: hidden;
    color: #fff;
    background: #0d0d0f;
    font-family: Montserrat, Arial, sans-serif;
}
.atena-hero::before { content: ''; position: absolute; z-index: 1; inset: 0; background: linear-gradient(90deg, rgba(13, 13, 15, .97) 0%, rgba(13, 13, 15, .76) 43%, rgba(13, 13, 15, .14) 76%, rgba(13, 13, 15, .63) 100%); pointer-events: none; }
.atena-hero > picture { position: absolute; z-index: 0; inset: 0; display: block; }
.atena-hero__image,.atena-hero > picture img { position: absolute; z-index: 0; inset: 0; display: block; width: 100%; height: 100%; object-fit: cover; object-position: center; }
.atena-hero::after { content: ''; position: absolute; z-index: -1; inset: auto 0 0; height: 126px; background: linear-gradient(transparent, rgba(0, 0, 0, .72)); pointer-events: none; }
.atena-hero__content { position: relative; z-index: 2; width: min(1356px, calc(100% - 120px)); max-width: none; margin: 0 auto; padding: 62px 0 33px; }
.atena-hero .atena-kicker { display: none; }
.atena-hero h1 { display: grid; gap: 7px; max-width: 670px; margin: 0; color: #e6e6e6; font-family: 'Atena Ethnocentric', Montserrat, Arial, sans-serif; font-size: clamp(36px, 4.1vw, 64px); font-style: normal; font-weight: 400; line-height: .99; letter-spacing: -.025em; text-transform: uppercase; text-shadow: 0 3px 15px rgba(0,0,0,.58); }
.atena-hero h1 span, .atena-hero h1 em, .atena-hero h1 b { display: block; }
.atena-hero h1 em { color: #e41d24; font-style: normal; }
.atena-hero h1 b { color: #1e56e6; font-weight: 400; }
.atena-hero__copy { max-width: 350px; margin-top: 31px; color: #e6e6e6; font-size: 15px; font-weight: 500; line-height: 1.55; text-shadow: 0 2px 8px #000; text-transform: uppercase; }
.atena-hero__copy p { margin: 0; }.atena-hero__copy p + p { margin-top: 2px; }.atena-hero__copy strong { color: #1e56e6; font-weight: 700; }
.atena-hero .atena-actions { display: flex; gap: 26px; align-items: center; margin-top: 31px; }
.atena-hero .atena-button { min-width: 220px; padding: 16px 24px; border: 0; border-radius: 7px; background: #e41d24; box-shadow: inset 0 -2px 0 rgba(0,0,0,.25), 0 7px 20px rgba(0,0,0,.25); color: #fff; font-family: Montserrat, Arial, sans-serif; font-size: 16px; font-weight: 700; letter-spacing: .02em; text-transform: uppercase; }
.atena-hero .atena-button:hover { background: #f12a32; transform: translateY(-1px); }
.atena-hero .atena-button span { margin-left: 22px; font-family: Arial, sans-serif; font-size: 26px; line-height: 0; vertical-align: -2px; }
.atena-hero .atena-button--ghost { min-width: 242px; border: 2px solid rgba(255,255,255,.78); background: rgba(3,6,9,.48); box-shadow: none; }
.atena-hero .atena-button--ghost:hover { border-color: #fff; background: rgba(255,255,255,.12); }
.atena-hero .atena-button--ghost i { display: inline-grid; width: 17px; height: 17px; place-items: center; margin-left: 16px; border-radius: 50%; background: #fff; color: #111; font-family: Arial, sans-serif; font-size: 16px; font-style: normal; line-height: 1; }
.atena-hero__benefits { display: flex; gap: 0; margin-top: 62px; }
.atena-hero__benefits > div { display: flex; align-items: center; gap: 13px; min-width: 185px; max-width: 205px; padding: 0 22px; border-right: 1px solid rgba(255,255,255,.44); }
.atena-hero__benefits > div:first-child { padding-left: 0; }
.atena-hero__benefits > div:last-child { border: 0; }
.atena-hero__benefit-icon { width: 43px; height: 43px; flex: 0 0 43px; color: #fff; }
.atena-hero__benefits strong { max-width: 115px; font-family: Montserrat, Arial, sans-serif; font-size: 12px; font-weight: 700; line-height: 1.3; text-transform: uppercase; }
.atena-hero__mark { position: absolute; z-index: 1; top: 11%; right: 4.8%; width: min(23vw, 352px); height: auto; opacity: .78; filter: drop-shadow(0 6px 18px rgba(0,0,0,.3)); pointer-events: none; }
.atena-hero__mark picture,.atena-hero__mark img { display:block; width:100%; height:auto; }

@media (max-width: 980px) { .atena-hero { min-height: 640px; } .atena-hero__image,.atena-hero > picture img { object-position: 58% center; } .atena-hero__content { width: calc(100% - 64px); } .atena-hero__mark { right: -4%; width: 290px; opacity: .48; } .atena-hero__benefits > div { min-width: 0; padding: 0 13px; } }
@media (max-width: 720px) { .atena-hero { min-height: 700px; align-items: end; } .atena-hero::before { background: linear-gradient(90deg, rgba(13,13,15,.95) 0%, rgba(13,13,15,.8) 62%, rgba(13,13,15,.42) 100%); } .atena-hero__image,.atena-hero > picture img { object-position: 62% center; } .atena-hero__content { width: calc(100% - 40px); padding: 64px 0 25px; } .atena-hero h1 { max-width:100%; font-size: clamp(31px, 10.7vw, 52px); letter-spacing:-.045em; } .atena-hero__copy { max-width:300px; margin-top:20px; font-size:13px; } .atena-hero .atena-actions { display:grid; grid-template-columns:1fr; gap:10px; margin-top:22px; } .atena-hero .atena-button, .atena-hero .atena-button--ghost { width:100%; min-width:0; min-height:48px; padding:14px 16px; font-size:13px; } .atena-hero__benefits { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:13px 16px; margin-top:29px; } .atena-hero__benefits > div, .atena-hero__benefits > div:first-child { max-width:none; min-height:42px; padding:0; border:0; } .atena-hero__benefit-icon { width:28px; height:28px; flex-basis:28px; } .atena-hero__benefits strong { max-width:none; font-size:10px; line-height:1.22; } .atena-hero__mark { top:8%; right:-20%; width:235px; opacity:.28; } }
@media (max-width: 380px) { .atena-hero { min-height:720px; } .atena-hero__content { width:calc(100% - 32px); } .atena-hero h1 { font-size:clamp(29px,10.35vw,40px); } .atena-hero__benefits { gap:11px; } }