.split-banner-section{padding:40px 0;background:var(--banner-section-bg, #ffffff)}.split-banner-section__heading{margin:0 0 24px;font-size:2.2rem;text-align:center}.split-banner-grid{display:grid;grid-template-columns:1fr;gap:var(--banner-gap, 16px)}@media screen and (min-width:750px){.split-banner-grid{grid-template-columns:1fr 1fr}}.split-banner-card{position:relative;display:block;height:var(--banner-height, 420px);border-radius:var(--banner-radius, 12px);overflow:hidden;text-decoration:none;color:inherit}.split-banner-card__image-wrap{position:absolute;top:0;right:0;bottom:0;left:0}.split-banner-card__image{width:100%;height:100%;object-fit:cover;object-position:center 20%;display:block;transition:transform .5s ease}.split-banner-card:hover .split-banner-card__image{transform:scale(1.03)}.split-banner-card__placeholder{width:100%;height:100%;background:#e8e2d8}.split-banner-card__placeholder svg{width:100%;height:100%}.split-banner-card__content{position:absolute;top:0;bottom:0;display:flex;flex-direction:column;justify-content:center;gap:14px;width:55%;max-width:320px;padding:40px 32px;color:var(--banner-text-color, #2b2b2b);background:linear-gradient(to right,color-mix(in srgb,var(--banner-panel-bg, #ebe3d6) 92%,transparent) 55%,color-mix(in srgb,var(--banner-panel-bg, #ebe3d6) 0%,transparent))}.split-banner-card__content--left{left:0}.split-banner-card__content--right{right:0;text-align:right;align-items:flex-end;background:linear-gradient(to left,color-mix(in srgb,var(--banner-panel-bg, #ebe3d6) 92%,transparent) 55%,color-mix(in srgb,var(--banner-panel-bg, #ebe3d6) 0%,transparent))}.split-banner-card__heading{font-size:1.5rem;font-weight:500;line-height:1.25;text-transform:uppercase;letter-spacing:.04em;color:var(--banner-text-color, #2b2b2b)}.split-banner-card__link{display:inline-flex;align-items:center;gap:6px;font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;text-decoration:underline;text-underline-offset:4px;color:var(--banner-text-color, #2b2b2b)}.split-banner-card__arrow{transition:transform .25s ease}.split-banner-card:hover .split-banner-card__arrow{transform:translate(4px)}@media screen and (max-width:749px){.split-banner-card{height:320px}.split-banner-card__content{width:70%;max-width:none;padding:24px}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/section-split-collection-banner.css.map */