.hero-parallax-wrapper{position:relative;display:block;width:100%;height:var(--container-height, 100vh);min-height:500px;overflow:hidden}.hero-parallax-image-container{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:10;will-change:transform}.hero-parallax-image{width:100%;height:100%;object-fit:cover;object-position:center;display:block}.hero-parallax-image-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#000;z-index:1;pointer-events:none;transition:opacity .3s ease}.hero-parallax-placeholder{background-color:#f5f5f5;display:flex;align-items:center;justify-content:center}.hero-parallax-placeholder-svg{width:100%;height:100%;opacity:.3}.hero-parallax-content{position:absolute;top:var(--vertical-position, 50%);left:var(--horizontal-offset, 0px);width:100%;display:flex;align-items:flex-start;justify-content:flex-start;z-index:30;pointer-events:none;transform:translateY(-50%);will-change:transform}.hero-parallax-content-inner{width:100%;max-width:90%;padding:2rem;padding-left:5%;pointer-events:auto}@media (min-width: 1024px){.hero-parallax-content-inner{max-width:1200px;padding:3rem;padding-left:5%}}.hero-parallax-align-left{text-align:left;margin-right:auto;margin-left:0}.hero-parallax-align-center{text-align:center;margin-right:auto;margin-left:auto}.hero-parallax-align-right{text-align:right;margin-left:auto;margin-right:0}.hero-parallax-align-left .hero-parallax-heading,.hero-parallax-align-left .hero-parallax-subheading{margin-left:0;margin-right:auto;text-align:left}.hero-parallax-align-center .hero-parallax-heading,.hero-parallax-align-center .hero-parallax-subheading{margin-left:auto;margin-right:auto;text-align:center}.hero-parallax-align-right .hero-parallax-heading,.hero-parallax-align-right .hero-parallax-subheading{margin-left:auto;margin-right:0;text-align:right}.hero-parallax-heading{font-size:var(--heading-size, clamp(60px, 12vw, 140px));font-weight:var(--heading-font-weight, 800);line-height:.9;text-transform:uppercase;letter-spacing:-.02em;color:var(--heading-color, #ffffff);opacity:var(--heading-opacity, 1);-webkit-text-fill-color:var(--heading-color, #ffffff);background:transparent;padding:0;border-radius:0;margin:0 0 .5rem;text-shadow:none;display:block;width:100%}@media screen and (max-width: 749px){.hero-parallax-wrapper .hero-parallax-content .hero-parallax-heading,.hero-parallax-wrapper h1.hero-parallax-heading,.hero-parallax-content-inner .hero-parallax-heading,.hero-parallax-align-left .hero-parallax-heading,.hero-parallax-align-center .hero-parallax-heading,.hero-parallax-align-right .hero-parallax-heading{font-size:var(--heading-size-mobile, 32px)}}.hero-parallax-subheading{font-size:var(--subheading-size, clamp(14px, 2vw, 20px));font-weight:300;line-height:1.6;letter-spacing:.05em;color:var(--subheading-color, #ffffff);opacity:var(--subheading-opacity, .9);-webkit-text-fill-color:var(--subheading-color, #ffffff);background:transparent;padding:0;border-radius:0;margin:0 0 2rem;text-shadow:none;display:block;width:100%}.hero-parallax-buttons{display:flex;flex-direction:column;gap:1rem;align-items:center;justify-content:center;pointer-events:auto;margin-top:2rem}@media (min-width: 768px){.hero-parallax-buttons{flex-direction:row;gap:1.5rem}}.hero-parallax-align-left .hero-parallax-buttons{justify-content:flex-start}.hero-parallax-align-center .hero-parallax-buttons{justify-content:center}.hero-parallax-align-right .hero-parallax-buttons{justify-content:flex-end}.hero-parallax-button{display:inline-block;padding:1rem 2.5rem;font-size:var(--button-text-size, 14px);font-weight:600;text-transform:uppercase;letter-spacing:.1em;text-decoration:none;border-radius:var(--button-border-radius, 4px);transition:all .3s cubic-bezier(.4,0,.2,1);cursor:pointer;pointer-events:auto;min-width:180px;text-align:center;border:2px solid transparent}@media (min-width: 768px){.hero-parallax-button{padding:1.25rem 3rem;min-width:200px}}.hero-parallax-button-solid.hero-parallax-button-primary{background-color:var(--button-primary-bg, #000000);color:var(--button-primary-text, #ffffff);border-color:var(--button-primary-bg, #000000)}.hero-parallax-button-solid.hero-parallax-button-secondary{background-color:var(--button-secondary-bg, transparent);color:var(--button-secondary-text, #ffffff);border-color:var(--button-secondary-text, #ffffff)}.hero-parallax-button-outline.hero-parallax-button-primary{background-color:transparent;color:var(--button-primary-bg, #000000);border-color:var(--button-primary-bg, #000000)}.hero-parallax-button-outline.hero-parallax-button-secondary{background-color:transparent;color:var(--button-secondary-text, #ffffff);border-color:var(--button-secondary-text, #ffffff)}.hero-parallax-button-ghost.hero-parallax-button-primary{background-color:transparent;color:var(--button-primary-text, #ffffff);border-color:transparent;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.hero-parallax-button-ghost.hero-parallax-button-secondary{background-color:transparent;color:var(--button-secondary-text, #ffffff);border-color:transparent;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.hero-parallax-hover-lift:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0003}.hero-parallax-button-solid.hero-parallax-hover-lift.hero-parallax-button-primary:hover{background-color:var(--button-primary-text, #ffffff);color:var(--button-primary-bg, #000000);border-color:var(--button-primary-bg, #000000)}.hero-parallax-button-solid.hero-parallax-hover-lift.hero-parallax-button-secondary:hover{background-color:var(--button-secondary-text, #ffffff);color:var(--button-secondary-bg, #000000);border-color:var(--button-secondary-text, #ffffff)}.hero-parallax-hover-scale:hover{transform:scale(1.05)}.hero-parallax-button-solid.hero-parallax-hover-scale.hero-parallax-button-primary:hover{background-color:var(--button-primary-text, #ffffff);color:var(--button-primary-bg, #000000)}.hero-parallax-button-solid.hero-parallax-hover-scale.hero-parallax-button-secondary:hover{background-color:var(--button-secondary-text, #ffffff);color:var(--button-secondary-bg, #000000)}.hero-parallax-hover-glow:hover{box-shadow:0 0 20px currentColor}.hero-parallax-button-solid.hero-parallax-hover-glow.hero-parallax-button-primary:hover{box-shadow:0 0 20px var(--button-primary-bg, #000000)}.hero-parallax-button-solid.hero-parallax-hover-glow.hero-parallax-button-secondary:hover{box-shadow:0 0 20px var(--button-secondary-text, #ffffff)}.hero-parallax-button-outline:hover{background-color:currentColor}.hero-parallax-button-outline.hero-parallax-button-primary:hover{background-color:var(--button-primary-bg, #000000);color:var(--button-primary-text, #ffffff)}.hero-parallax-button-outline.hero-parallax-button-secondary:hover{background-color:var(--button-secondary-text, #ffffff);color:var(--button-secondary-bg, #000000)}.hero-parallax-button-ghost:hover{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#ffffff1a}.hero-parallax-image-container{z-index:10}.hero-parallax-content{z-index:30}.hero-parallax-buttons{z-index:40}@media (max-width: 640px){.hero-parallax-wrapper{min-height:600px}.hero-parallax-content-inner{max-width:95%;padding:1.5rem}.hero-parallax-heading,.hero-parallax-subheading{padding:0}.hero-parallax-button{width:100%;max-width:280px}}.hero-parallax-image-container,.hero-parallax-content{backface-visibility:hidden;perspective:1000px}@supports (-webkit-overflow-scrolling: touch){.hero-parallax-wrapper{-webkit-overflow-scrolling:touch}}@media (prefers-reduced-motion: reduce){.hero-parallax-image-container,.hero-parallax-content,.hero-parallax-button,.hero-parallax-heading,.hero-parallax-subheading{transition:none;animation:none}.hero-parallax-image-container[data-parallax-layer=background],.hero-parallax-content[data-parallax-layer=foreground]{transform:none}}.hero-parallax-image[loading=eager]{opacity:0;animation:fadeIn .6s ease-in forwards}@keyframes fadeIn{to{opacity:1}}@media (prefers-contrast: high){.hero-parallax-heading,.hero-parallax-subheading{color:#ffffffe6;-webkit-text-fill-color:rgba(255,255,255,.9)}.hero-parallax-button{border-width:3px}}
/*# sourceMappingURL=/cdn/shop/t/24/assets/hero-parallax.css.map */