.km-hero{position:relative;width:100%;min-height:400px;max-height:70vh;display:flex;align-items:center;justify-content:center}.km-hero__background{position:absolute;top:0;right:0;bottom:0;left:0}.km-hero__background--placeholder{background-color:#1a1a1a}.km-hero__image{width:100%;height:100%;object-fit:cover}.km-hero__overlay{position:absolute;top:0;right:0;bottom:0;left:0}.km-hero__content{position:relative;z-index:10;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:2rem;max-width:72rem}.km-hero__subheading{margin-bottom:1.25rem;font-size:.875rem;font-weight:500;letter-spacing:.25em;text-transform:uppercase;color:#ffffffd9}@media(min-width:768px){.km-hero__subheading{font-size:1rem}}.km-hero__heading{max-width:56rem;font-size:2.5rem;font-weight:300;line-height:1.1;color:#fff;text-wrap:balance}@media(min-width:768px){.km-hero__heading{font-size:4rem}}@media(min-width:1024px){.km-hero__heading{font-size:5rem}}.km-hero__description{margin-top:1.75rem;max-width:48rem;font-size:1.125rem;font-weight:300;line-height:1.6;color:#ffffffe6;text-wrap:pretty}@media(min-width:768px){.km-hero__description{font-size:1.375rem}}.km-hero__buttons{margin-top:2.5rem;display:flex;flex-direction:column;gap:1rem}@media(min-width:640px){.km-hero__buttons{flex-direction:row;gap:1.5rem}}.km-hero__button{display:inline-flex;align-items:center;justify-content:center;padding:1.125rem 2.5rem;font-size:.9375rem;font-weight:500;letter-spacing:.12em;text-transform:uppercase;text-decoration:none;transition:all .3s ease}@media(min-width:768px){.km-hero__button{padding:1.25rem 3rem;font-size:1rem}}.km-hero__button--primary{background-color:#fff;color:#000}.km-hero__button--primary:hover{background-color:#ffffffe6}.km-hero__button--secondary{background-color:transparent;color:#fff;border:1px solid #ffffff}.km-hero__button--secondary:hover{background-color:#fff;color:#000}.km-hero__scroll-indicator{position:absolute;bottom:2rem;left:50%;transform:translate(-50%);z-index:10;display:flex;flex-direction:column;align-items:center;gap:.5rem;color:#fff9}.km-hero__scroll-text{font-size:.8125rem;letter-spacing:.2em;text-transform:uppercase}.km-hero__scroll-line{width:1px;height:3rem;background-color:#fff6}
/*# sourceMappingURL=/cdn/shop/t/12/assets/km-hero-banner.css.map */