.lp.lp--hiw .lp-pat{--pq:#e3909a;--pl:#e9a071;--ph:#84aee3;--pd:#e2d06f;background:var(--egg);padding-block:clamp(90px,14vh,160px) clamp(64px,10vh,120px)}.lp.lp--hiw .lp-pat__head{display:grid;gap:18px;justify-items:start}.lp.lp--hiw .lp-pat__head .lp-display{max-width:17ch}.lp.lp--hiw .lp-pat__head .lp-lede{max-width:46ch}.lp.lp--hiw .lp-pat__grid{display:grid;grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr);gap:clamp(32px,5vw,96px);align-items:center;margin-top:clamp(40px,7vh,72px)}.lp.lp--hiw .lp-pat__steps{display:grid;gap:4px}.lp.lp--hiw .lp-pat__step{padding:14px 0 14px 22px;border-left:2px solid rgba(30,29,36,.12);transition:border-color .5s var(--ease)}.lp.lp--hiw .lp-pat__when{font:500 var(--fs-12)/1 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--tan2)}.lp.lp--hiw .lp-pat__lead{font:var(--type-title);letter-spacing:var(--type-title-tracking);margin-top:10px;color:var(--ink2)}.lp.lp--hiw .lp-pat__text{margin-top:8px;max-width:36ch;font-size:var(--fs-16);line-height:1.55}.lp.lp--hiw .lp-card.lp-pat__card{width:100%;max-width:620px;justify-self:end;padding:clamp(20px,2.4vw,32px)}.lp.lp--hiw .lp-pat__fig{margin:0;display:flex;justify-content:flex-end}.lp.lp--hiw .lp-pat__top{display:flex;justify-content:space-between;gap:12px}.lp.lp--hiw .lp-pat__range{font:500 var(--app-fs-micro)/1 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:#8d837c}.lp.lp--hiw .lp-pat__caps{display:none}.lp.lp--hiw .lp-pat__total{display:flex;align-items:baseline;gap:12px;margin-top:14px}.lp.lp--hiw .lp-pat__total b{font-size:var(--app-fs-trend);line-height:1;color:#f5efea;min-width:2ch}.lp.lp--hiw .lp-pat__total span{font:400 var(--fs-14)/1.2 var(--sans);color:#cfc5bd}.lp.lp--hiw .lp-pat__chart{position:relative;margin-top:18px}.lp.lp--hiw .lp-pat__notes{position:relative;height:56px}.lp.lp--hiw .lp-pat__mark{position:absolute;top:0;bottom:calc(-1 * var(--plot-h,136px));left:calc(var(--at) * 100%);width:calc((1 - var(--at)) * 100%);pointer-events:none}.lp.lp--hiw .lp-pat__mark:before{content:"";position:absolute;left:0;top:2px;bottom:0;border-left:1.5px dashed rgba(245,239,234,.55)}.lp.lp--hiw .lp-pat__mark span{position:absolute;left:0;top:0;display:inline-block;max-width:100%;padding:5px 10px 5px 9px;border-radius:0 999px 999px 0;background:#3a3230;font:500 var(--app-fs-micro)/1.2 var(--sans);color:#f3ede8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;z-index:1}.lp.lp--hiw .lp-pat__mark--2 span{top:28px}.lp.lp--hiw .lp-pat__plot{position:relative;height:var(--plot-h,136px);border-top:1px solid rgba(255,255,255,.08);border-bottom:1px solid rgba(255,255,255,.08);background-image:linear-gradient(to right,rgba(255,255,255,.07) 1px,transparent 1px),linear-gradient(to right,rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(to bottom,rgba(255,255,255,.06) 1px,transparent 1px);background-size:calc(100% / 12) 100%,calc(100% / 84) 100%,100% 25%}.lp.lp--hiw .lp-pat__bars{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;clip-path:inset(0 calc((1 - var(--k,1)) * 100%) 0 0)}.lp.lp--hiw .lp-pat__row rect{fill-opacity:.62}.lp.lp--hiw .lp-pat__row rect.lp-pat__edge{fill-opacity:1}.lp.lp--hiw .lp-pat__row--q{fill:var(--pq)}.lp.lp--hiw .lp-pat__row--l{fill:var(--pl)}.lp.lp--hiw .lp-pat__row--h{fill:var(--ph)}.lp.lp--hiw .lp-pat__row--d{fill:var(--pd)}.lp.lp--hiw .lp-pat__win{position:absolute;top:0;bottom:0;left:calc(var(--w0,.6667) * 100%);width:calc((var(--k,1) - var(--w0,.6667)) * 100%);background:#ffffff0f}.lp.lp--hiw .lp-pat__playhead{display:none}.lp.lp--hiw .lp-pat__axis{position:relative;height:16px;margin-top:9px;font:400 var(--app-fs-micro)/1 var(--sans);color:#9d938c}.lp.lp--hiw .lp-pat__axis span{position:absolute;top:0;left:calc(var(--at,0) * 100%)}.lp.lp--hiw .lp-pat__axis span:last-child{left:auto;right:0}.lp.lp--hiw .lp-pat__tally{display:grid;gap:10px;margin-top:22px}.lp.lp--hiw .lp-pat__t{display:grid;grid-template-columns:5.6em 2.2em minmax(0,1fr) 4.6em;align-items:center;gap:14px;font:400 var(--fs-16)/1 var(--sans);color:#f3ede8}.lp.lp--hiw .lp-pat__t b{font-weight:400;text-align:right;font-variant-numeric:tabular-nums}.lp.lp--hiw .lp-pat__track{position:relative;display:flex;align-items:center;min-width:0;height:18px}.lp.lp--hiw .lp-pat__track s,.lp.lp--hiw .lp-pat__base s{position:absolute;left:calc(var(--b,0) * 100%);top:50%;width:2px;height:18px;margin:-9px 0 0 -1px;border-radius:1px;background:#f5efeab3}.lp.lp--hiw .lp-pat__base{position:relative;margin-top:14px;padding-left:12px;font:400 var(--fs-12)/1.2 var(--sans);color:#a79d96}.lp.lp--hiw .lp-pat__base s{left:1px;height:14px;margin-top:-7px}.lp.lp--hiw .lp-pat__track i{flex:none;height:10px;min-width:8px;width:calc(var(--w,0) * 100%);border-radius:3px;transition:width .35s var(--ease-out)}.lp.lp--hiw .lp-pat__t em{font-style:normal;font-size:var(--fs-14);color:#a79d96;font-variant-numeric:tabular-nums;white-space:nowrap}.lp.lp--hiw .lp-pat__t--q i{background:var(--pq)}.lp.lp--hiw .lp-pat__t--l i{background:var(--pl)}.lp.lp--hiw .lp-pat__t--h i{background:var(--ph)}.lp.lp--hiw .lp-pat__t--d i{background:var(--pd)}.lp.lp--hiw .lp-pat__cta--side{margin-top:clamp(24px,4vh,40px)}.lp.lp--hiw .lp-pat__cta--foot{display:none}.lp.lp--hiw .lp-pat__foot{display:flex;align-items:center;justify-content:space-between;gap:24px 48px;margin-top:clamp(28px,5vh,48px)}.lp.lp--hiw .lp-pat__note{max-width:68ch;margin-left:auto;font-size:var(--fs-13);line-height:1.5;color:var(--ink)}.lp.lp--hiw .lp-pat.is-live .lp-pat__scene{height:300vh;height:300svh}.lp.lp--hiw .lp-pat.is-live .lp-pat__pin{position:sticky;top:0;height:100vh;height:100svh;display:flex;align-items:center;padding-top:var(--nav-h)}.lp.lp--hiw .lp-pat.is-live .lp-pat__grid{margin-top:0}.lp.lp--hiw .lp-pat.is-live .lp-pat__step .lp-pat__lead,.lp.lp--hiw .lp-pat.is-live .lp-pat__step .lp-pat__text{opacity:.38;transition:opacity .5s var(--ease)}.lp.lp--hiw .lp-pat.is-live .lp-pat__step.is-on{border-left-color:var(--ink2)}.lp.lp--hiw .lp-pat.is-live .lp-pat__step.is-on .lp-pat__lead,.lp.lp--hiw .lp-pat.is-live .lp-pat__step.is-on .lp-pat__text{opacity:1}.lp.lp--hiw .lp-pat.is-live .lp-pat__mark{opacity:0;transition:opacity .4s var(--ease)}.lp.lp--hiw .lp-pat.is-live .lp-pat__mark span{transform:translate3d(-8px,0,0);transition:transform .6s var(--ease-out)}.lp.lp--hiw .lp-pat.is-live .lp-pat__mark.is-on{opacity:1}.lp.lp--hiw .lp-pat.is-live .lp-pat__mark.is-on span{transform:none}.lp.lp--hiw .lp-pat.is-live .lp-pat__playhead{display:block;position:absolute;top:-4px;bottom:-4px;left:calc(var(--k,1) * 100%);width:2px;margin-left:-1px;border-radius:2px;background:var(--tan);box-shadow:0 0 12px 2px #ff773b8c;transition:opacity .4s var(--ease)}.lp.lp--hiw .lp-pat.is-live .lp-pat__fig.is-done .lp-pat__playhead{opacity:0}@media(max-width:899px){.lp.lp--hiw .lp-pat{padding-block:clamp(72px,11vh,110px) 56px}.lp.lp--hiw .lp-pat__grid{grid-template-columns:1fr;gap:18px;margin-top:32px}.lp.lp--hiw .lp-pat__fig{order:-1;justify-content:stretch}.lp.lp--hiw .lp-card.lp-pat__card{max-width:none;padding:20px;border-radius:22px;--plot-h:104px}.lp.lp--hiw .lp-pat__total{margin-top:10px}.lp.lp--hiw .lp-pat__total b{font-size:var(--app-fs-stat)}.lp.lp--hiw .lp-pat__chart{margin-top:12px}.lp.lp--hiw .lp-pat__notes{height:52px}.lp.lp--hiw .lp-pat__mark span{padding:4px 8px 4px 7px;max-width:none}.lp.lp--hiw .lp-pat__mark--2 span{top:26px;left:auto;right:100%;padding:4px 7px 4px 8px;border-radius:999px 0 0 999px}.lp.lp--hiw .lp-pat.is-live .lp-pat__mark--2 span{transform:translate3d(8px,0,0)}.lp.lp--hiw .lp-pat__tally{gap:8px;margin-top:16px}.lp.lp--hiw .lp-pat__t{grid-template-columns:4.9em 1.8em minmax(0,1fr) 4.2em;gap:10px;font-size:var(--fs-15)}.lp.lp--hiw .lp-pat__step{padding:10px 0 10px 16px}.lp.lp--hiw .lp-pat__lead{font-size:var(--fs-title-sm);margin-top:8px}.lp.lp--hiw .lp-pat__text{font-size:var(--fs-15)}.lp.lp--hiw .lp-pat__foot{flex-direction:column;align-items:flex-start;gap:20px;margin-top:24px}.lp.lp--hiw .lp-pat__cta--side{display:none}.lp.lp--hiw .lp-pat__cta--foot{display:inline-flex}.lp.lp--hiw .lp-pat__note{margin-left:0}.lp.lp--hiw .lp-pat.is-live .lp-pat__scene{height:300vh;height:300svh}.lp.lp--hiw .lp-pat.is-live .lp-pat__pin{display:block;top:calc(var(--nav-h) + 12px);height:auto;padding:0}.lp.lp--hiw .lp-pat.is-live .lp-pat__foot{margin-top:8px}.lp.lp--hiw .lp-pat.is-live .lp-pat__side{display:none}.lp.lp--hiw .lp-pat.is-live .lp-card.lp-pat__card{padding:16px 16px 14px;--plot-h:84px}.lp.lp--hiw .lp-pat.is-live .lp-app-title{display:none}.lp.lp--hiw .lp-pat.is-live .lp-pat__caps{display:grid;grid-template-areas:"c";margin-top:12px;padding-bottom:12px;border-bottom:1px solid rgba(255,255,255,.08)}.lp.lp--hiw .lp-pat.is-live .lp-pat__cap{grid-area:c;opacity:0;transform:translate3d(0,6px,0);transition:opacity .18s var(--ease),transform .18s var(--ease)}.lp.lp--hiw .lp-pat.is-live .lp-pat__cap.is-on{opacity:1;transform:none;transition:opacity .45s var(--ease) .14s,transform .6s var(--ease-out) .14s}.lp.lp--hiw .lp-pat__cap .lp-pat__when{font-size:var(--app-fs-micro);color:var(--tan)}.lp.lp--hiw .lp-pat__cap-lead{margin-top:6px;font:300 var(--app-fs-title-sm)/1.1 var(--serif);letter-spacing:-.015em;color:#f5efea}.lp.lp--hiw .lp-pat__cap-text{margin-top:5px;font:400 var(--fs-13)/1.4 var(--sans);color:#cfc5bd;text-wrap:pretty}.lp.lp--hiw .lp-pat.is-live .lp-pat__total{margin-top:10px;gap:8px}.lp.lp--hiw .lp-pat.is-live .lp-pat__total b{font-size:var(--app-fs-title-lg)}.lp.lp--hiw .lp-pat.is-live .lp-pat__total span{font-size:var(--fs-13)}.lp.lp--hiw .lp-pat.is-live .lp-pat__chart{margin-top:6px}.lp.lp--hiw .lp-pat.is-live .lp-pat__notes{height:46px}.lp.lp--hiw .lp-pat.is-live .lp-pat__mark span{font-size:var(--app-fs-micro);padding:3px 7px}.lp.lp--hiw .lp-pat.is-live .lp-pat__mark--2 span{top:23px}.lp.lp--hiw .lp-pat.is-live .lp-pat__axis{margin-top:6px;height:13px;font-size:var(--app-fs-micro)}.lp.lp--hiw .lp-pat.is-live .lp-pat__tally{gap:5px;margin-top:10px}.lp.lp--hiw .lp-pat.is-live .lp-pat__t{font-size:var(--fs-14)}.lp.lp--hiw .lp-pat.is-live .lp-pat__t em{font-size:var(--fs-12)}.lp.lp--hiw .lp-pat.is-live .lp-pat__base{margin-top:8px;font-size:var(--app-fs-micro)}}@media(max-height:620px){.lp.lp--hiw .lp-pat.is-live .lp-pat__scene{height:auto}.lp.lp--hiw .lp-pat.is-live .lp-pat__pin{position:relative;height:auto;padding-top:0}.lp.lp--hiw .lp-pat.is-live .lp-pat__grid{margin-top:32px}.lp.lp--hiw .lp-pat.is-live .lp-pat__steps{display:grid;grid-template-areas:none}.lp.lp--hiw .lp-pat.is-live .lp-pat__step{grid-area:auto;opacity:1}}
/*# sourceMappingURL=/cdn/shop/t/99/assets/landing-pattern.css.map */
