.lp{--lp-r-sm:.5rem;--lp-r:.875rem;--lp-r-lg:1.25rem;--lp-r-xl:1.75rem;--lp-r-2xl:2.5rem;--lp-r-pill:999px;--lp-paper:var(--background);--lp-paper-2:var(--secondary);--lp-card:var(--card);--lp-ink:var(--foreground);--lp-ink-2:var(--muted-foreground);--lp-line:var(--border);--lp-line-2:var(--border-soft);--lp-c1:var(--p-crimson);--lp-c2:var(--p-rust);--lp-c3:var(--p-gold);--lp-c4:var(--p-green);--lp-c5:var(--p-teal);--lp-c6:var(--p-blue);--lp-c7:var(--p-violet);--lp-c8:var(--p-rose);--lp-lift:var(--lift);--lp-lift-lg:var(--lift-lg);--lp-lift-xl:var(--lift-xl);color:var(--lp-ink);background-color:var(--lp-paper)}.lp-eyebrow{letter-spacing:.14em;text-transform:uppercase;color:var(--lp-ink-2);align-items:center;gap:.5rem;font-size:.6875rem;font-weight:700;line-height:1;display:inline-flex}.lp-display{letter-spacing:-.038em;text-wrap:balance;font-size:clamp(2.5rem,6.2vw,4.5rem);font-weight:700;line-height:.98}.lp-h2{letter-spacing:-.032em;text-wrap:balance;font-size:clamp(1.75rem,3.4vw,2.75rem);font-weight:700;line-height:1.04}.lp-h3{letter-spacing:-.016em;font-size:1.125rem;font-weight:650;line-height:1.25}.lp-lede{color:var(--lp-ink-2);text-wrap:pretty;max-width:56ch;font-size:clamp(1rem,1.35vw,1.1875rem);line-height:1.55}.lp-body{color:var(--lp-ink-2);text-wrap:pretty;max-width:60ch;font-size:.9375rem;line-height:1.6}.lp-voice{font-family:var(--font-serif);letter-spacing:-.005em;font-size:1.0625rem;line-height:1.6}.lp-head{row-gap:1.25rem;display:grid}.lp-head>.lp-eyebrow{grid-column:1/-1}@media (min-width:64rem){.lp-head{grid-template-columns:minmax(0,1.08fr) minmax(0,1fr);align-items:end;column-gap:4rem}}.lp-cycle{vertical-align:baseline;color:var(--cloth);display:inline-grid}.lp-cycle>*{animation:lp-cycle var(--lp-cycle-d,12s) var(--ease-cloth) infinite backwards;grid-area:1/1}.lp-cycle>:nth-child(2){animation-delay:calc(var(--lp-cycle-d,12s) / 3)}.lp-cycle>:nth-child(3){animation-delay:calc(var(--lp-cycle-d,12s) / 3 * 2)}@keyframes lp-cycle{0%{opacity:0;transform:translateY(.42em)}3%{opacity:1;transform:none}30%{opacity:1;transform:none}33.33%{opacity:0;transform:translateY(-.42em)}to{opacity:0;transform:translateY(-.42em)}}.lp-card{border-radius:var(--lp-r-lg);border:1px solid var(--lp-line);background:var(--lp-card);box-shadow:var(--lp-lift);position:relative}.lp-card-lg{border-radius:var(--lp-r-xl);box-shadow:var(--lp-lift-lg)}.lp-mod{--mod:var(--cloth);--mod-wash:color-mix(in oklab, var(--mod) 9%, var(--lp-card));--mod-edge:color-mix(in oklab, var(--mod) 26%, var(--lp-card));border-color:var(--mod-edge)}.lp-mod-wash{background:var(--mod-wash)}.lp-mod-plate{border-radius:var(--lp-r-pill);background:var(--mod);color:light-dark(oklch(99% 0 0),oklch(16% .01 55));letter-spacing:.1em;text-transform:uppercase;align-items:center;gap:.375rem;padding:.25rem .625rem;font-size:.6875rem;font-weight:700;line-height:1;display:inline-flex}.lp-mod-ink{color:color-mix(in oklab, var(--mod) 72%, var(--lp-ink))}.lp-glass{border-radius:var(--lp-r);-webkit-backdrop-filter:blur(14px)saturate(1.4);backdrop-filter:blur(14px)saturate(1.4);box-shadow:var(--lp-lift), inset 0 1px 0 light-dark(oklch(100% 0 0/.9),oklch(100% 0 0/.08));background:light-dark(oklch(100% 0 0/.82),oklch(26% .01 55/.78));border:1px solid light-dark(oklch(100% 0 0/.7),oklch(100% 0 0/.12))}.lp-band{background:var(--cloth);color:var(--cloth-ink);position:relative}.lp-band-soft{background:color-mix(in oklab, var(--cloth) 7%, var(--lp-paper));color:var(--lp-ink)}.lp-rule{background:var(--lp-line);height:1px}.lp-rule-hue{border-radius:var(--lp-r-pill);background:var(--mod,var(--cloth));height:2px}.lp-wash{pointer-events:none;position:absolute;inset:0;overflow:hidden}.lp-wash:before,.lp-wash:after{content:"";filter:blur(64px);opacity:light-dark(.55,.4);position:absolute;inset:-12%}.lp-wash:before{background-image:radial-gradient(26rem 22rem at 88% 2%, color-mix(in oklab, var(--lp-c7) 58%, transparent), transparent 72%), radial-gradient(22rem 19rem at 66% 26%, color-mix(in oklab, var(--lp-c6) 46%, transparent), transparent 72%), radial-gradient(18rem 16rem at 100% 52%, color-mix(in oklab, var(--lp-c5) 34%, transparent), transparent 74%);animation:26s ease-in-out infinite lp-drift}.lp-wash:after{background-image:radial-gradient(24rem 20rem at 12% 96%, color-mix(in oklab, var(--lp-c2) 40%, transparent), transparent 74%), radial-gradient(20rem 17rem at 40% 100%, color-mix(in oklab, var(--lp-c8) 34%, transparent), transparent 74%), radial-gradient(17rem 15rem at 4% 22%, color-mix(in oklab, var(--lp-c3) 26%, transparent), transparent 76%);animation:32s ease-in-out infinite reverse lp-drift}@keyframes lp-drift{0%,to{transform:translate(0,0)scale(1)}50%{transform:translate(-3rem,2rem)scale(1.14)}}.lp-mock{border-radius:var(--lp-r-xl);border:1px solid var(--lp-line);background:var(--lp-card);box-shadow:var(--lp-lift-xl);position:relative;overflow:hidden}.lp-mock-bar{border-bottom:1px solid var(--lp-line-2);background:var(--lp-paper-2);align-items:center;gap:.5rem;padding:.75rem 1rem;display:flex}.lp-round-sm{border-radius:var(--lp-r-sm)}.lp-round{border-radius:var(--lp-r-lg)}.lp-round-lg{border-radius:var(--lp-r-xl)}.lp-round-pill{border-radius:var(--lp-r-pill)}.lp .cloth-pick .cloth{border-radius:var(--lp-r-sm)}.lp-bar{transform-origin:bottom;border-radius:var(--lp-r-sm) var(--lp-r-sm) 0 0;background:var(--mod,var(--cloth));animation:lp-bars var(--lp-bar-d,3.4s) ease-in-out infinite;animation-delay:var(--lp-bar-at,0s)}.lp-stage-mark{border-radius:var(--lp-r-pill);background:var(--lp-line);animation:lp-stage 8s var(--ease-cloth) infinite backwards;animation-delay:var(--lp-stage-at,0s)}.lp-stage-mark-hollow{background:repeating-linear-gradient(90deg, var(--lp-line) 0 2px, transparent 2px 6px);animation:none}@keyframes lp-stage{0%,to{background-color:var(--lp-line)}12%,56%{background-color:var(--mod,var(--cloth))}72%{background-color:var(--lp-line)}}.lp-ring{border:2px solid var(--mod,var(--cloth));animation:lp-ring 2.6s var(--ease-cloth) infinite;border-radius:50%;position:absolute;inset:0}@keyframes lp-ring{0%{opacity:.7;transform:scale(.55)}to{opacity:0;transform:scale(2.4)}}.lp-float{animation:lp-float var(--lp-float-d,8s) ease-in-out infinite;animation-delay:var(--lp-float-at,0s)}@keyframes lp-float{0%,to{transform:translateY(-6px)}50%{transform:translateY(6px)}}.lp-pop{animation:lp-pop var(--lp-pop-d,14s) var(--ease-cloth) infinite backwards;animation-delay:var(--lp-pop-at,2s)}@keyframes lp-pop{0%,6%{opacity:0;transform:translateY(14px)scale(.9)}11%{opacity:1;transform:translateY(-3px)scale(1.03)}15%,84%{opacity:1;transform:none}90%,to{opacity:0;transform:translateY(-10px)scale(.97)}}.lp-wipe{animation:lp-wipe var(--lp-wipe-d,11s) var(--ease-cloth) infinite;animation-delay:var(--lp-wipe-at,2.4s)}@keyframes lp-wipe{0%,52%{clip-path:inset(0 100% 0 0)}70%,92%{clip-path:inset(0 -2% 0 0)}to{clip-path:inset(0 100% 0 0)}}.lp-blink{animation:1.15s step-end infinite lp-blink}@keyframes lp-blink{0%,46%{opacity:1}54%,to{opacity:0}}.lp-sweep{animation:lp-sweep var(--lp-sweep-d,6s) var(--ease-cloth) infinite;animation-delay:var(--lp-sweep-at,0s)}@keyframes lp-sweep{0%{transform:translate(-140%)}to{transform:translate(340%)}}.lp-draw{transform-origin:0;animation:lp-draw .9s var(--ease-cloth) both;animation-delay:var(--lp-draw-at,0s)}@keyframes lp-draw{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.lp-marquee{overflow:hidden;mask-image:linear-gradient(90deg,#0000,#000 6rem calc(100% - 6rem),#0000)}.lp-marquee-track{width:max-content;animation:lp-marquee var(--lp-marquee-d,52s) linear infinite;display:flex}.lp-marquee:hover .lp-marquee-track,.lp-marquee:focus-within .lp-marquee-track{animation-play-state:paused}@keyframes lp-marquee{0%{transform:translate(0,0)}to{transform:translate(-50%)}}.lp-swatch{border-radius:var(--lp-r-sm);background:var(--cloth);width:100%;height:3.25rem;transition:transform .24s var(--ease-cloth);display:block;box-shadow:inset 0 0 0 1px light-dark(oklch(0% 0 0/.1),oklch(100% 0 0/.14))}.lp-swatch:hover{transform:translateY(-6px)}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){.lp-in{animation:linear both lp-rise;animation-timeline:view();animation-range:entry entry 55%}}}@keyframes lp-rise{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}@supports (animation-timeline:scroll()){@media (prefers-reduced-motion:no-preference){.lp-nav{animation:linear both lp-nav-edge;animation-timeline:scroll(root);animation-range:0 96px}}}@keyframes lp-nav-edge{0%{box-shadow:none;border-bottom-color:#0000}to{border-bottom-color:var(--lp-line);box-shadow:0 12px 28px -24px color-mix(in oklab, var(--lp-ink) 60%, transparent)}}.lp-lift{transition:transform .24s var(--ease-cloth), box-shadow .24s var(--ease-cloth), border-color .24s var(--ease-cloth)}.lp-lift:hover{box-shadow:var(--lp-lift-lg);transform:translateY(-4px)}.lp-lift:active{transform:translateY(-1px)}.lp-underline{position:relative}.lp-underline:after{content:"";inset-inline:0;border-radius:var(--lp-r-pill);background:var(--cloth);transform-origin:0;height:2px;transition:transform .26s var(--ease-cloth);position:absolute;bottom:-3px;transform:scaleX(0)}.lp-underline:hover:after,.lp-underline:focus-visible:after{transform:scaleX(1)}@media (prefers-reduced-motion:reduce){.lp-cycle>*,.lp-marquee-track,.lp-float,.lp-bar,.lp-ring,.lp-stage-mark,.lp-pop,.lp-wipe,.lp-blink,.lp-sweep,.lp-draw,.lp-in,.lp-nav,.lp-wash:before,.lp-wash:after{animation:none!important}.lp-wipe{clip-path:none!important}.lp-blink{opacity:1!important}.lp-cycle>:nth-child(n+2){display:none}}
