.lp-hero{--hero-viewport-h: 100vh;--hero-min-h: min(720px, calc(var(--hero-viewport-h) - var(--lp-header-total-h, 0px)));--hero-gap: 16px;--hero-pad-y: 20px;--hero-badge-h: 48px;--hero-badges-self: center;--hero-badges-mb: auto;--hero-actions-self: stretch;--hero-text-max: none;--hero-fade: linear-gradient(180deg, rgba(243, 238, 230, 0) 0%, var(--lp-beige) 75%);position:relative;display:flex;min-height:var(--hero-min-h)}@supports (height: 100svh){.lp-hero{--hero-viewport-h: 100svh}}.lp-hero__media{position:absolute;inset:var(--lp-bleed-margin-y) var(--lp-bleed-margin-x);overflow:hidden;border-radius:var(--lp-radius-card)}.lp-hero__media:after{content:"";position:absolute;inset:auto 0 0;height:50%;background:var(--hero-fade)}.lp-hero__media img{width:100%;height:100%;object-fit:cover;object-position:25% 20%}.lp-hero__overlay{position:relative;display:flex}.lp-hero__content{display:flex;flex:1;flex-direction:column;align-items:flex-start;justify-content:center;gap:var(--hero-gap);max-width:var(--hero-text-max);padding-block:var(--hero-pad-y)}.lp-hero__badges{display:flex;gap:16px;align-self:var(--hero-badges-self);margin-bottom:var(--hero-badges-mb)}.lp-hero__badge-img{width:auto;height:var(--hero-badge-h)}.lp-hero__rating{display:flex;align-items:center;gap:6px;font-size:11px}.lp-hero__stars{flex:none;width:74px;height:13px}.lp-hero__heading{font-weight:500;font-size:var(--hero-fs-heading);line-height:1.2;text-transform:capitalize}.lp-hero__subheading{font-size:var(--hero-fs-sub);line-height:1.3}.lp-hero__actions{display:flex;flex-direction:column;align-items:center;align-self:var(--hero-actions-self);gap:var(--hero-gap)}.lp-hero__ribbon{--tk-fill: var(--lp-ink);--tk-radius: 4px;--tk-notch-r: 2.5px;--tk-notch-d: 6.7px;--tk-fillet: 4px;display:flex;align-items:center;justify-content:center;padding:4px 16px 2px;color:var(--lp-white);font-family:var(--lp-font-cta);font-size:14px;letter-spacing:-.06em;line-height:1.3;text-align:center;text-transform:uppercase}.lp-hero__cta{width:100%}@media(min-width:768px){.lp-hero{--hero-gap: 24px;--hero-badges-self: auto;--hero-badges-mb: 0;--hero-actions-self: auto;--hero-text-max: 500px;--hero-fade: none}.lp-hero__rating{gap:8px;font-size:14px}.lp-hero__stars{width:82px;height:14px}.lp-hero__heading{text-transform:none}.lp-hero__cta{width:400px}.lp-hero__ribbon{--tk-radius: 4.8px;--tk-notch-r: 3px;--tk-notch-d: 5.1px;--tk-fillet: 2.1px;font-size:16px}}
/*# sourceMappingURL=/cdn/shop/t/38/assets/landing-hero.css.map */