.hyper-hero{position:relative;width:100%;overflow:hidden;background:#000;height:var(--hh-height-mobile, 620px);isolation:isolate}@media screen and (min-width:750px){.hyper-hero{height:var(--hh-height-desktop, 780px)}}.hyper-hero__media{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.hyper-hero__picture{display:block;width:100%;height:100%;transform:translate(5%)}.hyper-hero__img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}.hyper-hero__placeholder{width:100%;height:100%;background:#0a0a0a}.hyper-hero__placeholder-svg{width:100%;height:100%;object-fit:cover;opacity:.35}.hyper-hero__scrim{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;background:linear-gradient(90deg,color-mix(in srgb,var(--hh-overlay-color, #000000) calc(var(--hh-overlay, .4) * 100%),transparent) 0%,color-mix(in srgb,var(--hh-overlay-color, #000000) calc(var(--hh-overlay, .4) * 45%),transparent) 40%,transparent 72%)}.hyper-hero--right .hyper-hero__scrim{background:linear-gradient(270deg,color-mix(in srgb,var(--hh-overlay-color, #000000) calc(var(--hh-overlay, .4) * 100%),transparent) 0%,color-mix(in srgb,var(--hh-overlay-color, #000000) calc(var(--hh-overlay, .4) * 45%),transparent) 40%,transparent 72%)}.hyper-hero--center .hyper-hero__scrim{background:radial-gradient(ellipse 65% 75% at 50% 50%,color-mix(in srgb,var(--hh-overlay-color, #000000) calc(var(--hh-overlay, .4) * 100%),transparent) 0%,color-mix(in srgb,var(--hh-overlay-color, #000000) calc(var(--hh-overlay, .4) * 35%),transparent) 60%,transparent 85%)}@media screen and (max-width:749px){.hyper-hero__scrim{background:linear-gradient(0deg,color-mix(in srgb,var(--hh-overlay-color, #000000) calc(var(--hh-overlay, .4) * 100%),transparent) 0%,color-mix(in srgb,var(--hh-overlay-color, #000000) calc(var(--hh-overlay, .4) * 50%),transparent) 50%,transparent 100%)!important}}.hyper-hero__container{position:relative;z-index:2;height:100%;display:flex;align-items:center}.hyper-hero--top .hyper-hero__container{align-items:flex-start;padding-top:clamp(48px,8vh,96px)}.hyper-hero--bottom .hyper-hero__container{align-items:flex-end;padding-bottom:clamp(48px,8vh,96px)}.hyper-hero__content{width:100%;max-width:var(--hh-max-width, 560px);color:var(--hh-color, #ffffff);opacity:0;transform:translateY(18px);transition:opacity .82s cubic-bezier(.16,1,.3,1),transform .82s cubic-bezier(.16,1,.3,1)}.hyper-hero--no-animate .hyper-hero__content{opacity:1;transform:none;transition:none}@media screen and (min-width:750px){.hyper-hero__content{margin-inline-start:-40px}}.hyper-hero.is-visible .hyper-hero__content{opacity:1;transform:translateY(0)}.hyper-hero--center .hyper-hero__content,.hyper-hero--right .hyper-hero__content{margin-left:auto}.hyper-hero--left .hyper-hero__content{margin-right:auto}.hyper-hero--center .hyper-hero__content{margin-right:auto;text-align:center}.hyper-hero--right .hyper-hero__content{text-align:right}.hyper-hero--center .hyper-hero__actions{justify-content:center}.hyper-hero--right .hyper-hero__actions{justify-content:flex-end}.hyper-hero__eyebrow{margin:0 0 16px;font-size:13px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:currentColor;opacity:.72}.hyper-hero__heading{margin:0 0 32px;font-size:clamp(38px,5.4vw,78px);line-height:1.02;font-weight:700;letter-spacing:-.04em;color:currentColor}.hyper-hero__description{margin:0 0 42px;font-size:clamp(17px,1.6vw,22px);line-height:1.7;font-weight:400;color:currentColor;opacity:.86;max-width:560px}.hyper-hero--center .hyper-hero__description{margin-left:auto;margin-right:auto}.hyper-hero__description p{margin:0}.hyper-hero__description p+p{margin-top:12px}.hyper-hero__actions{display:flex;flex-wrap:wrap;align-items:center;gap:14px}.hyper-hero__btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:58px;padding:0 34px;border-radius:16px;font-size:15px;font-weight:600;letter-spacing:-.01em;text-decoration:none;white-space:nowrap;transition:transform .25s cubic-bezier(.16,1,.3,1),box-shadow .25s cubic-bezier(.16,1,.3,1),background-color .25s ease,border-color .25s ease,opacity .25s ease}.hyper-hero__btn:focus-visible{outline:2px solid currentColor;outline-offset:3px}.hyper-hero__btn svg{flex-shrink:0;transition:transform .25s cubic-bezier(.16,1,.3,1)}.hyper-hero__btn--primary{background:var(--hh-btn-primary-bg, #ffffff);color:var(--hh-btn-primary-text, #0a0a0a);border:1px solid var(--hh-btn-primary-bg, #ffffff)}.hyper-hero__btn--primary:hover{transform:translateY(-2px);box-shadow:0 14px 30px #2563ff4d}.hyper-hero__btn--primary:hover svg{transform:translate(2px)}.hyper-hero__btn--secondary{background:transparent;color:var(--hh-btn-secondary-text, currentColor);border:1px solid color-mix(in srgb,var(--hh-btn-secondary-border, #ffffff) 40%,transparent)}.hyper-hero__btn--secondary:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--hh-btn-secondary-border, #ffffff) 80%,transparent);box-shadow:0 14px 30px #2563ff4d}@media screen and (max-width:749px){.hyper-hero__container{align-items:flex-end;padding-bottom:clamp(32px,8vh,64px)}.hyper-hero--top .hyper-hero__container{align-items:flex-start;padding-top:clamp(32px,8vh,64px);padding-bottom:0}.hyper-hero__content{max-width:none}.hyper-hero--mobile-left .hyper-hero__content{text-align:left;margin-left:0;margin-right:auto}.hyper-hero--mobile-center .hyper-hero__content{text-align:center;margin-left:auto;margin-right:auto}.hyper-hero--mobile-right .hyper-hero__content{text-align:right;margin-left:auto;margin-right:0}.hyper-hero--mobile-left .hyper-hero__description{margin-left:0;margin-right:auto}.hyper-hero--mobile-center .hyper-hero__description{margin-left:auto;margin-right:auto}.hyper-hero--mobile-right .hyper-hero__description{margin-left:auto;margin-right:0}.hyper-hero--mobile-left .hyper-hero__actions{justify-content:flex-start}.hyper-hero--mobile-center .hyper-hero__actions{justify-content:center}.hyper-hero--mobile-right .hyper-hero__actions{justify-content:flex-end}.hyper-hero__actions{width:100%}.hyper-hero__btn{flex:1 1 auto;min-width:0}}@media(prefers-reduced-motion:reduce){.hyper-hero__content,.hyper-hero__btn,.hyper-hero__btn svg{transition:none!important}.hyper-hero__content{opacity:1;transform:none}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/component-hyper-hero.css.map */