.hero-split{background:var(--lp-bg, #F0F5EA);padding:22px 0 8px}.hero-split__grid{max-width:1320px;margin:0 auto;padding:0 16px;display:grid;grid-template-columns:1fr;gap:16px}.hero-split__show{position:relative;border-radius:18px;overflow:hidden;aspect-ratio:5 / 4;background:var(--lp-olivo, #5A6152);isolation:isolate}.hero-split__slide{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;visibility:hidden;pointer-events:none}@media(prefers-reduced-motion:no-preference){.hero-split__slide{transition:opacity .8s ease,visibility 0s linear .8s}}.hero-split__slide.is-active{opacity:1;visibility:visible;pointer-events:auto;transition-delay:0s}.hero-split__img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center;display:block}.hero-split__veil{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(0deg,color-mix(in srgb,var(--hs-veil, #123F22) calc(var(--hs-alpha, .85) * 100%),transparent) 4%,color-mix(in srgb,var(--hs-veil, #123F22) calc(var(--hs-alpha, .85) * 50%),transparent) 42%,transparent 72%);pointer-events:none}.hero-split__content{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;display:flex;flex-direction:column;padding:24px 20px 56px;align-items:var(--hs-cx-items, flex-start);justify-content:var(--hs-cy, flex-end);text-align:var(--hs-cx-text, left)}.hero-split__eyebrow{font-family:var(--lp-font-accent);font-weight:700;font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:var(--hs-accent, var(--lp-amarillo, #E08A2E))}.hero-split__title{font-family:var(--lp-font-display);font-weight:800;font-size:30px;line-height:.98;letter-spacing:-.035em;color:#fff;margin:12px 0 10px;max-width:560px;text-wrap:balance}.hero-split__text{font-family:var(--lp-font-body);font-size:14.5px;line-height:1.55;color:#ffffffd9;margin:0 0 18px;max-width:420px}.hero-split__cta{display:inline-flex;align-items:center;gap:8px;background:var(--hs-accent, var(--lp-amarillo, #E08A2E));color:var(--lp-ink, #16201A);padding:13px 24px;border-radius:999px;font-family:var(--lp-font-body);font-weight:700;font-size:13px;letter-spacing:.03em;text-transform:uppercase;text-decoration:none}@media(prefers-reduced-motion:no-preference){.hero-split__cta{transition:transform .15s ease,filter .2s ease}}.hero-split__cta:hover{transform:translateY(-1px);filter:brightness(1.05)}.hero-split__dots{position:absolute;left:20px;bottom:22px;z-index:3;display:flex;gap:8px}.hero-split__dot{position:relative;width:9px;height:9px;border-radius:999px;border:none;cursor:pointer;padding:0;background:#ffffff80}@media(prefers-reduced-motion:no-preference){.hero-split__dot{transition:width .4s ease}}.hero-split__dot.is-active{width:40px;background:#ffffff59;overflow:hidden}.hero-split__dot-fill{position:absolute;top:0;right:0;bottom:0;left:0;background:#fff;border-radius:999px;transform:scaleX(0);transform-origin:left center}@keyframes hero-split-progress{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@media(prefers-reduced-motion:no-preference){.hero-split__dot.is-active .hero-split__dot-fill{animation:hero-split-progress var(--hs-dur, 5s) linear forwards}.hero-split.is-paused .hero-split__dot.is-active .hero-split__dot-fill,.hero-split--hold .hero-split__dot.is-active .hero-split__dot-fill{animation-play-state:paused}}.hero-split__dot:before{content:"";position:absolute;top:-18px;right:-4px;bottom:-18px;left:-4px}.hero-split__nav{position:absolute;top:22px;width:40px;height:40px;border-radius:999px;background:#0000004d;border:1px solid rgba(255,255,255,.3);color:#fff;cursor:pointer;display:none;align-items:center;justify-content:center;z-index:3}.hero-split__nav--prev{right:70px}.hero-split__nav--next{right:22px}.hero-split__nav:hover{background:#00000080}.hero-split__nav:focus-visible{outline:3px solid var(--lp-focus-dark, #EAF0E6);outline-offset:2px}.hero-split__aside{display:grid;grid-template-columns:1fr 1fr;gap:16px}.hero-split__tile{position:relative;border-radius:18px;overflow:hidden;text-decoration:none;display:block;aspect-ratio:3 / 2;isolation:isolate}.hero-split__tile-img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center;display:block}@media(prefers-reduced-motion:no-preference){.hero-split__tile-img{transition:transform .45s ease}.hero-split__tile:hover .hero-split__tile-img{transform:scale(1.04)}}.hero-split__tile-veil{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,rgba(20,33,15,.82),transparent 80%);pointer-events:none}.hero-split__tile-content{position:absolute;left:22px;right:16px;top:0;bottom:0;z-index:2;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}.hero-split__tile-title{font-family:var(--lp-font-display);font-weight:800;font-size:22px;letter-spacing:-.02em;color:#fff}.hero-split__tile-sub{font-family:var(--lp-font-body);font-size:12.5px;color:#ffffffd9;margin:4px 0 10px}.hero-split__tile-pill{display:inline-flex;align-items:center;gap:6px;background:#fff;color:var(--lp-ink, #16201A);font-family:var(--lp-font-body);font-weight:700;font-size:11.5px;letter-spacing:.03em;text-transform:uppercase;padding:8px 14px;border-radius:999px}.hero-split__onboarding{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;text-align:center;padding:24px;font-family:var(--lp-font-body);font-size:14px;color:#ffffffe6}@media(min-width:900px){.hero-split__grid{grid-template-columns:2.05fr 1fr;padding:0 24px}.hero-split__grid--noaside{grid-template-columns:1fr}.hero-split__show{aspect-ratio:auto;min-height:420px}.hero-split__veil{background:linear-gradient(100deg,color-mix(in srgb,var(--hs-veil, #123F22) calc(var(--hs-alpha, .85) * 100%),transparent) 6%,color-mix(in srgb,var(--hs-veil, #123F22) calc(var(--hs-alpha, .85) * 55%),transparent) 40%,transparent 64%)}.hero-split__content{padding:40px 44px 56px}.hero-split__title{font-size:46px;margin:14px 0 12px}.hero-split__text{font-size:15.5px;margin:0 0 22px}.hero-split__dots{left:44px}.hero-split__nav{display:inline-flex}.hero-split__aside{grid-template-columns:1fr;grid-template-rows:1fr 1fr}.hero-split__tile{aspect-ratio:auto}}
/*# sourceMappingURL=/cdn/shop/t/11/assets/hero-split.css.map */
