.custom-hero-promo{display:block}.custom-hero-promo__wrapper{display:flex;flex-direction:column;align-items:flex-start}.custom-hero-promo__wrapper--full{max-width:100%;padding:0}.custom-hero-promo__image-container{width:100%;position:relative;overflow:hidden;margin-bottom:2rem}.custom-hero-promo__image{width:100%;height:auto;display:block;object-fit:cover}.custom-hero-promo__image-container--placeholder{background-color:rgb(var(--color-background));height:50vw;max-height:800px}.placeholder-svg.custom-hero-promo__image{width:100%;height:100%;position:absolute;top:0;left:0}.custom-hero-promo__content{display:flex;flex-direction:column;align-items:flex-start;text-align:left;padding-top:1rem;padding-bottom:2rem;width:100%}.custom-hero-promo__subtitle{margin-bottom:.5rem;font-family:var(--font-heading-family);font-weight:700;font-size:1.2rem;letter-spacing:.05em;text-transform:uppercase}.custom-hero-promo__subtitle-text{text-decoration:underline;text-underline-offset:4px}.custom-hero-promo__title{margin:0 0 1rem;font-family:var(--font-heading-family);font-weight:900;font-size:clamp(3rem,6vw,6rem);line-height:1;letter-spacing:-.02em;text-transform:uppercase;word-break:break-word}.custom-hero-promo__text{margin-bottom:3rem;font-size:1.2rem;font-family:var(--font-heading-family);text-transform:uppercase;font-weight:700;letter-spacing:.05em;max-width:60rem}.custom-hero-promo__button{display:inline-flex;align-items:center;justify-content:flex-start;text-decoration:none;color:rgb(var(--color-foreground));border:1px solid rgb(var(--color-foreground));border-radius:3rem;padding:.8rem 1.5rem;font-family:var(--font-heading-family);font-weight:700;font-size:1.2rem;letter-spacing:.05em;text-transform:uppercase;min-width:250px;max-width:100%;transition:all .3s ease}.custom-hero-promo__button:hover{background-color:rgb(var(--color-foreground));color:rgb(var(--color-background))}.custom-hero-promo__button-label{margin-right:1rem;white-space:nowrap}.custom-hero-promo__button-line{flex-grow:1;height:1px;background-color:currentColor;margin-right:.5rem}.custom-hero-promo__button-arrow{font-size:1.2rem}@media screen and (min-width:750px){.custom-hero-promo__content{align-items:flex-start}.custom-hero-promo__button{min-width:350px}}
/*# sourceMappingURL=/cdn/shop/t/11/assets/section-custom-hero-promo.css.map */