.split-hero-banner{position:relative;width:100%;overflow:hidden;margin:0;padding:0}.skip-to-content-link{position:absolute!important;overflow:hidden;width:1px;height:1px;margin:-1px;padding:0;border:0;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}.skip-to-content-link:focus{position:fixed!important;top:10px;left:10px;width:auto;height:auto;clip:auto;clip-path:none;overflow:visible;z-index:9999;padding:1rem;background:#fff;color:#000;text-decoration:none;border:2px solid black}.split-hero-banner__container{position:relative;display:flex;width:100%;height:90vh;min-height:500px}.split-hero-banner__image{position:relative;width:50%;height:100%;overflow:hidden}.split-hero-banner__image--left{background:#e8e8e8}.split-hero-banner__image--right{background:#2a2a2a}.split-hero-banner__image img{width:100%;height:100%;object-fit:cover;object-position:center}.split-hero-banner__content{position:absolute;top:0;left:0;right:0;bottom:0;background:#0003;display:flex;align-items:center;justify-content:center;z-index:1;pointer-events:none}.split-hero-banner__text-wrapper{text-align:center;padding:1.5rem;pointer-events:auto;max-width:100%}.split-hero-banner__heading{font-size:2.25rem;font-weight:300;line-height:1;margin:0 0 1rem;color:#fff;text-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05);letter-spacing:-.025em;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.split-hero-banner__heading em{font-style:italic;font-weight:600;display:inline}.split-hero-banner__subheading{font-size:1.2rem;line-height:1.5;margin:0 auto 2rem;color:#ffffffe6;text-shadow:none;max-width:280px;font-weight:400;letter-spacing:.025em}.split-hero-banner__button{display:inline-flex;align-items:center;justify-content:center;padding:1rem 2.5rem;background-color:#fff;color:#1a1a1a;text-decoration:none;font-size:1.2rem;font-weight:600;letter-spacing:.15em;text-transform:uppercase;border:none;border-radius:0;cursor:pointer;transition:all .3s ease;box-shadow:none;text-align:center;line-height:1}.split-hero-banner__button:hover{background-color:#f3f4f6;transform:none;box-shadow:none;color:#1a1a1a}@media screen and (max-width:989px){.split-hero-banner__container{height:90vh}.split-hero-banner__heading{font-size:3rem}.split-hero-banner__subheading{font-size:1.4rem;max-width:280px}.split-hero-banner__button{padding:1rem 2.5rem;font-size:1.2rem}}@media screen and (min-width:768px){.split-hero-banner__heading{font-size:4rem}}
/*# sourceMappingURL=/cdn/shop/t/9/assets/section-split-hero-banner.css.map */