.cb-story-split{background:var(--cb-story-split-bg, var(--cb-color-on-primary));padding-block:var(--cb-story-split-padding-top, 80px) var(--cb-story-split-padding-bottom, 80px)}.cb-story-split__container{margin-inline:auto}.cb-story-split--page .cb-story-split__container{width:min(calc(100% - 48px),1680px)}.cb-story-split--full .cb-story-split__container{width:100%}.cb-story-split__grid{display:grid;grid-template-columns:minmax(0,var(--cb-story-split-text-width, 45%)) minmax(0,calc(100% - var(--cb-story-split-text-width, 45%)));gap:var(--cb-story-split-gap, 56px);align-items:center}.cb-story-split--reverse .cb-story-split__content{order:2}.cb-story-split--reverse .cb-story-split__media{order:1}.cb-story-split__eyebrow{margin:0 0 14px;font-size:var(--cb-type-label-size);font-weight:var(--cb-font-weight-bold);line-height:1.2;letter-spacing:.04em;text-transform:uppercase}.cb-story-split__heading{margin:0;font-family:var(--cb-font-family-heading);font-size:var(--cb-story-split-heading-size, 58px);line-height:1;letter-spacing:-.035em}.cb-story-split__text{max-width:720px;margin-top:20px;font-size:var(--cb-type-body-size);line-height:var(--cb-type-body-line)}.cb-story-split__text>*:first-child{margin-top:0}.cb-story-split__text>*:last-child{margin-bottom:0}.cb-story-split__brand-images{display:flex;flex-wrap:wrap;align-items:center;gap:20px;margin-top:var(--cb-story-split-logo-gap, 36px)}.cb-story-split__brand-image{display:inline-flex;align-items:center}.cb-story-split__brand-image--logo{width:min(100%,var(--cb-story-split-logo-width, 140px))}.cb-story-split__brand-image--badge{width:min(100%,var(--cb-story-split-badge-width, 140px))}.cb-story-split__logo-image,.cb-story-split__badge-image{display:block;width:100%;height:auto;object-fit:contain}.cb-story-split__actions{display:flex;flex-wrap:wrap;align-items:center;gap:20px;margin-top:32px}.cb-story-split__secondary-button{color:inherit;font-size:var(--cb-type-body-small-size);font-weight:var(--cb-font-weight-bold);text-underline-offset:4px}.cb-story-split__media{overflow:hidden;aspect-ratio:1 / 1;border-radius:var(--cb-story-split-radius, 20px);background:var(--cb-color-surface-highlight)}.cb-story-split__image,.cb-story-split__placeholder{display:block;width:100%;height:100%;object-fit:cover}.cb-story-split__voucher{display:flex;width:100%;height:100%;padding:clamp(28px,5vw,64px);align-items:center;justify-content:center;flex-direction:column;gap:10px;color:#221348;text-align:center;background:#fbf9f7}.cb-story-split__voucher:before,.cb-story-split__voucher:after{content:"";width:58%;border-top:2px dashed rgb(34 19 72 / 24%)}.cb-story-split__voucher-eyebrow{font-size:var(--cb-type-label-size);font-weight:var(--cb-font-weight-bold);letter-spacing:.08em}.cb-story-split__voucher-code{margin:18px 0;padding:18px 26px;border:2px dashed #221348;border-radius:12px;font-family:var(--cb-font-family-heading);font-size:clamp(26px,4vw,48px);line-height:1;letter-spacing:.04em;background:#e6ff63}.cb-story-split__voucher-note{max-width:260px;font-size:var(--cb-type-body-small-size);line-height:1.4}@media(hover:hover){.cb-story-split__image{transition:transform .7s cubic-bezier(.2,.7,.2,1)}.cb-story-split__media:hover .cb-story-split__image{transform:scale(1.02)}}@media(max-width:767px){.cb-story-split{padding-block:calc(var(--cb-story-split-padding-top, 80px) * .6) calc(var(--cb-story-split-padding-bottom, 80px) * .6)}.cb-story-split--page .cb-story-split__container{width:calc(100% - 32px)}.cb-story-split__grid{grid-template-columns:1fr;gap:32px}.cb-story-split--reverse .cb-story-split__content,.cb-story-split--reverse .cb-story-split__media{order:initial}.cb-story-split__heading{font-size:var(--cb-story-split-heading-size-mobile, 40px)}.cb-story-split__text{margin-top:16px;font-size:var(--cb-type-body-small-size)}.cb-story-split__brand-images{gap:16px;margin-top:min(var(--cb-story-split-logo-gap, 36px),28px)}.cb-story-split__actions{margin-top:26px}.cb-story-split__media{aspect-ratio:1 / 1}}@media(prefers-reduced-motion:reduce){.cb-story-split__image{transition:none}}.cb-story-split__content:has(.cb-section-header--center) .cb-story-split__brand-images,.cb-story-split__content:has(.cb-section-header--center) .cb-story-split__actions{justify-content:center}.cb-story-split__content:has(.cb-section-header--right) .cb-story-split__brand-images,.cb-story-split__content:has(.cb-section-header--right) .cb-story-split__actions{justify-content:flex-end}
/*# sourceMappingURL=/cdn/shop/t/6/assets/cb-story-split.css.map */
