.split-hero{--split-hero-ground: var(--color-surface);display:grid;grid-template-columns:1fr}.split-hero.section--alt{--split-hero-ground: var(--color-surface-alt)}.split-hero.blocks-bg-tint{--split-hero-ground: var(--color-primary-50)}.split-hero.blocks-bg-dark{--split-hero-ground: var(--color-secondary-900)}.split-hero__media{grid-row:1;position:relative;overflow:hidden;place-self:stretch;aspect-ratio:var(--split-hero-ratio, 4 / 5);background:var(--color-surface-alt)}.split-hero__image{position:absolute;top:0;right:0;bottom:0;left:0;inline-size:100%;block-size:100%;object-fit:cover;object-position:var(--split-hero-focus, center)}.split-hero__panel{grid-row:2;position:relative;z-index:1;place-self:stretch;margin-block-start:calc(var(--space-2xl) * -1);padding:var(--space-xl) var(--gutter) var(--space-2xl);background:var(--split-hero-ground);border-start-start-radius:var(--radius-lg);border-start-end-radius:var(--radius-lg)}.split-hero__type{max-inline-size:34rem}.split-hero__eyebrow{margin-block-end:var(--space-sm)}.split-hero__heading{margin-block-end:var(--space-md)}.split-hero__heading .subheading{margin-block-end:var(--space-2xs)}.split-hero__text{color:var(--color-text-body);max-inline-size:46ch}.split-hero__actions{display:flex;flex-wrap:wrap;gap:var(--space-sm);margin-block-start:var(--space-lg)}@media(min-width:768px){.split-hero__media{max-block-size:var(--split-hero-height, clamp(28rem, 58vw, 44rem))}}@media(min-width:1024px){.split-hero{grid-template-columns:var(--split-hero-media, 1fr) var(--split-hero-type, 1fr)}.split-hero--reverse{grid-template-columns:var(--split-hero-type, 1fr) var(--split-hero-media, 1fr)}.split-hero--reverse .split-hero__media{grid-column:2}.split-hero--reverse .split-hero__panel{grid-column:1}.split-hero__media{grid-column:1;grid-row:1;aspect-ratio:auto;min-block-size:var(--split-hero-height, clamp(28rem, 58vw, 44rem));max-block-size:none}.split-hero__panel{grid-column:2;grid-row:1;display:flex;align-items:center;margin-block-start:0;border-radius:0;padding-block:var(--space-3xl);padding-inline:max(var(--gutter),5vw)}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/split-hero.css.map */
