.custom-fullscreen-hero{--cfh-safe: 20px;--cfh-safe-top: var(--cfh-safe);--cfh-safe-bottom: var(--cfh-safe);position:relative;isolation:isolate;width:100%;max-width:100vw;min-height:100vh;overflow:hidden;background:var(--cfh-fallback, #111111);color:#fff}@supports (min-height: 100svh){.custom-fullscreen-hero[data-height-mode=viewport]{min-height:100svh}}@supports (height: 100dvh){.custom-fullscreen-hero[data-height-mode=viewport]{height:100dvh}}.custom-fullscreen-hero[data-height-mode=minus-header]{min-height:calc(100vh - var(--header-height, var(--cfh-header-fallback)))}@supports (min-height: 100svh){.custom-fullscreen-hero[data-height-mode=minus-header]{min-height:calc(100svh - var(--header-height, var(--cfh-header-fallback)))}}@supports (height: 100dvh){.custom-fullscreen-hero[data-height-mode=minus-header]{height:calc(100dvh - var(--header-height, var(--cfh-header-fallback)))}}.custom-fullscreen-hero[data-height-mode=custom]{min-height:var(--cfh-custom-min)}.custom-fullscreen-hero[data-height-mode=editorial]{height:100vh;min-height:100vh}@supports (height: 100svh){.custom-fullscreen-hero[data-height-mode=editorial]{height:100svh;min-height:100svh}}.custom-fullscreen-hero[data-height-mode=adapt]{height:auto;min-height:0;aspect-ratio:var(--cfh-desktop-aspect, 1.777777)}@supports not (aspect-ratio: 16 / 9){.custom-fullscreen-hero[data-height-mode=adapt]{height:0;padding-bottom:calc(100% / var(--cfh-desktop-aspect, 1.777777))}}.custom-fullscreen-hero__media,.custom-fullscreen-hero__overlay{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.custom-fullscreen-hero__media{z-index:0;overflow:hidden}.custom-fullscreen-hero__overlay{z-index:1;pointer-events:none;background:var(--cfh-overlay)}.custom-fullscreen-hero__picture,.custom-fullscreen-hero__media-image,.custom-fullscreen-hero__video{display:block;width:100%;height:100%}.custom-fullscreen-hero__media-image,.custom-fullscreen-hero__video{position:absolute;top:0;right:0;bottom:0;left:0;object-fit:cover;object-position:var(--cfh-desktop-focal, 50% 50%)}.custom-fullscreen-hero[data-height-mode=editorial] .custom-fullscreen-hero__media-image,.custom-fullscreen-hero[data-height-mode=editorial] .custom-fullscreen-hero__video{object-fit:cover}.custom-fullscreen-hero__video--mobile{display:none}.custom-fullscreen-hero__block{--cfh-x: var(--cfh-dx);--cfh-y: var(--cfh-dy);--cfh-tx: var(--cfh-dtx);--cfh-ty: var(--cfh-dty);--cfh-max: var(--cfh-dmax);--cfh-align: var(--cfh-dalign);--cfh-size: var(--cfh-dsize);--cfh-line: var(--cfh-dline);--cfh-rotate-current: var(--cfh-rotate, 0deg);position:absolute;left:clamp(var(--cfh-safe),var(--cfh-x),calc(100% - var(--cfh-safe)));top:clamp(var(--cfh-safe-top),var(--cfh-y),calc(100% - var(--cfh-safe-bottom)));z-index:var(--cfh-z, 5);width:min(var(--cfh-max, 600px),calc(100% - (var(--cfh-safe) * 2)));max-width:calc(100% - (var(--cfh-safe) * 2));text-align:var(--cfh-align, left);transform:translate(var(--cfh-tx, 0),var(--cfh-ty, 0)) rotate(var(--cfh-rotate-current));transform-origin:center;overflow-wrap:anywhere;box-sizing:border-box}.custom-fullscreen-hero__block[hidden]{display:none!important}.custom-fullscreen-hero__block--decorative{z-index:var(--cfh-z, 3)}.custom-fullscreen-hero__block--scroll{z-index:var(--cfh-z, 8)}.custom-fullscreen-hero__block--button.cfh-equal-button-gap{left:var(--cfh-equal-left, 0px)!important;--cfh-tx: 0% !important}.custom-fullscreen-hero__text-surface{display:inline-block;max-width:100%;color:var(--cfh-color, #fff);background:var(--cfh-bg, transparent);padding:var(--cfh-pad, 0px);border-radius:var(--cfh-radius, 0px);font-size:var(--cfh-size);line-height:var(--cfh-line);font-weight:var(--cfh-weight, 400);letter-spacing:var(--cfh-letter, 0em);text-transform:var(--cfh-transform, none);text-align:inherit;margin:0}.custom-fullscreen-hero__text-surface--shadow{text-shadow:0 2px calc(2px + var(--cfh-shadow, 4px)) rgba(0,0,0,.75)}.custom-fullscreen-hero__block--heading .custom-fullscreen-hero__text-surface{font-family:var(--heading-font-family, var(--font-heading-family, inherit));font-style:var(--heading-font-style, var(--font-heading-style, normal));font-weight:var(--heading-font-weight, var(--font-heading-weight, var(--cfh-weight, 400)))}.custom-fullscreen-hero__richtext>*{margin:0}.custom-fullscreen-hero__richtext>*+*{margin-top:.65em}.custom-fullscreen-hero__richtext a{color:inherit}.custom-fullscreen-hero__button{display:inline-flex;align-items:center;justify-content:center;gap:var(--cfh-dicon-gap, 8px);min-height:44px;max-width:100%;box-sizing:border-box;padding:var(--cfh-dpy) var(--cfh-dpx);border:var(--cfh-border-width) solid var(--cfh-border);border-radius:var(--cfh-button-radius);background:var(--cfh-button-bg);color:var(--cfh-button-color);font-size:var(--cfh-dsize);font-weight:var(--cfh-weight);letter-spacing:var(--cfh-letter);line-height:1.15;text-align:center;text-decoration:none;transition:color .25s ease,background-color .25s ease,border-color .25s ease,transform .25s ease}.custom-fullscreen-hero__button--outline{background:transparent}.custom-fullscreen-hero__button--text{min-height:44px;padding-left:0;padding-right:0;border-width:0;background:transparent;text-decoration:underline;text-underline-offset:.25em}.custom-fullscreen-hero__button--fixed{width:min(var(--cfh-dfixed),100%)}.custom-fullscreen-hero__button--full{width:100%}.custom-fullscreen-hero__button:hover{background:var(--cfh-button-hover-bg);color:var(--cfh-button-hover-color);border-color:var(--cfh-button-hover-border)}.custom-fullscreen-hero__button[data-hover=lift]:hover{transform:translateY(-3px)}.custom-fullscreen-hero__button[data-hover=scale]:hover{transform:scale(1.035)}.custom-fullscreen-hero__button[data-hover=arrow]:hover .custom-fullscreen-hero__button-icon{transform:translate(3px)}.custom-fullscreen-hero__button:focus-visible,.custom-fullscreen-hero__scroll:focus-visible{outline:3px solid #fff;outline-offset:4px}.custom-fullscreen-hero__button-icon{display:inline-flex;flex:0 0 var(--cfh-dicon-size, 16px);width:var(--cfh-dicon-size, 16px);height:var(--cfh-dicon-size, 16px);transition:transform .2s ease}.custom-fullscreen-hero__button-icon svg{display:block;width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.8}.custom-fullscreen-hero__badge{display:inline-flex;align-items:center;gap:.45em}.custom-fullscreen-hero__decorative-image{display:block;width:100%;height:auto;border-radius:var(--cfh-radius);opacity:var(--cfh-opacity);object-fit:var(--cfh-fit)}.custom-fullscreen-hero__scroll{display:inline-flex;align-items:center;gap:.55em;color:var(--cfh-color);font-size:var(--cfh-dsize);text-decoration:none}.custom-fullscreen-hero__scroll svg{width:1.2em;height:1.2em;fill:none;stroke:currentColor;stroke-width:1.8}.custom-fullscreen-hero__scroll[data-bounce=true]{animation:cfh-bounce 1.8s ease-in-out infinite}.custom-fullscreen-hero .cfh-animate{opacity:0}.custom-fullscreen-hero .cfh-animate[data-animation=fade-up]{--cfh-enter: translateY(24px)}.custom-fullscreen-hero .cfh-animate[data-animation=fade-down]{--cfh-enter: translateY(-24px)}.custom-fullscreen-hero .cfh-animate[data-animation=slide-left]{--cfh-enter: translateX(28px)}.custom-fullscreen-hero .cfh-animate[data-animation=slide-right]{--cfh-enter: translateX(-28px)}.custom-fullscreen-hero .cfh-animate[data-animation=scale-in]{--cfh-enter: scale(.94)}.custom-fullscreen-hero .cfh-animate:not(.is-visible){transform:translate(var(--cfh-tx),var(--cfh-ty)) var(--cfh-enter, translate(0)) rotate(var(--cfh-rotate-current))}.custom-fullscreen-hero .cfh-animate.is-visible{opacity:1;transition:opacity var(--cfh-duration) ease var(--cfh-delay),transform var(--cfh-duration) cubic-bezier(.2,.75,.25,1) var(--cfh-delay)}.custom-fullscreen-hero .shopify-block-selected{display:block!important;opacity:1!important;outline:1px dashed rgba(255,255,255,.75);outline-offset:5px}@keyframes cfh-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(6px)}}@media(max-width:749px){.custom-fullscreen-hero{--cfh-safe: max(var(--cfh-safe-mobile, 16px), env(safe-area-inset-left), env(safe-area-inset-right));--cfh-safe-top: max(var(--cfh-safe-mobile, 16px), env(safe-area-inset-top));--cfh-safe-bottom: max(var(--cfh-safe-mobile, 16px), env(safe-area-inset-bottom));--cfh-header-fallback: var(--cfh-header-mobile);--cfh-custom-min: var(--cfh-custom-mobile)}.custom-fullscreen-hero__media-image,.custom-fullscreen-hero__video{object-position:var(--cfh-mobile-focal, 50% 50%)}.custom-fullscreen-hero[data-height-mode=adapt]{aspect-ratio:var(--cfh-mobile-aspect, var(--cfh-desktop-aspect, 1.777777))}@supports not (aspect-ratio: 16 / 9){.custom-fullscreen-hero[data-height-mode=adapt]{padding-bottom:calc(100% / var(--cfh-mobile-aspect, var(--cfh-desktop-aspect, 1.777777)))}}.custom-fullscreen-hero[data-mobile-fullscreen=true]{height:100vh;min-height:100vh;padding-bottom:0;aspect-ratio:auto}@supports (height: 100svh){.custom-fullscreen-hero[data-mobile-fullscreen=true]{height:100svh;min-height:100svh}}.custom-fullscreen-hero[data-mobile-fullscreen=true] .custom-fullscreen-hero__media-image,.custom-fullscreen-hero[data-mobile-fullscreen=true] .custom-fullscreen-hero__video{object-fit:cover}.custom-fullscreen-hero.cfh-has-mobile-video .custom-fullscreen-hero__video--desktop{display:none}.custom-fullscreen-hero__video--mobile{display:block}.custom-fullscreen-hero__block{--cfh-x: var(--cfh-mx);--cfh-y: var(--cfh-my);--cfh-tx: var(--cfh-mtx);--cfh-ty: var(--cfh-mty);--cfh-max: var(--cfh-mmax);--cfh-align: var(--cfh-malign);--cfh-size: var(--cfh-msize);--cfh-line: var(--cfh-mline)}.custom-fullscreen-hero__button{gap:var(--cfh-micon-gap, 4px);padding:var(--cfh-mpy) var(--cfh-mpx);font-size:var(--cfh-msize)}.custom-fullscreen-hero__button-icon{flex-basis:var(--cfh-micon-size, 12px);width:var(--cfh-micon-size, 12px);height:var(--cfh-micon-size, 12px)}.custom-fullscreen-hero__button--fixed{width:min(var(--cfh-mfixed),100%)}.custom-fullscreen-hero__scroll{font-size:var(--cfh-msize)}}@media(min-width:750px){.custom-fullscreen-hero{--cfh-header-fallback: var(--cfh-header-desktop);--cfh-custom-min: var(--cfh-custom-desktop)}.custom-fullscreen-hero__picture--mobile-only{display:none}}@media(prefers-reduced-motion:reduce){.custom-fullscreen-hero *,.custom-fullscreen-hero *:before,.custom-fullscreen-hero *:after{scroll-behavior:auto!important;animation:none!important;transition-duration:.01ms!important}.custom-fullscreen-hero .cfh-animate{opacity:1}}
/*# sourceMappingURL=/cdn/shop/t/24/assets/custom-fullscreen-hero.css.map */