.cmr-split{display:grid;gap:1px;background-color:var(--cmr-line);min-height:clamp(26rem,72vh,42rem)}@media screen and (min-width:750px){.cmr-split{grid-template-columns:1fr 1fr}@media(hover:hover){.cmr-split:has(.cmr-split__side:hover){grid-template-columns:.85fr 1.15fr;transition:grid-template-columns var(--cmr-slow) var(--cmr-ease)}.cmr-split:has(.cmr-split__side:first-child:hover){grid-template-columns:1.15fr .85fr}}}@media(prefers-reduced-motion:reduce){.cmr-split,.cmr-split:has(.cmr-split__side:hover){transition:none;grid-template-columns:1fr 1fr}}.cmr-split__side{position:relative;display:grid;align-items:end;overflow:hidden;isolation:isolate;min-height:22rem;background-color:var(--cmr-sunken)}.cmr-split__media{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-2}.cmr-split__media img{width:100%;height:100%;object-fit:cover;transition:transform var(--cmr-slow) var(--cmr-ease)}.cmr-split__side:hover .cmr-split__media img{transform:scale(1.03)}.cmr-split__veil{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:linear-gradient(to top,rgb(20 18 15 / .88) 0%,rgb(20 18 15 / .42) 42%,rgb(20 18 15 / .05) 78%,transparent 100%)}.cmr-mode--arch .cmr-split__veil{background:linear-gradient(to top,rgb(16 20 26 / .9) 0%,rgb(16 20 26 / .45) 42%,rgb(16 20 26 / .06) 78%,transparent 100%)}.cmr-split__body{display:grid;gap:var(--cmr-2);padding:var(--cmr-6) var(--cmr-gutter);color:#fff;max-width:34rem}.cmr-split__eyebrow{color:#ffffffb8}.cmr-split__title{font-family:var(--cmr-font-head);font-size:clamp(1.8rem,3.4vw,2.8rem);font-weight:600;line-height:1.05;color:#fff}.cmr-mode--decor .cmr-split__title{font-variation-settings:"SOFT" 30,"WONK" 1}.cmr-split__text{font-size:var(--cmr-size-small);color:#ffffffd1;max-width:34ch}.cmr-split__go{display:inline-flex;align-items:center;gap:var(--cmr-2);margin-block-start:var(--cmr-2);font-family:var(--cmr-font-arch);font-size:var(--cmr-size-small);font-weight:600;color:#fff}.cmr-split__go .cmr-icon{transition:transform var(--cmr-base) var(--cmr-ease)}.cmr-split__side:hover .cmr-split__go .cmr-icon{transform:translate(4px)}.cmr-split__side:not(:has(.cmr-split__media)){background:linear-gradient(150deg,var(--cmr-ink) 0%,var(--cmr-accent-deep) 140%)}
/*# sourceMappingURL=/cdn/shop/t/2/assets/cmr-split.css.map */