.split-hero-container{display:grid;grid-template-columns:1fr;gap:0;width:100%;min-height:60vh}.split-hero-item{position:relative;width:100%;min-height:50vh;overflow:hidden;display:flex;align-items:center;justify-content:center}.split-hero-image{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0}.split-hero-image__img{width:100%;height:100%;object-fit:cover;object-position:center;display:block}.split-hero-scrim{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,var(--scrim-opacity, .3));z-index:1}.split-hero-content{position:absolute;bottom:2rem;left:2rem;z-index:2;padding:0;text-align:left;max-width:90%}.split-hero-heading{font-size:clamp(2rem,5vw,4rem);font-family:var(--font-heading-family);font-weight:700;line-height:1.1;margin:0 0 1.5rem;color:#fffffff2;text-transform:uppercase;letter-spacing:.02em}.split-hero-heading--glass{color:#ffffffbf!important;-webkit-text-fill-color:rgba(255,255,255,.75);text-shadow:none}.section-split-hero .split-hero-button.btn,.section-split-hero .split-hero-button.btn--frosted,.split-hero-item .btn--frosted,.split-hero-content .btn--frosted{color:#000000d9!important}.section-split-hero .split-hero-button.btn--frosted:hover,.section-split-hero .split-hero-button.btn--frosted:focus,.split-hero-item .btn--frosted:hover{color:#000000e6!important}@media screen and (min-width: 990px){.split-hero-container{grid-template-columns:1fr 1fr;min-height:70vh}.split-hero-item{min-height:70vh}.split-hero-content{bottom:3rem;left:3rem;padding:0;max-width:80%}.split-hero-heading{font-size:clamp(2.5rem,4vw,5rem);margin-bottom:2rem}}@media screen and (min-width: 750px) and (max-width: 989px){.split-hero-container{min-height:60vh}.split-hero-item{min-height:50vh}.split-hero-heading{font-size:clamp(2rem,4.5vw,3.5rem)}}@media screen and (max-width: 749px){.split-hero-container{grid-template-columns:1fr}.split-hero-item{min-height:45vh}.split-hero-content{bottom:1.5rem;left:1.5rem;padding:0}.split-hero-heading{font-size:clamp(1.75rem,6vw,2.5rem);margin-bottom:1.25rem}.split-hero-button{padding:.75rem 1.5rem;font-size:.875rem}}.split-hero-heading{animation:fadeInUp .8s ease-out}.split-hero-button{animation:fadeInUp .8s ease-out .2s backwards}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}
/*# sourceMappingURL=/cdn/shop/t/18/assets/section-split-hero.css.map */