.hero-parallax{position:relative;width:100%;height:var(--hero-height, 100vh);min-height:var(--hero-min-height, 500px);overflow:hidden;color:var(--hero-text-color, #fff);background-color:var(--hero-bg-color, #000)}.hero-parallax__outer{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}.hero-parallax__inner{position:absolute;top:-5%;right:-5%;bottom:-5%;left:-5%;width:110%;height:110%}.hero-parallax--layered .hero-parallax__outer{background-color:var(--hero-bg-color, #000)}.hero-parallax__layer{position:absolute;top:-40px;left:-40px;right:-40px;bottom:-40px;pointer-events:none;will-change:transform}.hero-parallax__layer--1{z-index:1}.hero-parallax__layer--2{z-index:2}.hero-parallax__layer--3{z-index:15}.hero-parallax__layer-image{display:block;width:100%;height:100%;object-fit:cover;object-position:center center}.hero-parallax__media{display:block;width:100%;height:100%}.hero-parallax__image{display:block;width:100%;height:100%;object-fit:cover;object-position:center center}.hero-parallax__placeholder{width:100%;height:100%;background:#1a1a1a;display:flex;align-items:center;justify-content:center}.hero-parallax__placeholder-svg{width:50%;max-width:400px;opacity:.3}.hero-parallax__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--hero-overlay-color, #000);opacity:var(--hero-overlay-opacity, .3);pointer-events:none;z-index:4}.hero-parallax--layered .hero-parallax__overlay{z-index:10}.hero-parallax__content{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;padding:clamp(24px,5vw,60px);z-index:20}.hero-parallax__content--top-left{align-items:flex-start;justify-content:flex-start;text-align:left}.hero-parallax__content--top-center{align-items:flex-start;justify-content:center;text-align:center}.hero-parallax__content--top-right{align-items:flex-start;justify-content:flex-end;text-align:right}.hero-parallax__content--middle-left{align-items:center;justify-content:flex-start;text-align:left}.hero-parallax__content--middle-center{align-items:center;justify-content:center;text-align:center}.hero-parallax__content--middle-right{align-items:center;justify-content:flex-end;text-align:right}.hero-parallax__content--bottom-left{align-items:flex-end;justify-content:flex-start;text-align:left}.hero-parallax__content--bottom-center{align-items:flex-end;justify-content:center;text-align:center}.hero-parallax__content--bottom-right{align-items:flex-end;justify-content:flex-end;text-align:right}.hero-parallax__content-inner{max-width:var(--hero-content-width, 800px);width:100%}.hero-parallax__heading{font-size:clamp(2rem,5vw,4rem);font-weight:700;line-height:1.1;margin:0 0 .4em;letter-spacing:.02em;text-transform:uppercase;color:inherit}.hero-parallax__subtitle{font-size:clamp(1rem,2vw,1.4rem);font-weight:300;line-height:1.4;margin:0 0 1.5em;opacity:.9;letter-spacing:.05em;color:inherit}.hero-parallax__button{display:inline-block;padding:14px 36px;font-size:clamp(.875rem,1.2vw,1.1rem);font-weight:600;text-transform:uppercase;letter-spacing:.1em;text-decoration:none;transition:background .3s ease,color .3s ease,border-color .3s ease,opacity .3s ease;cursor:pointer}.hero-parallax__button--outline{color:var(--btn-text, var(--hero-text-color, #fff));border:1.5px solid rgba(255,255,255,.9);background:#00000059;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);text-shadow:0 1px 3px rgba(0,0,0,.6)}.hero-parallax__button--outline:hover,.hero-parallax__button--outline:focus-visible{background:var(--btn-bg, var(--hero-text-color, #fff));color:var(--hero-overlay-color, #000);border-color:var(--btn-bg, var(--hero-text-color, #fff));text-shadow:none}.hero-parallax__button--solid{color:var(--btn-text, #000);background:var(--btn-bg, #fff);border:2px solid var(--btn-border, var(--btn-bg, #fff))}.hero-parallax__button--solid:hover,.hero-parallax__button--solid:focus-visible{opacity:.85}@media (max-width: 749px){.hero-parallax{height:var(--hero-height, 100vh);min-height:var(--hero-min-height, 400px)}.hero-parallax__content{padding:20px}.hero-parallax__button{padding:12px 28px}.hero-parallax__layer{top:-20px;left:-20px;right:-20px;bottom:-20px}}@media (min-width: 750px) and (max-width: 989px){.hero-parallax__content{padding:40px}}@media (prefers-reduced-motion: reduce){.hero-parallax__layer{top:0;left:0;right:0;bottom:0;transform:none!important}}
/*# sourceMappingURL=/cdn/shop/t/79/assets/symbolika-hero-parallax.css.map */