.cx-hero{padding:24px 0 56px}.cx-hero__wrapper{position:relative;overflow:hidden;border-radius:var(--hero-radius);background:#000}.cx-hero__media{position:relative;width:100%;overflow:hidden}.cx-hero__video,.cx-hero__image{width:100%;height:680px;display:block;object-fit:cover;object-position:center}.cx-hero__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#0000000d,#0000002e 40%,#000000a6)}.cx-hero__content{position:absolute;left:60px;bottom:60px;z-index:5;max-width:560px;color:var(--hero-text)}.cx-hero__badge{display:inline-flex;align-items:center;padding:10px 18px;border-radius:999px;background:#ffffff1f;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border:1px solid rgba(255,255,255,.18);font-size:.85rem;font-weight:600;margin-bottom:22px}.cx-hero__heading{margin:0;font-size:clamp(3rem,5vw,4.4rem);line-height:1.05;font-weight:700;color:var(--hero-text);max-width:520px}.cx-hero__description{margin-top:18px;font-size:1.1rem;line-height:1.7;max-width:480px;opacity:.92}.cx-hero__description p{margin:0}.cx-hero__button{margin-top:34px;display:inline-flex;align-items:center;gap:10px;padding:18px 34px;border-radius:999px;border:2px solid #fff;background:transparent;color:var(--hero-text);text-decoration:none;font-weight:600;transition:.35s ease}.cx-hero__button:hover{background:#fff;color:#111}.cx-hero__button svg{transition:.35s ease}.cx-hero__button:hover svg{transform:translate(5px)}.cx-hero__badge,.cx-hero__heading,.cx-hero__description,.cx-hero__button{opacity:0;transform:translateY(28px)}.cx-hero.loaded .cx-hero__badge{animation:heroFade .6s forwards}.cx-hero.loaded .cx-hero__heading{animation:heroFade .6s .15s forwards}.cx-hero.loaded .cx-hero__description{animation:heroFade .6s .3s forwards}.cx-hero.loaded .cx-hero__button{animation:heroFade .6s .45s forwards}@keyframes heroFade{to{opacity:1;transform:none}}@media(max-width:989px){.cx-hero__video,.cx-hero__image{height:560px}.cx-hero__content{left:40px;right:40px;bottom:40px}.cx-hero__heading{font-size:3rem}}@media(max-width:749px){.cx-hero{padding:14px 0 36px}.cx-hero__wrapper{border-radius:22px}.cx-hero__video,.cx-hero__image{height:520px}.cx-hero__content{left:24px;right:24px;bottom:24px}.cx-hero__badge{font-size:.72rem;padding:8px 14px}.cx-hero__heading{font-size:2.35rem}.cx-hero__description{font-size:.92rem}.cx-hero__button{width:100%;justify-content:center;padding:16px 24px}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/premium-hero.css.map */