.split-brand-hero{background-color:var(--bg-color, #f8f6f2);width:100%;padding-top:var(--padding-top, 120px);padding-bottom:var(--padding-bottom, 120px);padding-left:var(--padding-left, 5rem);padding-right:var(--padding-right, 5rem);position:relative}.split-brand-hero__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--overlay-color, rgba(0,0,0,0));opacity:var(--overlay-opacity, 0);pointer-events:none;z-index:1}.split-brand-hero>.split-brand-hero__container{position:relative;z-index:2}.split-brand-hero__container{max-width:var(--container-max-width, 1400px);margin:0 auto}.split-brand-hero__grid{display:flex;align-items:var(--vertical-align, center);gap:var(--column-gap, 8rem)}.split-brand-hero__left{flex:0 0 var(--left-width, 45%);display:flex;flex-direction:column;gap:var(--content-gap, 3rem)}.split-brand-hero__logo-wrapper{max-width:var(--logo-max-width, 480px)}.split-brand-hero__logo{display:block;width:100%;height:auto;object-fit:contain}.split-brand-hero__brand-name{font-size:var(--brand-name-size, 5.6rem);font-weight:var(--brand-name-weight, 700);color:var(--brand-name-color, #1a1a1a);line-height:1.05;margin:0;letter-spacing:-.02em}.split-brand-hero__text{font-size:var(--text-font-size, 1.8rem);font-weight:var(--text-font-weight, 400);color:var(--text-color, #555);line-height:var(--text-line-height, 1.7);margin:0;max-width:var(--content-max-width, 500px)}.split-brand-hero__text p{margin:0 0 var(--paragraph-spacing, 2rem)}.split-brand-hero__text p:last-child{margin-bottom:0}.split-brand-hero__text a{color:inherit;text-decoration:underline;text-underline-offset:3px}.split-brand-hero__link{display:inline-flex;align-items:center;gap:1rem;font-size:var(--link-font-size, 1.4rem);font-weight:var(--link-font-weight, 600);color:var(--link-color, #1a1a1a);text-decoration:none;text-transform:uppercase;letter-spacing:2px;border-bottom:1px solid var(--link-color, #1a1a1a);padding-bottom:4px;transition:opacity .3s ease;align-self:flex-start}.split-brand-hero__link:hover{opacity:.5}.split-brand-hero__link svg{transition:transform .3s ease}.split-brand-hero__link:hover svg{transform:translate(4px)}.split-brand-hero__right{flex:1;min-width:0;display:flex;justify-content:var(--image-align, center);align-items:center}.split-brand-hero__image-wrapper{width:100%;max-width:var(--image-max-width, 700px);border-radius:var(--image-radius, 0px);overflow:hidden;box-shadow:var(--image-shadow, none)}.split-brand-hero__product-image{display:block;width:100%;height:auto;object-fit:var(--image-fit, cover);max-height:700px}@media screen and (max-width:989px){.split-brand-hero{padding-left:var(--padding-left-tablet, 3rem);padding-right:var(--padding-right-tablet, 3rem);padding-top:var(--padding-top-tablet, 80px);padding-bottom:var(--padding-bottom-tablet, 80px)}.split-brand-hero__grid{gap:5rem}.split-brand-hero__left{flex:0 0 var(--left-width-tablet, 45%)}.split-brand-hero__brand-name{font-size:4rem}.split-brand-hero__product-image{max-height:500px}}@media screen and (max-width:749px){.split-brand-hero{padding-left:var(--padding-left-mobile, 2rem);padding-right:var(--padding-right-mobile, 2rem);padding-top:var(--padding-top-mobile, 60px);padding-bottom:var(--padding-bottom-mobile, 60px)}.split-brand-hero__grid{flex-direction:column;gap:4rem}.split-brand-hero__left{flex:none;width:100%}.split-brand-hero__right{width:100%}.split-brand-hero__image-wrapper{max-width:none}.split-brand-hero__product-image{max-height:400px}.split-brand-hero__brand-name{font-size:3.2rem}}@keyframes split-hero-fade-in{0%{opacity:0}to{opacity:1}}@keyframes split-hero-slide-up{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes split-hero-slide-left{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:translate(0)}}@keyframes split-hero-slide-right{0%{opacity:0;transform:translate(-40px)}to{opacity:1;transform:translate(0)}}.split-brand-hero[data-animation=fade-in] .split-brand-hero__left,.split-brand-hero[data-animation=fade-in] .split-brand-hero__right{animation:split-hero-fade-in var(--animation-duration, .8s) var(--animation-delay, 0s) ease both}.split-brand-hero[data-animation=slide-up] .split-brand-hero__left,.split-brand-hero[data-animation=slide-up] .split-brand-hero__right{animation:split-hero-slide-up var(--animation-duration, .8s) var(--animation-delay, 0s) ease both}.split-brand-hero[data-animation=slide-left] .split-brand-hero__left{animation:split-hero-slide-right var(--animation-duration, .8s) var(--animation-delay, 0s) ease both}.split-brand-hero[data-animation=slide-left] .split-brand-hero__right{animation:split-hero-slide-left var(--animation-duration, .8s) var(--animation-delay, 0s) ease both}
/*# sourceMappingURL=/cdn/shop/t/2/assets/component-split-brand-hero.css.map */