.lp-hero{display:grid;padding-block:var(--lp-space-6);overflow:hidden;isolation:isolate}.lp-hero--media{--s-bg: var(--lp-inverted-bg);align-items:end;padding-block:var(--lp-space-7) var(--lp-space-6)}.lp-hero--media.lp-hero--full{min-height:calc(100svh - var(--sticky-area-height, 0px))}.lp-hero--media.lp-hero--tall{min-height:min(80svh,52rem)}.lp-hero--media.lp-hero--medium{min-height:min(60svh,40rem)}.lp-hero--media.lp-hero--auto{min-height:0;padding-block:var(--lp-space-8)}.lp-hero__media{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-2;opacity:var(--lp-hero-media-opacity, 1)}.lp-hero__media .lp-media{position:absolute;top:0;right:0;bottom:0;left:0}.lp-hero__media--desktop{display:none}.lp-hero__media--mobile{display:block}.lp-hero__scrim{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none}.lp-hero--scrim-bottom .lp-hero__scrim{background:linear-gradient(to top,color-mix(in srgb,var(--lp-inverted-bg) calc(var(--lp-hero-scrim, .5) * 100% + 40%),transparent) 0%,color-mix(in srgb,var(--lp-inverted-bg) calc(var(--lp-hero-scrim, .5) * 100%),transparent) 45%,transparent 100%)}.lp-hero--scrim-full .lp-hero__scrim{background:color-mix(in srgb,var(--lp-inverted-bg) calc(var(--lp-hero-scrim, .5) * 100%),transparent)}.lp-hero__split-media .lp-media{border-radius:var(--lp-radius)}.lp-hero__split{display:grid;gap:var(--lp-space-5)}.lp-hero--span-full .lp-hero__inner.lp-container,.lp-hero--span-full .lp-hero__split{width:calc(100% - 2 * var(--lp-hero-gutter, var(--lp-gutter)));max-width:none}.lp-hero{--lp-hero-gutter: clamp(1.25rem, 4vw, 5rem)}.lp-hero__pay{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem .75rem;margin-top:.25rem}.lp-hero__pay-label{font-size:var(--lp-step--1);color:var(--s-muted);font-weight:800}.lp-hero__pay-icons{display:inline-flex;align-items:center;gap:.4rem;flex-wrap:wrap}.lp-hero__pay-icon{height:1.5rem;width:auto;border-radius:.25rem}.lp-hero--media .lp-hero__pay-icon{box-shadow:0 0 0 1px color-mix(in srgb,var(--s-text) 15%,transparent)}.lp-hero--align-center .lp-hero__pay,.lp-hero--mobile-center .lp-hero__pay{justify-content:center}.lp-hero__inner{display:grid;gap:var(--lp-space-3);justify-items:start;text-align:left;width:100%}.lp-hero--mobile-center .lp-hero__inner{justify-items:center;text-align:center}.lp-hero__eyebrow-row{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.lp-hero__eyebrow{display:inline-flex;align-items:center;gap:.4rem;color:var(--s-text);background:color-mix(in srgb,var(--s-text) 12%,transparent);padding:.45rem .8rem;border-radius:var(--lp-radius-pill);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.lp-hero__eyebrow .lp-icon{width:1rem;height:1rem}.lp-hero__countdown{display:inline-flex;align-items:center;gap:.5rem;font-size:var(--lp-step--1);font-weight:800;letter-spacing:.04em;color:var(--s-text);background:color-mix(in srgb,var(--s-text) 12%,transparent);padding:.45rem .8rem;border-radius:var(--lp-radius-pill);font-variant-numeric:tabular-nums}.lp-hero__countdown-label{color:var(--s-muted);text-transform:uppercase;letter-spacing:.1em}.lp-hero__countdown[hidden]{display:none}.lp-hero__logo{height:var(--lp-hero-logo-h, 64px);width:auto;max-width:70vw;object-fit:contain}.lp-hero__title{max-width:14ch;font-size:calc(var(--lp-heading-scale) * var(--lp-hero-title, clamp(2.375rem, 1.6rem + 3.6vw, 4rem)))}.lp-hero--title-S{--lp-hero-title: clamp(2rem, 1.4rem + 2.6vw, 3rem)}.lp-hero--title-L{--lp-hero-title: clamp(2.5rem, 1.5rem + 4.6vw, 5rem)}.lp-hero__subtitle{color:var(--s-muted);max-width:34ch}.lp-hero__ctas{margin-top:var(--lp-space-2);width:100%;display:grid;gap:var(--lp-space-2)}.lp-hero--media .lp-btn--secondary{border-color:color-mix(in srgb,var(--s-text) 45%,transparent);color:var(--s-text)}.lp-hero--media{align-items:stretch;padding-block:var(--lp-space-6)}.lp-hero--media .lp-hero__inner{display:flex;flex-direction:column;align-items:start;min-height:100%;gap:var(--lp-space-3)}.lp-hero--media .lp-hero__eyebrow-row{margin-bottom:auto}.lp-hero--media .lp-hero__title{margin-top:var(--lp-space-5)}.lp-hero--media .lp-hero__ctas{margin-top:var(--lp-space-2)}@media(min-width:48rem){.lp-hero{padding-block:var(--lp-space-8)}.lp-hero--media{align-items:center;padding-block:var(--lp-space-9)}.lp-hero--media .lp-hero__inner{display:grid;min-height:0}.lp-hero--media.lp-hero--valign-top .lp-hero__inner,.lp-hero--media.lp-hero--valign-bottom .lp-hero__inner{align-self:auto}.lp-hero--media .lp-hero__eyebrow-row{margin-bottom:0}.lp-hero--media .lp-hero__title{margin-top:0}.lp-hero__media--desktop{display:block}.lp-hero__media--mobile{display:none}.lp-hero--scrim-bottom .lp-hero__scrim{background:linear-gradient(to top,color-mix(in srgb,var(--lp-inverted-bg) calc(var(--lp-hero-scrim, .5) * 100% + 30%),transparent) 0%,color-mix(in srgb,var(--lp-inverted-bg) calc(var(--lp-hero-scrim, .5) * 60%),transparent) 50%,transparent 100%)}.lp-hero--align-left.lp-hero--scrim-bottom .lp-hero__scrim{background:linear-gradient(to right,color-mix(in srgb,var(--lp-inverted-bg) calc(var(--lp-hero-scrim, .5) * 100% + 30%),transparent) 0%,color-mix(in srgb,var(--lp-inverted-bg) calc(var(--lp-hero-scrim, .5) * 80%),transparent) 55%,transparent 100%)}.lp-hero--align-right.lp-hero--scrim-bottom .lp-hero__scrim{background:linear-gradient(to left,color-mix(in srgb,var(--lp-inverted-bg) calc(var(--lp-hero-scrim, .5) * 100% + 30%),transparent) 0%,color-mix(in srgb,var(--lp-inverted-bg) calc(var(--lp-hero-scrim, .5) * 80%),transparent) 55%,transparent 100%)}.lp-hero--media.lp-hero--valign-top{align-items:start}.lp-hero--media.lp-hero--valign-middle{align-items:center}.lp-hero--media.lp-hero--valign-bottom{align-items:end}.lp-hero__inner{justify-items:start;text-align:left;gap:var(--lp-space-4)}.lp-hero--align-center .lp-hero__inner{justify-items:center;text-align:center;margin-inline:auto}.lp-hero--align-right .lp-hero__inner{justify-items:end;text-align:right;margin-left:auto}.lp-hero--width-narrow .lp-hero__inner{max-width:32rem}.lp-hero--width-medium .lp-hero__inner{max-width:40rem}.lp-hero--width-wide .lp-hero__inner{max-width:52rem}.lp-hero--width-wide .lp-hero__title{max-width:18ch}.lp-hero__subtitle{max-width:40ch}.lp-hero--ctas-inline .lp-hero__ctas{display:flex;flex-wrap:wrap;width:auto}.lp-hero--ctas-stack .lp-hero__ctas{display:grid;width:auto;min-width:16rem}.lp-hero__split{grid-template-columns:1fr 1fr;align-items:center;gap:var(--lp-space-7)}.lp-hero--split_right .lp-hero__split-media{order:2}.lp-hero--split_left .lp-hero__split-media{order:0}.lp-hero--split_right .lp-hero__inner,.lp-hero--split_left .lp-hero__inner{max-width:none;margin:0}.lp-hero__logo{max-width:24rem}}.lp-hero__cards{display:grid;gap:var(--lp-space-2);width:100%;margin-top:var(--lp-space-2)}.lp-hero__cards{--lp-hero-card-h: var(--lp-hero-card-h-m, 4.5rem);margin-bottom:var(--lp-hero-cards-off-m, 0px)}.lp-hero__card{display:flex;align-items:center;gap:.75rem;min-height:var(--lp-hero-card-h, 4.5rem);padding:.5rem .875rem .5rem .5rem;border-radius:var(--lp-radius);background:var(--s-card);border:1px solid var(--s-line);color:var(--s-text);text-decoration:none;text-align:left;transition:transform .2s cubic-bezier(.2,.7,.2,1),border-color .2s ease}.lp-hero--media .lp-hero__card{background:color-mix(in srgb,var(--lp-inverted-bg) 55%,transparent);border-color:color-mix(in srgb,var(--s-text) 18%,transparent);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.lp-hero__card:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--s-text) 45%,transparent)}.lp-hero__card:focus-visible{outline:2px solid var(--s-accent, var(--lp-accent));outline-offset:2px}.lp-hero__card-media{flex:none;width:calc(var(--lp-hero-card-h, 4.5rem) - 1rem);height:calc(var(--lp-hero-card-h, 4.5rem) - 1rem);border-radius:var(--lp-radius-sm);overflow:hidden}.lp-hero__card-media .lp-media{width:100%;height:100%;border-radius:inherit}.lp-hero__card-body{display:grid;gap:.1rem;min-width:0;flex:1}.lp-hero__card-label{font-size:var(--lp-step--1);font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--s-muted);line-height:1.25}.lp-hero__card-title{font:800 var(--lp-step-0)/1.2 var(--lp-font-heading);letter-spacing:-.01em}.lp-hero__card-price{font-size:var(--lp-step--1);color:var(--s-muted)}.lp-hero__card-price s{opacity:.7;margin-left:.25rem}.lp-hero__card-arrow{flex:none;display:grid;place-items:center;width:2.75rem;height:2.75rem;border-radius:50%;background:color-mix(in srgb,var(--s-text) 12%,transparent);color:var(--s-text)}.lp-hero__card-arrow .lp-icon{width:1.125rem;height:1.125rem}.lp-hero--media .lp-hero__card-arrow{background:var(--lp-inverted-text);color:var(--lp-inverted-bg)}.lp-hero--media .lp-hero__cards:first-child{margin-top:auto}.lp-hero__cards[data-count="3"],.lp-hero__cards[data-count="4"]{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;margin-inline:calc(-1 * var(--lp-hero-gutter, var(--lp-gutter)));padding-inline:var(--lp-hero-gutter, var(--lp-gutter));width:auto}.lp-hero__cards[data-count="3"]::-webkit-scrollbar,.lp-hero__cards[data-count="4"]::-webkit-scrollbar{display:none}.lp-hero__cards[data-count="3"] .lp-hero__card,.lp-hero__cards[data-count="4"] .lp-hero__card{flex:0 0 78%;scroll-snap-align:start}@media(min-width:48rem){.lp-hero__cards,.lp-hero__cards[data-count="3"],.lp-hero__cards[data-count="4"]{display:flex;flex-wrap:wrap;overflow:visible;width:auto;margin-inline:0;padding-inline:0;gap:var(--lp-space-3);margin-top:var(--lp-space-3)}.lp-hero__cards .lp-hero__card{flex:0 1 auto;min-width:17rem}.lp-hero--align-center .lp-hero__cards{justify-content:center}.lp-hero--align-right .lp-hero__cards{justify-content:flex-end}}.lp-hero--cards-bottom{grid-template-rows:1fr auto;row-gap:var(--lp-space-4)}.lp-hero{--lp-hero-pad-b: var(--lp-space-6)}.lp-hero--media.lp-hero--auto{--lp-hero-pad-b: var(--lp-space-8)}.lp-hero--cards-bottom .lp-hero__cards-row{align-self:end;width:100%;margin-bottom:calc(-1 * var(--lp-hero-pad-b))}.lp-hero--cards-bottom .lp-hero__cards-row .lp-hero__cards{display:grid;margin-inline:0;margin-top:0;padding:0;width:100%;overflow:visible}.lp-hero--cards-bottom .lp-hero__cards-row .lp-hero__card{flex:none}@media(min-width:48rem){.lp-hero{--lp-hero-pad-b: var(--lp-space-8)}.lp-hero--media{--lp-hero-pad-b: var(--lp-space-9)}.lp-hero--media.lp-hero--auto{--lp-hero-pad-b: var(--lp-space-8)}.lp-hero--cards-bottom .lp-hero__cards-row .lp-hero__cards{grid-template-columns:repeat(var(--lp-hero-cards, 2),minmax(0,1fr));gap:var(--lp-space-3);max-width:calc(var(--lp-hero-cards, 2) * 20rem);margin-inline:auto}.lp-hero--cards-bottom .lp-hero__cards-row .lp-hero__card{min-width:0}}.lp-hero__split .lp-hero__cards-row{grid-column:1 / -1}@media(min-width:48rem){.lp-hero__cards{--lp-hero-card-h: var(--lp-hero-card-h-d, 5rem);margin-bottom:var(--lp-hero-cards-off-d, 0px)}.lp-hero--cards-bottom .lp-hero__cards-row .lp-hero__cards{margin-bottom:var(--lp-hero-cards-off-d, 0px)}}.lp-hero__cards{padding-inline:var(--lp-hero-cards-pad-m, 0px)}.lp-hero__cards[data-count="3"],.lp-hero__cards[data-count="4"]{padding-inline:calc(var(--lp-hero-gutter, var(--lp-gutter)) + var(--lp-hero-cards-pad-m, 0px))}.lp-hero--cards-bottom .lp-hero__cards-row .lp-hero__cards{padding-inline:var(--lp-hero-cards-pad-m, 0px)}@media(min-width:48rem){.lp-hero__cards,.lp-hero__cards[data-count="3"],.lp-hero__cards[data-count="4"],.lp-hero--cards-bottom .lp-hero__cards-row .lp-hero__cards{padding-inline:var(--lp-hero-cards-pad-d, 0px)}}@keyframes lp-hero-settle{0%{transform:scale(1.04)}to{transform:none}}@keyframes lp-hero-rise{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}.lp-hero__media .lp-media img,.lp-hero__media .lp-media video{animation:lp-hero-settle 1.6s cubic-bezier(.2,.7,.2,1) both}.lp-hero__card{animation:lp-hero-rise .6s cubic-bezier(.2,.7,.2,1) both;animation-delay:.25s}.lp-hero__card:nth-child(2){animation-delay:.35s}.lp-hero__card:nth-child(3){animation-delay:.45s}.lp-hero__card:nth-child(4){animation-delay:.55s}.lp-hero__card-arrow{transition:transform .2s cubic-bezier(.2,.7,.2,1)}.lp-hero__card:hover .lp-hero__card-arrow{transform:translate(3px)}@media(prefers-reduced-motion:reduce){.lp-hero__media .lp-media img,.lp-hero__media .lp-media video,.lp-hero__card{animation:none}.lp-hero__card,.lp-hero__card-arrow{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/328/assets/lp-hero.css.map */