.og-hero{--og-ratio-w: calc(100vw - var(--scrollbar-width, 0px) - var(--og-out-m) * 2);position:relative;isolation:isolate;overflow:hidden;min-height:var(--og-min-h-mobile);padding-block:var(--og-pt-mobile) var(--og-pb-mobile);margin-inline:var(--og-out-m);margin-block:var(--og-out-t-m) var(--og-out-b-m);display:flex;flex-direction:column;justify-content:var(--og-content-justify, center);background:linear-gradient(var(--og-gradient-angle, 135deg),var(--og-bg-1) 0%,var(--og-bg-2) 100%);color:var(--og-text)}@supports (overflow: clip){.og-hero--bleed{overflow:visible}}.og-hero--boxed{--og-ratio-w: min( calc(100vw - var(--scrollbar-width, 0px) - var(--og-out-m) * 2), var(--container-max-width) );margin-inline:max(var(--og-out-m),50% - var(--container-max-width) / 2)}.og-hero--ratio{min-height:max(var(--og-min-h-mobile),calc(var(--og-ratio-w) / var(--og-ratio-m)))}.og-hero--rounded{border-radius:var(--og-radius)}.og-hero__bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;overflow:hidden;border-radius:inherit;pointer-events:none}.og-hero__bg picture,.og-hero__bg-image{display:block;position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.og-hero__bg-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(var(--og-gradient-angle, 135deg),rgb(0 0 0 / var(--og-overlay)) 0%,rgb(0 0 0 / calc(var(--og-overlay) * .55)) 100%)}.og-hero__layer{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.og-hero__layer--back{z-index:1}.og-hero__layer--front{z-index:3}.og-hero__item{position:absolute;left:var(--og-x-m);top:var(--og-y-m);width:var(--og-w-m);max-width:calc(100% - var(--og-in-m) * 2);z-index:var(--og-z, 5);transform:translate(-50%,-50%) rotate(var(--og-rot, 0deg))}.og-hero--bleed .og-hero__item{max-width:none}.og-hero__item--no-mobile{display:none}.og-hero__float{animation:og-hero-float-y var(--og-fd) ease-in-out var(--og-fdelay) infinite;will-change:transform}.og-hero__spin{animation:og-hero-float-r calc(var(--og-fd) * 1.618) ease-in-out var(--og-fdelay) infinite;will-change:transform}.og-hero__img{display:block;width:100%;height:auto;filter:drop-shadow(0 var(--og-shadow-y) var(--og-shadow-blur) rgb(0 0 0 / var(--og-shadow-opacity)));backface-visibility:hidden;transform:translateZ(0)}@keyframes og-hero-float-y{0%,to{transform:translateZ(0)}50%{transform:translate3d(0,calc(var(--og-fs) * -1),0)}}@keyframes og-hero-float-r{0%,to{transform:rotate(calc(var(--og-fr) * -1))}50%{transform:rotate(var(--og-fr))}}.og-hero[data-float-style=vertical] .og-hero__spin,.og-hero[data-float-style=off] .og-hero__float,.og-hero[data-float-style=off] .og-hero__spin{animation:none;will-change:auto}.og-hero__inner{position:relative;z-index:2;display:flex;justify-content:var(--og-content-align, flex-start);margin-inline:max(var(--og-in-m),50% - var(--container-max-width) / 2)}.og-hero__content{display:flex;flex-direction:column;align-items:flex-start;width:100%;max-width:var(--og-content-max-mobile);text-align:var(--og-text-align)}.og-hero[style*="--og-text-align: center"] .og-hero__content{align-items:center}.og-hero[style*="--og-text-align: center"] .og-hero__buttons{justify-content:center}.og-hero__badge{display:inline-flex;align-items:center;justify-content:center;width:fit-content;max-width:100%;padding:var(--spacing-2) var(--spacing-3-5);border-radius:var(--rounded-full, 999px);background:var(--og-badge-bg);color:var(--og-badge-text);font-size:var(--og-badge-size);font-weight:700;line-height:1.1;margin-block-end:var(--spacing-4-5)}.og-hero__seo-h1{margin:0 0 var(--og-h1-gap);font-size:var(--og-h1-size-mobile);line-height:1.35;font-weight:600;letter-spacing:var(--og-h1-spacing);color:var(--og-h1-color);max-width:100%}.og-hero__seo-h1--uppercase{text-transform:uppercase}.og-hero__seo-h1.og-hero__seo-h1--pill{font-size:var(--og-h1-size-mobile);color:var(--og-badge-text);margin-block-end:var(--og-h1-gap)}.og-hero__title{margin:0 0 var(--og-title-gap);font-family:var(--heading-font-family);font-weight:var(--heading-font-weight);font-size:var(--og-title-size-mobile);line-height:.95;letter-spacing:-.03em;color:var(--og-text);text-wrap:balance}.og-hero__text{margin-block-end:var(--spacing-7);color:var(--og-muted);font-size:var(--og-text-size);line-height:1.6}.og-hero__text>:last-child{margin-block-end:0}.og-hero__buttons{display:flex;flex-wrap:wrap;gap:var(--spacing-2-5);width:100%}.og-hero__button{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:var(--spacing-3) var(--spacing-5-5);border-radius:var(--rounded-full, 999px);text-decoration:none;font-size:var(--og-button-size);font-weight:700;line-height:1;transition:transform .25s ease,opacity .25s ease}.og-hero__button:hover{transform:translateY(-2px)}.og-hero__button--primary{background:var(--og-btn1-bg);color:var(--og-btn1-text);border:1px solid var(--og-btn1-border)}.og-hero__button--secondary{background:var(--og-btn2-bg);color:var(--og-btn2-text);border:1px solid var(--og-btn2-border)}.og-hero[data-mobile-buttons-full=true] .og-hero__button{width:100%}@media screen and (min-width:1000px){.og-hero{--og-ratio-w: calc(100vw - var(--scrollbar-width, 0px) - var(--og-out) * 2);min-height:var(--og-min-h);padding-block:var(--og-pt) var(--og-pb);margin-inline:var(--og-out);margin-block:var(--og-out-t) var(--og-out-b)}.og-hero--boxed{--og-ratio-w: min( calc(100vw - var(--scrollbar-width, 0px) - var(--og-out) * 2), var(--container-max-width) );margin-inline:max(var(--og-out),50% - var(--container-max-width) / 2)}.og-hero--ratio{min-height:max(var(--og-min-h),calc(var(--og-ratio-w) / var(--og-ratio)))}.og-hero__inner{margin-inline:max(var(--og-in),50% - var(--container-max-width) / 2)}.og-hero__content{max-width:var(--og-content-max)}.og-hero__title{font-size:var(--og-title-size);line-height:.92;letter-spacing:-.04em}.og-hero__seo-h1,.og-hero__seo-h1.og-hero__seo-h1--pill{font-size:var(--og-h1-size)}.og-hero__buttons{gap:var(--spacing-3-5);width:auto}.og-hero[data-mobile-buttons-full=true] .og-hero__button{width:auto}.og-hero__item{left:var(--og-x);top:var(--og-y);width:var(--og-w);max-width:none}.og-hero__item--no-mobile{display:block}}@media(prefers-reduced-motion:reduce){.og-hero__float,.og-hero__spin,.og-hero__button{animation:none!important;transition:none!important;will-change:auto}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/og-hero-floating.css.map */