:root{--color-dark-navy: #001323;--color-cream: #ffffff;--color-yellow: #F3AB1E;--badge-font-size: 11px}.hero-banner{position:relative;height:calc(100vh - 108px);min-height:620px;display:flex;align-items:center;justify-content:center;overflow:hidden;background-color:var(--color-dark-navy);color:var(--color-cream)}.hero-banner__media{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;display:flex;align-items:center}.hero-banner__image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center 20%;display:block}.hero-banner__image--placeholder{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#02090f99,#02090fe6)}.hero-banner__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(105deg,#001323e0,#0013238c 55%,#0013231a);z-index:1}.hero-banner__container{position:relative;z-index:2;width:100%;max-width:1320px;padding:0 24px;margin:0 auto;box-sizing:border-box;display:flex;align-items:center}.hero-banner__inner{max-width:640px}.hero-banner__badge{display:inline-flex;align-items:center;gap:8px;background-color:var(--color-yellow);color:var(--color-dark-navy);border-radius:2px;padding:5px 14px;margin-bottom:28px;font-family:Poppins,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial;font-weight:600;font-size:var(--badge-font-size);letter-spacing:.12em;text-transform:uppercase}.hero-banner__title{font-family:var(--font-heading-family);font-weight:900;font-size:clamp(56px,8vw,108px);line-height:.92;color:var(--color-cream);letter-spacing:2.5px;text-transform:uppercase;margin:0 0 24px}.hero-banner__title p{margin-block:0!important}.hero-banner__title .highlight,.hero-banner__title span{color:var(--color-yellow)}.hero-banner__description{font-family:Poppins,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial;font-weight:300;font-size:17px;color:#fff4e5cc;line-height:1.6;margin:0 0 40px;max-width:440px}.hero-banner__actions{display:flex;gap:14px;flex-wrap:wrap;align-items:center}.hero-banner__btn{font-weight:700;font-size:16px;letter-spacing:.1em;text-transform:uppercase;padding:16px 36px;border-radius:3px;cursor:pointer;display:inline-flex;align-items:center;gap:8px;text-decoration:none;transition:transform .15s ease,box-shadow .15s ease,color .15s ease,border-color .15s ease}.hero-banner__btn--primary{background-color:var(--color-yellow);color:var(--color-dark-navy);border:none}.hero-banner__btn--primary:hover,.hero-banner__btn--primary:focus{transform:translateY(-2px);box-shadow:0 8px 24px #f3ab1e66;outline:none}.hero-banner__icon{display:inline-block;width:16px;height:16px;color:inherit}.hero-banner__btn--secondary{background-color:transparent;color:var(--color-cream);border:1.5px solid rgba(255,244,229,.45)}.hero-banner__btn--secondary:hover,.hero-banner__btn--secondary:focus{border-color:var(--color-cream);color:var(--color-cream);outline:none}.hero-banner__scroll{position:absolute;bottom:36px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:6px;opacity:.5;z-index:3}.hero-banner__scroll-line{width:1px;height:48px;background-color:var(--color-cream);animation:scrollPulse 2s ease-in-out infinite}@keyframes scrollPulse{0%,to{opacity:.3;transform:scaleY(1)}50%{opacity:1;transform:scaleY(1.1)}}@media(max-width:880px){.hero-banner__title{font-size:clamp(40px,11vw,72px)}.hero-banner__description{font-size:15px;max-width:100%}.hero-banner__container{padding:0 18px}}@media(max-width:520px){.hero-banner{min-height:520px;margin-top:56px}.hero-banner__title{line-height:.98}.hero-banner__actions{gap:10px}.hero-banner__btn{padding:12px 20px;font-size:14px;letter-spacing:.06em}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/hero-banner.css.map */