.hero-split{display:flex;flex-direction:column;align-items:flex-start;width:100%}@media screen and (min-width:750px){.hero-split{flex-direction:row}}.hero-split__panel{position:relative;display:flex;align-items:flex-end;overflow:hidden;aspect-ratio:1024 / 530;max-height:640px;width:100%;color:#fff;text-decoration:none}@media screen and (min-width:750px){.hero-split__panel{width:50%}}.hero-split__bg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center top;transition:transform var(--duration-long) ease}.hero-split__bg-placeholder{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.hero-split__bg-placeholder svg{width:100%;height:100%;object-fit:cover;object-position:center bottom}.hero-split__scrim{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(0deg,rgba(0,0,0,var(--hero-split-overlay-opacity, .35)),#0000 60%)}.hero-split__content{position:absolute;z-index:2;left:0;right:0;bottom:0;height:31.07%;display:flex;align-items:center;justify-content:center;padding:0 1.5rem}@media screen and (min-width:750px){.hero-split__content{padding:0 3rem}}.hero-split__pill{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-width:13rem;padding:.9rem 1.6rem;border:2px solid rgba(255,255,255,.9);border-radius:var(--buttons-radius, 10px);box-shadow:0 .7rem 1.8rem #00000047;font-family:var(--font-heading-family);font-weight:700;font-size:1.2rem;line-height:1;text-decoration:none;transition:filter var(--duration-short) ease,box-shadow var(--duration-short) ease}.hero-split__pill:hover{filter:brightness(.92);box-shadow:0 .9rem 2.2rem #0000005c}@media screen and (min-width:750px){.hero-split__pill{min-width:15rem;padding:1.05rem 2rem;font-size:1.45rem}}.hero-split__pill svg{width:1.1rem;height:1.1rem;flex-shrink:0}.hero-split__foreground{position:absolute;z-index:1;right:1rem;bottom:0;max-height:85%;max-width:46%;object-fit:contain;filter:drop-shadow(0 12px 20px rgba(0,0,0,.35));pointer-events:none}@media screen and (min-width:750px){.hero-split__foreground{right:2rem;max-width:42%}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/section-hero-split.css.map */