@font-face{font-family:HPMBarlow;src:url('./fonts/barlow-400.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:HPMBarlow;src:url('./fonts/barlow-500.woff2') format('woff2');font-weight:500;font-display:swap}
@font-face{font-family:HPMBarlow;src:url('./fonts/barlow-600.woff2') format('woff2');font-weight:600;font-display:swap}
.hpm-hero{position:relative;isolation:isolate;overflow:hidden;background:#111416;color:#f4f5f5;font:400 16px/1.5 HPMBarlow,Arial,sans-serif;width:100%;min-height:500px;height:70svh;max-height:760px;margin:0;text-align:left}
.hpm-hero *,.hpm-hero *::before,.hpm-hero *::after{box-sizing:border-box}
.hpm-hero [hidden]{display:none!important}
.hpm-hero a{color:inherit;text-decoration:none}
.hpm-hero__copy{position:relative;z-index:2;width:max-content;max-width:49%;padding:0;margin-left:max(6vw,calc((100vw - 1440px)/2));top:50%;transform:translateY(-50%);pointer-events:none}
.hpm-hero__eyebrow{font-size:10px;font-weight:500;letter-spacing:2.7px;color:#93999e;margin:0 0 29px}
.hpm-hero h1{font:500 clamp(30px,3.25vw,50px)/1.16 HPMBarlow,Arial,sans-serif;letter-spacing:-.8px;color:#f4f5f5;margin:0 0 27px;text-transform:uppercase}
.hpm-hero h1 em{font-style:normal;color:#e61937}
.hpm-hero .hpm-hero__intro{max-width:400px;font-size:17px;line-height:1.7;color:#a8adb2;margin:0 0 30px}
.hpm-hero .hpm-hero__actions .hpm-hero__cta{display:inline-flex;align-items:center;gap:38px;font-size:14px;font-weight:500;line-height:1.5;padding:14px 19px;background:#e61937;border:1px solid #e61937;border-radius:2px;color:#fff;pointer-events:auto;transition:background .2s;min-height:50px}
.hpm-hero__cta:hover{background:#bd122b!important}
.hpm-hero__cta svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.3}
.hpm-hero :is(a,button):focus-visible{outline:2px solid #fff;outline-offset:5px}
.hpm-hero__stage{position:absolute;inset:0;pointer-events:none;z-index:0}
.hpm-hero__canvas{display:block;width:100%;height:100%;opacity:0;transition:opacity .65s}
.hpm-hero[data-ready="true"] .hpm-hero__canvas{opacity:1}
.hpm-hero__poster{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:1;transition:opacity .35s;pointer-events:none}
.hpm-hero[data-ready="true"] .hpm-hero__poster{opacity:0}
.hpm-hero__loading{position:absolute;bottom:26px;right:6vw;font-size:10px;letter-spacing:.3px;color:#7f878e;margin:0}
.hpm-hero .hpm-hero__motion{position:absolute;z-index:3;bottom:20px;right:22px;display:flex;align-items:center;justify-content:center;width:44px;height:44px;padding:12px;background:transparent;border:0;box-shadow:none;border-radius:50%;color:#8e969d;cursor:pointer}
.hpm-hero__motion:hover{color:#fff;background:#ffffff09}
.hpm-hero__motion svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.25}
.hpm-hero__motion[aria-pressed="true"] .hpm-hero__play-icon,.hpm-hero__motion[aria-pressed="false"] .hpm-hero__pause-icon{display:none}
.hpm-hero[data-ready="error"] .hpm-hero__motion{display:none}
@media(max-width:1000px) and (min-width:761px){.hpm-hero{min-height:500px;max-height:760px}.hpm-hero__copy{margin-left:5vw}.hpm-hero h1{font-size:3.25vw}.hpm-hero .hpm-hero__intro{font-size:16px}}
@media(max-width:760px){.hpm-hero{height:auto;min-height:0;max-height:none;padding:36px 25px 305px}.hpm-hero__copy{position:relative;top:auto;transform:none;margin:0;max-width:100%;width:auto}.hpm-hero__eyebrow{font-size:9px;letter-spacing:2.2px;margin-bottom:20px}.hpm-hero h1{font-size:clamp(18px,6.1vw,43px);letter-spacing:-.5px;margin-bottom:19px}.hpm-hero .hpm-hero__intro{font-size:15px;line-height:1.65;margin-bottom:23px}.hpm-hero .hpm-hero__actions .hpm-hero__cta{font-size:13px;padding:12px 17px;gap:35px;min-height:47px}.hpm-hero__stage{top:auto;bottom:12px;height:280px}.hpm-hero__loading{right:25px;bottom:12px;font-size:9px}.hpm-hero .hpm-hero__motion{right:12px;bottom:7px}.hpm-hero__poster{object-fit:cover}}
@media(prefers-reduced-motion:reduce){.hpm-hero *{animation:none!important;transition:none!important}}

.hpm-hero[data-ready="error"] .hpm-hero__poster{opacity:1}

.hpm-hero__loading{display:none}.hpm-hero[data-initialized="true"] .hpm-hero__loading{display:block}.hpm-hero .hpm-hero__motion{display:none}.hpm-hero[data-ready="true"] .hpm-hero__motion{display:flex}

.hpm-hero__actions{display:flex;gap:12px;flex-wrap:wrap}.hpm-hero .hpm-hero__actions .hpm-hero__cta{justify-content:center;gap:12px}.hpm-hero .hpm-hero__actions .hpm-hero__cta--secondary{background:transparent;border-color:#687078;color:#edf0f2}.hpm-hero .hpm-hero__actions .hpm-hero__cta--secondary:hover{background:#ffffff12!important;border-color:#edf0f2}
@media(max-width:440px){.hpm-hero__actions{gap:10px}.hpm-hero .hpm-hero__actions .hpm-hero__cta{padding:12px 13px;font-size:12px}}

/* The replaced Elementor background must not label the real 3D hero. */
.hpm-ai-bg:has(> .elementor-widget-shortcode .hpm-hero)::after{content:none;display:none}

/* Neutralize old slider sizing only on the mobile container hosting this hero. */
@media(max-width:767px){.elementor .e-con:has(> .elementor-widget-shortcode .hpm-hero){min-height:0;justify-content:flex-start}}
