.hn-split-story__grid{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--hn-space-7);align-items:center}@media screen and (min-width:990px){.hn-split-story__grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--hn-space-10)}.hn-split-story__grid--image-right .hn-split-story__media{order:2}}.hn-split-story__media{position:relative;aspect-ratio:4 / 3;overflow:hidden;border-radius:var(--hn-radius-xl);background:var(--hn-surface-blush);box-shadow:var(--hn-shadow-lg)}@media screen and (min-width:990px){.hn-split-story__media{aspect-ratio:4 / 5}}.hn-split-story__image,.hn-split-story__placeholder{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;object-fit:cover}.hn-split-story__placeholder{fill:var(--hn-brand-tint)}.hn-split-story__content{display:flex;flex-direction:column;align-items:flex-start;min-width:0}.hn-split-story__body{margin:0 0 var(--hn-space-6);max-width:56ch;font-size:var(--hn-body-lg);line-height:1.65;color:var(--hn-ink-muted)}.hn-split-story__body p{margin:0 0 var(--hn-space-4)}.hn-split-story__body p:last-child{margin-bottom:0}.hn-split-story__body a{color:var(--hn-ink);text-decoration:underline;text-underline-offset:.2em}.hn-split-story__body a:focus-visible{outline:2px solid var(--hn-ink);outline-offset:2px;border-radius:var(--hn-radius-xs)}.hn-split-story__benefits{display:grid;gap:var(--hn-space-3);margin:0 0 var(--hn-space-7);padding:0;list-style:none}.hn-split-story__benefit{display:flex;align-items:flex-start;gap:var(--hn-space-3);font-size:var(--hn-body-lg);font-weight:var(--hn-semibold);line-height:1.4;color:var(--hn-ink)}.hn-split-story__check{display:inline-flex;flex:0 0 auto;align-items:center;justify-content:center;width:2.2rem;height:2.2rem;border-radius:var(--hn-radius-pill);background:var(--hn-brand);color:var(--hn-white)}.hn-section--dark .hn-split-story__check{background:var(--hn-white);color:var(--hn-brand)}.hn-split-story__check svg{display:block}.hn-split-story__actions{width:100%}@media screen and (max-width:479px){.hn-split-story__actions .hn-btn{width:100%}}@media(forced-colors:active){.hn-split-story__check{border:1px solid CanvasText}}
/*# sourceMappingURL=/cdn/shop/t/22/assets/hn-split-story.css.map */