.custom-hero{position:relative;width:100%;min-height:var(--min-height, 70vh);max-height:100vh;display:flex;align-items:var(--content-align-v, center);justify-content:var(--content-align-h, center);padding:var(--section-padding-top, 40px) 5% var(--section-padding-bottom, 40px);overflow:hidden;box-sizing:border-box}.custom-hero__media{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0}.custom-hero__media img,.custom-hero__media video{width:100%;height:100%;object-position:var(--image-position-mobile, center center);max-width:none!important}.small-hide{display:none!important}@media(min-width:750px){.medium-hide,.large-up-hide{display:none!important}.small-hide{display:block!important}}.custom-hero__overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:var(--color-overlay, #000000);opacity:var(--overlay-opacity, .3);z-index:1;pointer-events:none}.custom-hero__content{position:relative;z-index:2;width:min(100%,var(--content-max-width, 800px));text-align:var(--text-align-mobile, center);margin:0 auto;height:auto!important;min-height:unset!important;max-height:80vh!important;overflow:visible!important;flex-shrink:0}.custom-hero[style*="--text-align-mobile: left"] .custom-hero__content,.custom-hero .custom-hero__content.text-align-left{margin-left:0}.custom-hero[style*="--text-align-mobile: right"] .custom-hero__content,.custom-hero .custom-hero__content.text-align-right{margin-left:auto;margin-right:0}.custom-hero__heading{margin:0 0 var(--heading-margin-bottom, 16px);font-family:var(--font-heading-family);font-size:clamp(var(--heading-size-mobile, 36px),4vw,var(--heading-size-desktop, 64px));font-weight:var(--heading-weight, 300);line-height:1.1;letter-spacing:var(--heading-letter-spacing, 0px);color:var(--color-heading, #FFFFFF);text-transform:var(--heading-uppercase, uppercase);font-style:var(--heading-italic, normal);white-space:normal;overflow:visible;text-overflow:clip;width:100%;display:block;height:auto;max-height:none;word-wrap:break-word;word-break:break-word}@media(max-width:749px){.custom-hero__heading{white-space:normal!important;overflow-wrap:break-word!important;word-break:break-word!important;-webkit-hyphens:auto!important;hyphens:auto!important;font-size:min(var(--heading-size-mobile, 36px),10vw)!important;line-height:1.2!important;width:100%!important;display:block!important}}@media(min-width:750px){.custom-hero__heading{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;white-space:normal;overflow-wrap:normal;font-size:min(var(--heading-size-desktop, 64px),8vw)!important;margin-bottom:var(--heading-margin-bottom-desktop, 24px);line-height:1!important}}@media(min-width:750px){.custom-hero__heading.single-line-desktop{white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;width:100%!important}}.custom-hero__subheading{margin:0 0 var(--subheading-margin-bottom, 24px);font-family:var(--font-heading-family, sans-serif);font-size:clamp(var(--subheading-size-mobile, 16px),2vw,var(--subheading-size-desktop, 18px));font-weight:var(--subheading-weight, 400);line-height:var(--subheading-line-height, 1.4);color:var(--color-subheading, #FFFFFF);text-transform:var(--subheading-uppercase, none);height:auto!important;max-height:none!important;word-wrap:break-word}.custom-hero__button{display:inline-flex;align-items:center;justify-content:center;padding:var(--button-padding-v, 12px) var(--button-padding-h, 28px);font-family:var(--font-button-family, sans-serif);font-size:var(--button-font-size, 13px);font-weight:var(--button-weight, 500);text-decoration:none;text-transform:var(--button-uppercase, uppercase);letter-spacing:var(--button-letter-spacing, 3px);color:var(--color-button-text, #FFFFFF);background-color:var(--color-button-bg, transparent);border:var(--button-border-width, 1px) solid var(--color-button-border, #FFFFFF);border-radius:var(--button-border-radius, 2px);cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);height:auto!important}.custom-hero__button:hover,.custom-hero__button:focus{color:var(--color-button-text-hover, #000000);background-color:var(--color-button-bg-hover, #FFFFFF);border-color:var(--color-button-border-hover, #FFFFFF);transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.custom-hero__button svg{margin-left:3px;width:16px;height:16px;transition:transform .3s ease}.custom-hero__button:hover svg{transform:translate(4px)}@media(min-width:750px){.custom-hero{--section-padding-top: var(--section-padding-top-desktop, 40px);--section-padding-bottom: var(--section-padding-bottom-desktop, 40px);--min-height: min(var(--min-height-desktop, 70vh), 800px);align-items:var(--content-align-v-desktop, center);padding:var(--section-padding-top, 40px) 5% var(--section-padding-bottom, 40px);min-height:min(var(--min-height-desktop, 70vh),800px)!important;max-height:min(100vh,900px)!important;--button-padding-v: var(--button-padding-v-desktop, 16px);--button-padding-h: var(--button-padding-h-desktop, 40px);--button-font-size: var(--button-font-size-desktop, 15px)}.custom-hero__content{text-align:var(--text-align-desktop, center);width:min(100%,var(--content-max-width, 800px));margin-left:auto;margin-right:-3%;max-height:60vh!important}.custom-hero[style*="--text-align-desktop: center"] .custom-hero__content,.custom-hero .custom-hero__content.text-align-center{margin-left:auto}.custom-hero[style*="--text-align-desktop: left"] .custom-hero__content,.custom-hero .custom-hero__content.text-align-left{margin-left:5%;margin-right:auto}.custom-hero__subheading{font-size:var(--subheading-size-desktop, 18px);line-height:var(--subheading-line-height-desktop, 1.4);margin-bottom:var(--subheading-margin-bottom-desktop, 32px)}.custom-hero__media img,.custom-hero__media video{object-position:var(--image-position-desktop, center center)}}@media(prefers-reduced-motion:reduce){.custom-hero__button,.custom-hero__button svg{transition:none}}.mobile-break{display:none!important}.custom-hero__video-controls{position:absolute;bottom:20px;right:20px;z-index:3;display:flex;gap:10px}.custom-hero__video-control-btn{background:#00000080;border:1px solid rgba(255,255,255,.3);border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#fff;transition:all .3s ease}.custom-hero__video-control-btn:hover{background:#000c;transform:scale(1.1)}.custom-hero__video-control-btn svg{width:20px;height:20px;fill:currentColor}.custom-hero--natural{min-height:auto!important;height:auto!important;position:relative!important;padding:0!important;display:flex!important;max-height:90vh!important}.custom-hero--natural .custom-hero__media{position:relative!important;height:auto!important;max-height:90vh!important;overflow:hidden!important}.custom-hero--natural .custom-hero__media img,.custom-hero--natural .custom-hero__media video{height:auto!important;min-height:300px;max-height:90vh!important;width:100%}.custom-hero--natural .custom-hero__overlay{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.custom-hero--natural .custom-hero__content{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;justify-content:var(--content-align-v, center);align-items:var(--content-align-h, center);padding:40px 5%;z-index:2;max-height:100%!important}@media(min-width:750px){.custom-hero--natural{max-height:85vh!important}.custom-hero--natural .custom-hero__content{justify-content:var(--content-align-v-desktop, center);padding:60px 5%!important}.custom-hero--natural .custom-hero__media,.custom-hero--natural .custom-hero__media img,.custom-hero--natural .custom-hero__media video{max-height:85vh!important}}.custom-hero__heading br.mobile-break{display:none}@media(max-width:749px){.custom-hero__heading br.mobile-break{display:block!important}.custom-hero{min-height:85vh!important}.custom-hero__heading{white-space:normal!important}}.custom-hero__heading:not(:has(br)){white-space:normal!important}.custom-hero__content.grid-layout{display:grid;grid-template-columns:1fr;gap:.5rem}.custom-hero__content.grid-layout .custom-hero__heading{grid-column:1;justify-self:var(--text-align-desktop, center)}
/*# sourceMappingURL=/cdn/shop/t/96/assets/custom-hero-section.css.map */