.split-banner__grid{display:grid;grid-template-columns:1.6fr 1fr;align-items:stretch;min-height:clamp(260px,30vw,380px);overflow:hidden}.split-banner--image-right .split-banner__grid{grid-template-columns:1fr 1.6fr}.split-banner--image-right .split-banner__media{order:2}.split-banner--image-right .split-banner__content{order:1}.split-banner__media{min-width:0}.split-banner__image{display:block;width:100%;height:100%;object-fit:cover}.split-banner--fixed-ratio .split-banner__grid{align-items:center;min-height:0}.split-banner--fixed-ratio .split-banner__media{aspect-ratio:var(--sb-ratio)}.split-banner__content{display:flex;flex-direction:column;justify-content:center;padding:clamp(1.5rem,4vw,3.5rem)}.split-banner__inner{display:flex;flex-direction:column;align-items:flex-start;gap:1.25rem;max-width:36ch}.split-banner__heading{font-family:var(--font-sans)}.split-banner__text{color:inherit;line-height:var(--line-height-relaxed)}.split-banner__text p{margin:0 0 .5em}.split-banner__text p:last-child{margin-bottom:0}.split-banner__link{align-self:flex-start}.split-banner__link--button{padding:.7rem 1.2rem}.split-banner__link--text{font-family:var(--font-sans);font-weight:var(--text-weight-bold);font-size:var(--text-size-tiny);letter-spacing:var(--letter-spacing-wide);text-transform:uppercase;color:var(--color-text)}.split-banner--no-image .split-banner__grid{grid-template-columns:1fr}.split-banner--no-image .split-banner__content{background:var(--color-text);color:var(--white-100)}.split-banner--no-image .split-banner__link--text{color:var(--white-100);background-image:linear-gradient(currentColor,currentColor),linear-gradient(var(--white-20),var(--white-20))}@media(max-width:749px){.split-banner__grid,.split-banner--image-right .split-banner__grid{grid-template-columns:1fr;min-height:0}.split-banner--image-right .split-banner__media,.split-banner__media{order:0}.split-banner--image-right .split-banner__content,.split-banner__content{order:1}.split-banner__image{height:clamp(220px,60vw,340px)}.split-banner--fixed-ratio .split-banner__image{height:100%}.split-banner__inner{max-width:none}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/split-banner.css.map */