.motion-hero{position:relative;isolation:isolate;min-height:var(--motion-hero-min-height, 820px);overflow:hidden;color:var(--motion-text-color, #ffffff);background:#080b10}.motion-hero__media,.motion-hero__overlay,.motion-hero__grid{position:absolute;top:0;right:0;bottom:0;left:0}.motion-hero__media picture{display:block;width:100%;height:100%}.motion-hero__image,.motion-hero__placeholder{display:block;width:100%;height:100%;object-fit:cover;object-position:var(--motion-image-position-desktop, 68%) center}.motion-hero__overlay{z-index:1;background:linear-gradient(90deg,#05080cfa,#05080cf5 27%,#05080cbd 43%,#05080c2e 62%,#05080c08),linear-gradient(180deg,rgba(5,8,12,.18) 0%,transparent 38%,rgba(5,8,12,.38) 100%),rgba(0,0,0,var(--motion-overlay-opacity, .1))}.motion-hero__grid{z-index:2;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:56px 56px;-webkit-mask-image:linear-gradient(90deg,#000 0%,rgba(0,0,0,.8) 40%,transparent 72%);mask-image:linear-gradient(90deg,#000 0%,rgba(0,0,0,.8) 40%,transparent 72%)}.motion-hero__grid:after{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;content:"";background:radial-gradient(circle at 24% 42%,rgba(230,25,42,.14),transparent 24%),repeating-linear-gradient(110deg,transparent 0,transparent 150px,rgba(230,25,42,.045) 151px,transparent 152px)}.motion-hero__signal{position:absolute;z-index:3;width:12px;height:12px;pointer-events:none;opacity:.6}.motion-hero__signal:before,.motion-hero__signal:after{position:absolute;background:var(--motion-accent-color, #e6192a);content:""}.motion-hero__signal:before{top:5px;left:0;width:12px;height:2px}.motion-hero__signal:after{top:0;left:5px;width:2px;height:12px}.motion-hero__signal--one{top:24%;left:38%}.motion-hero__signal--two{top:67%;left:45%}.motion-hero__inner{position:relative;z-index:4;display:flex;align-items:center;width:min(100%,1600px);min-height:inherit;margin:0 auto;padding:112px clamp(28px,5vw,84px) 72px}.motion-hero__content{width:min(46vw,680px);padding:0;color:var(--motion-text-color, #ffffff);background:transparent;border:0;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}.motion-hero__eyebrow{display:flex;align-items:center;gap:16px;margin:0 0 24px;color:var(--motion-accent-color, #e6192a);font-size:.77rem;font-weight:800;letter-spacing:.24em;line-height:1.3;text-transform:uppercase}.motion-hero__eyebrow:before{width:54px;height:4px;flex:0 0 54px;content:"";background:currentcolor}.motion-hero__heading{max-width:9.4ch;margin:0;color:var(--motion-text-color, #ffffff);font-family:var(--motion-display-font, Impact, sans-serif);font-size:clamp(4.4rem,7vw,7.7rem);font-weight:400;letter-spacing:-.035em;line-height:.86;overflow-wrap:normal;word-break:normal;-webkit-hyphens:none;hyphens:none;text-wrap:balance;text-transform:uppercase}.motion-hero__heading strong,.motion-hero__heading em{color:var(--motion-accent-color, #e6192a);font-style:normal}.motion-hero__heading>span{display:block;white-space:nowrap}.motion-hero__text{max-width:48ch;margin-top:28px;color:#ffffffd6;font-size:clamp(1rem,1.25vw,1.16rem);line-height:1.65}.motion-hero__text p{margin:0}.motion-hero__actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:32px}.motion-hero__button{display:inline-flex;min-height:56px;align-items:center;justify-content:center;padding:15px 28px;border:2px solid transparent;color:#fff;font-size:.75rem;font-weight:900;letter-spacing:.13em;line-height:1;text-decoration:none;text-transform:uppercase;transition:transform .18s ease,background-color .18s ease,border-color .18s ease,box-shadow .18s ease}.motion-hero__button--primary{color:var(--motion-button-text, #ffffff);background:var(--motion-accent-color, #e6192a);border-color:var(--motion-accent-color, #e6192a);box-shadow:7px 7px #0000007a}.motion-hero__button--secondary{color:#fff;background:#05080c33;border-color:#ffffff85;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.motion-hero__button:hover,.motion-hero__button:focus-visible{transform:translateY(-2px)}.motion-hero__button--primary:hover,.motion-hero__button--primary:focus-visible{background:#bd1220;border-color:#bd1220;box-shadow:4px 4px #00000094}.motion-hero__button--secondary:hover,.motion-hero__button--secondary:focus-visible{color:#080b10;background:#fff;border-color:#fff}.motion-hero__values{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;max-width:680px;margin-top:42px;padding-top:24px;border-top:1px solid rgba(255,255,255,.16)}.motion-hero__value{display:grid;grid-template-columns:auto 1fr;gap:10px;min-width:0}.motion-hero__value-number{color:var(--motion-accent-color, #e6192a);font-family:var(--motion-display-font, Impact, sans-serif);font-size:.76rem;font-weight:400;letter-spacing:.08em;line-height:1.3}.motion-hero__value-title,.motion-hero__value-text{margin:0}.motion-hero__value-title{color:#fff;font-size:.68rem;font-weight:900;letter-spacing:.09em;line-height:1.3;text-transform:uppercase}.motion-hero__value-text{margin-top:6px;color:#ffffff9e;font-size:.78rem;line-height:1.45}.motion-hero__proof{margin:28px 0 0;color:#ffffffb8;font-size:.65rem;font-weight:800;letter-spacing:.13em;line-height:1.5;text-transform:uppercase}@media screen and (max-width:1099px)and (min-width:750px){.motion-hero__content{width:min(52vw,620px)}.motion-hero__heading{font-size:clamp(4rem,7.8vw,6.4rem)}.motion-hero__values{grid-template-columns:1fr;max-width:420px}.motion-hero__value-text{display:none}}@media screen and (max-width:749px){.motion-hero{min-height:auto;background:#080b10}.motion-hero__media{position:relative;inset:auto;width:100%;height:auto;aspect-ratio:4 / 5;max-height:540px;background:#16181c}.motion-hero__media picture,.motion-hero__media .motion-hero__image,.motion-hero__media .motion-hero__placeholder{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.motion-hero__image,.motion-hero__placeholder{object-fit:cover;object-position:var(--motion-image-position-mobile, 55%) center}.motion-hero__overlay{position:absolute;top:0;bottom:auto;z-index:1;height:min(125vw,540px);background:linear-gradient(180deg,#080b1008,#080b1005 68%,#080b1061,#080b10),rgba(0,0,0,calc(var(--motion-overlay-opacity, .1) * .4))}.motion-hero__grid{height:min(125vw,540px);background-size:36px 36px;-webkit-mask-image:linear-gradient(180deg,#000 0%,rgba(0,0,0,.35) 62%,transparent 100%);mask-image:linear-gradient(180deg,#000 0%,rgba(0,0,0,.35) 62%,transparent 100%)}.motion-hero__signal--one{top:22%;left:10%}.motion-hero__signal--two{top:43%;right:11%;left:auto}.motion-hero__inner{align-items:flex-start;min-height:auto;padding:4px 20px 44px}.motion-hero__content{width:100%}.motion-hero__eyebrow{margin-bottom:18px;font-size:.66rem;letter-spacing:.18em}.motion-hero__eyebrow:before{width:36px;flex-basis:36px}.motion-hero__heading{max-width:100%;font-size:clamp(3.5rem,16vw,5rem);line-height:.89;overflow-wrap:normal;word-break:normal;-webkit-hyphens:none;hyphens:none}.motion-hero__text{margin-top:22px;font-size:.98rem}.motion-hero__actions{display:grid}.motion-hero__button{width:100%}.motion-hero__values{grid-template-columns:1fr;gap:16px;margin-top:34px}.motion-hero__value{grid-template-columns:28px 1fr}.motion-hero__proof{font-size:.6rem}}@media(prefers-reduced-motion:no-preference){.motion-hero__media{animation:motionHeroReveal .9s ease-out both}.motion-hero__content{animation:motionHeroContent .7s .12s ease-out both}.motion-hero__grid{animation:motionHeroGrid 18s linear infinite alternate}}@media(prefers-reduced-motion:reduce){.motion-hero__button{transition:none}}@keyframes motionHeroReveal{0%{opacity:0;transform:scale(1.025)}to{opacity:1;transform:scale(1)}}@keyframes motionHeroContent{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes motionHeroGrid{0%{background-position:0 0}to{background-position:28px 16px}}@media screen and (min-width:320px)and (max-width:430px){.motion-hero__inner{padding-inline:16px}.motion-hero__media{aspect-ratio:4 / 5;max-height:none}.motion-hero__overlay,.motion-hero__grid{height:125vw}.motion-hero__heading{width:100%;max-width:100%;font-size:clamp(1.9rem,9.5vw,2.55rem);letter-spacing:-.015em;line-height:.92;overflow-wrap:normal;word-break:normal}.motion-hero__heading>span{display:block;max-width:100%;white-space:nowrap}}
/*# sourceMappingURL=/cdn/shop/t/13/assets/section-motion-hero.css.map */