.parallax-hero{position:relative;height:90vh;width:100%;overflow:hidden}.parallax-bg{position:absolute;top:0;left:0;width:100%;height:120%;object-fit:cover;z-index:0;will-change:transform}.parallax-bg--placeholder{opacity:.5}.parallax-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#0006;z-index:1}.parallax-content{position:relative;z-index:2;width:100%;height:100%;padding:20px;display:flex;flex-direction:column;align-items:center;justify-content:center}.parallax-text-group{text-align:center;max-width:90%}.parallax-subheading{color:#fff;font-size:.875rem;letter-spacing:.2em;text-transform:uppercase;margin-bottom:16px;font-weight:500;opacity:.9}.parallax-heading{font-family:var(--font-heading-family);color:#fff;font-size:2.5rem;line-height:1;font-weight:700;text-transform:uppercase;margin-bottom:24px;letter-spacing:-.02em}.parallax-button-wrapper{margin-top:32px}.parallax-button{display:inline-block;padding:15px 40px;background-color:#c00;color:#fff;text-transform:uppercase;font-weight:700;letter-spacing:1px;text-decoration:none;transition:background-color .3s ease,transform .2s ease}.parallax-button:hover{background-color:#900;transform:translateY(-2px)}.parallax-button:focus{outline:2px solid #ffffff;outline-offset:4px}.parallax-button:active{transform:translateY(0)}@media screen and (max-width: 749px){.parallax-hero{height:70vh}.parallax-heading{font-size:1.75rem;line-height:1.2;overflow-wrap:break-word;word-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}.parallax-subheading{font-size:.75rem}.parallax-button{padding:12px 30px;font-size:.875rem}.parallax-button-wrapper{margin-top:24px}}@media screen and (min-width: 750px){.parallax-content{display:block;padding:0}.parallax-text-group{position:absolute;top:3rem;left:3rem;text-align:left;max-width:42rem}.parallax-heading{font-size:4rem}.parallax-subheading{font-size:1rem}.parallax-button-wrapper{position:absolute;bottom:3rem;right:3rem;margin-top:0}}@media screen and (min-width: 1200px){.parallax-heading{font-size:4.5rem}.parallax-text-group{top:4rem;left:4rem}.parallax-button-wrapper{bottom:4rem;right:4rem}}@media (prefers-reduced-motion: reduce){.parallax-bg{will-change:auto}.parallax-button{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/11/assets/parallax-hero.css.map */