.lp{--lp-gutter:max(var(--cie-edge), env(safe-area-inset-left), env(safe-area-inset-right));--lp-wide:1180px;-webkit-tap-highlight-color:transparent;flex-direction:column;min-height:100dvh;display:flex;overflow-x:clip}.lp a,.lp button{touch-action:manipulation}@media (prefers-reduced-motion:no-preference){.lp .m-btn{transition:color var(--m-dur-fast) var(--m-ease), border-color var(--m-dur-fast) var(--m-ease), background-color var(--m-dur-fast) var(--m-ease), transform var(--m-dur-fast) var(--m-ease-out)}}.lp .m-btn:active:not(:disabled,[aria-disabled=true]){transform:scale(.97)}.lp-step-btn{-webkit-user-select:none;user-select:none}.lp-sr{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;position:absolute;overflow:hidden}.lp-header{width:100%;max-width:calc(var(--lp-wide) + 2 * var(--lp-gutter));min-height:calc(56px + env(safe-area-inset-top));padding:env(safe-area-inset-top) var(--lp-gutter) 0;justify-content:space-between;align-items:center;gap:8px;margin:0 auto;display:flex;position:relative}.lp-header:after{content:"";background:var(--m-line);pointer-events:none;width:100vw;height:1px;position:absolute;bottom:0;left:50%;transform:translate(-50%)}@media (min-width:768px){.lp-header{min-height:calc(72px + env(safe-area-inset-top))}}.lp-wordmark{text-decoration:none}.lp-nav{align-items:center;gap:4px;display:flex}.lp-navlink{min-height:var(--m-tap);color:var(--cie-ink);transition:color var(--m-dur-fast) var(--m-ease);align-items:center;padding:0 12px;font-size:15px;font-weight:500;text-decoration:none;display:inline-flex}@media (hover:hover) and (pointer:fine){.lp-navlink:hover{color:var(--m-accent-text)}}@media (min-width:768px){.lp-nav{gap:16px}}.lp-login{padding-inline:18px}@media (max-width:359px){.lp-navlink{padding-inline:8px}}.lp-hero{text-align:center;padding:32px var(--lp-gutter) 0;justify-items:center;display:grid}.lp-title{max-width:22ch;font-family:var(--m-display);letter-spacing:-.025em;text-wrap:balance;color:var(--cie-ink);font-size:clamp(44px,5vw + 20px,96px);font-weight:400;line-height:1}.lp-keep{white-space:nowrap}.lp-lead{max-width:44ch;color:var(--cie-paper-mute);text-wrap:pretty;margin-top:20px;font-size:clamp(17px,.4vw + 15.5px,18px);line-height:1.55}.lp-actions{flex-direction:column;gap:12px;width:100%;max-width:360px;margin-top:28px;display:flex}.lp-actions .m-btn{width:100%}@media (max-width:559px){.lp-hero .lp-secondary{display:none}}.lp-note{color:var(--cie-paper-mute);margin-top:14px;font-size:14px}@media (min-width:560px){.lp-hero{padding-top:56px}.lp-actions{flex-direction:row;justify-content:center;width:auto;max-width:none}.lp-actions .m-btn{width:auto}}.lp-lineup{margin-top:40px}.lp-show{--lp-len:min(79vw, 400px, (100svh - 96px) * 393 / 852);position:relative}.lp-probe{width:var(--lp-len);visibility:hidden;pointer-events:none;height:0;position:absolute;top:0;left:0}.lp-fp.fp{--fp-radius:var(--m-radius-device);--fp-k:var(--lp-k)}.lp-slide{width:var(--lp-w);justify-items:center;gap:18px;display:grid;position:relative}.lp-slide__card{width:100%}.lp-slide__cap{text-align:center;flex-wrap:wrap;justify-content:center;align-items:baseline;gap:2px 8px;max-width:100%;padding-inline:8px;display:flex}.lp-slide__who{color:var(--cie-ink);font-size:15px;line-height:1.25}.lp-slide__format{color:var(--cie-paper-mute);font-size:14px;line-height:1.25}.lp-sep{color:var(--cie-paper-mute)}.lp-pick{color:var(--cie-ink);-webkit-tap-highlight-color:transparent;font-size:16px;font-weight:500;line-height:1.25;text-decoration:none}.lp-pick:after{content:"";z-index:1;border-radius:calc(var(--m-radius-device) + 6px);position:absolute;inset:-6px}.lp-pick:focus-visible{outline:none}.lp-pick:focus-visible:after{outline:2px solid var(--m-accent);outline-offset:2px}@media (hover:hover) and (pointer:fine){.lp-slide[data-pos="0"] .lp-pick:hover{text-underline-offset:4px;text-decoration:underline;text-decoration-thickness:2px}}.lp-track{--lp-k:calc(tan(atan2(var(--lp-len), 393px)));--lp-w:calc(393px * var(--lp-k));--lp-gap:8px;gap:var(--lp-gap);padding:8px calc(50% - var(--lp-w) / 2) 36px;scroll-snap-type:x mandatory;scroll-padding-inline:calc(50% - var(--lp-w) / 2);overscroll-behavior-x:contain;scrollbar-width:none;margin:0;display:flex;overflow-x:auto}.lp-track::-webkit-scrollbar{display:none}.lp-track>.lp-slide{scroll-snap-align:center;content-visibility:auto;contain-intrinsic-size:auto var(--lp-w) calc(var(--lp-w) * 852 / 393 + 60px);flex:none}@media (max-width:899px){.lp-track>.lp-slide[data-lead]{scroll-initial-target:nearest}}.lp-track>.lp-slide:not([data-pos="0"]) .lp-slide__card{opacity:.88;transform:scale(.92)}.lp-track>.lp-slide[data-pos^=\-] .lp-slide__card{transform-origin:100%}.lp-track>.lp-slide:not([data-pos^=\-]) .lp-slide__card{transform-origin:0}@media (prefers-reduced-motion:no-preference){.lp-track>.lp-slide .lp-slide__card{transition:transform var(--m-dur) var(--m-ease-out), opacity var(--m-dur) var(--m-ease-out)}}.lp-track>.lp-slide[data-pos="0"]:has(.lp-pick:active) .lp-slide__card{transform:scale(.98)}.lp-nav2{justify-content:center;align-items:center;gap:8px;margin-top:4px;display:flex}.lp-step-btn{width:var(--m-tap);padding:0}.lp-step-btn:disabled{color:var(--cie-paper-mute);border-color:var(--m-line);cursor:default}.lp-count{text-align:center;font-variant-numeric:tabular-nums;min-width:64px;color:var(--cie-paper-mute);font-size:15px}.lp-count__now{color:var(--cie-ink);font-weight:500}.lp-count__sep{margin-inline:6px}.lp-play{display:none}.lp-example{padding-inline:var(--lp-gutter);text-align:center;color:var(--cie-paper-mute);margin-top:20px;font-size:14px}.lp-all{padding-inline:var(--lp-gutter);justify-content:center;margin-top:16px;display:flex}@media (min-width:900px){.lp-lineup{margin-top:56px}.lp-show{--lp-len:clamp(340px, 29vw, 420px)}.lp-track{--lp-gap:clamp(14px, 1.4vw, 24px);--lp-s1:.88;--lp-s2:.76;--lp-x1:calc(var(--lp-w) * (.5 + var(--lp-s1) / 2) + var(--lp-gap));--lp-tuck:calc(var(--lp-x1) + var(--lp-w) * var(--lp-s1) / 2);--lp-x2:max(var(--lp-tuck), min(calc(50vw - var(--lp-w) * var(--lp-s2) / 10), calc(var(--lp-tuck) + var(--lp-w) * var(--lp-s2) * .3)));--lp-x3:calc(var(--lp-x2) + var(--lp-w) * var(--lp-s2));--lp-t1:8deg;--lp-t2:9deg;scroll-snap-type:none;perspective:1400px;perspective-origin:50% 40%;touch-action:pan-y;grid-template-areas:"slide";justify-content:center;align-items:start;padding:8px 0 36px;display:grid;overflow:visible}.lp-track>.lp-slide{content-visibility:visible;z-index:3;transform-origin:50% calc(var(--lp-w) * 426 / 393);grid-area:slide}.lp-track>.lp-slide:not([data-pos="0"]) .lp-slide__card{opacity:1;transform:none}.lp-slide[data-pos="1"],.lp-slide[data-pos="-1"]{z-index:2}.lp-slide[data-pos="2"],.lp-slide[data-pos="-2"]{z-index:1;opacity:.85}.lp-slide:is([data-pos="2"],[data-pos="-2"]) :is(.lp-slide__format,.lp-sep){color:color-mix(in srgb, var(--cie-paper-mute) 70%, var(--cie-ink))}.lp-slide[data-pos="3"],.lp-slide[data-pos="-3"]{z-index:0;opacity:0;visibility:hidden}.lp-slide[data-pos="1"]{transform:translateX(var(--lp-x1)) rotateY(calc(-1 * var(--lp-t1))) scale(var(--lp-s1))}.lp-slide[data-pos="-1"]{transform:translateX(calc(-1 * var(--lp-x1))) rotateY(var(--lp-t1)) scale(var(--lp-s1))}.lp-slide[data-pos="2"]{transform:translateX(var(--lp-x2)) rotateY(calc(-1 * var(--lp-t2))) scale(var(--lp-s2))}.lp-slide[data-pos="-2"]{transform:translateX(calc(-1 * var(--lp-x2))) rotateY(var(--lp-t2)) scale(var(--lp-s2))}.lp-slide[data-pos="3"]{transform:translateX(var(--lp-x3)) rotateY(calc(-1 * var(--lp-t2))) scale(var(--lp-s2))}.lp-slide[data-pos="-3"]{transform:translateX(calc(-1 * var(--lp-x3))) rotateY(var(--lp-t2)) scale(var(--lp-s2))}.lp-show:before,.lp-show:after{content:"";z-index:4;pointer-events:none;width:clamp(24px,4vw,64px);position:absolute;top:0;bottom:0}.lp-show:before{background:linear-gradient(90deg, var(--cie-paper), color-mix(in srgb, var(--cie-paper) 0%, transparent));left:0}.lp-show:after{background:linear-gradient(270deg, var(--cie-paper), color-mix(in srgb, var(--cie-paper) 0%, transparent));right:0}.lp-slide:not([data-pos="0"]) .lp-fp.fp{--fp-shadow:var(--m-shadow-soft)}.lp-slide[data-pos="0"] .lp-fp.fp{--fp-shadow:var(--m-shadow-lift)}@media (prefers-reduced-motion:no-preference){.lp-track>.lp-slide{will-change:transform, opacity;transition:transform var(--m-dur-glide) var(--m-ease-out), opacity var(--m-dur-glide) var(--m-ease-out), visibility 0s linear}.lp-track>.lp-slide:is([data-pos="3"],[data-pos="-3"]){transition:transform var(--m-dur-glide) var(--m-ease-out), opacity var(--m-dur-glide) var(--m-ease-out), visibility 0s linear var(--m-dur-glide)}.lp-track>.lp-slide[data-wrap]{transition:none}.lp-play{display:inline-flex}}@media (prefers-reduced-motion:reduce){.lp-track{--lp-t1:0deg;--lp-t2:0deg}}}@media (prefers-reduced-motion:no-preference){.lp-show{animation:lp-rise .72s var(--m-ease-out) both}}@keyframes lp-rise{0%{opacity:0;transform:translateY(24px)}}.lp-how,.lp-end{width:100%;max-width:calc(var(--lp-wide) + 2 * var(--lp-gutter));padding-inline:var(--lp-gutter);margin:96px auto 0}.lp-how .lp-h2{text-align:center}.lp-h2{font-family:var(--m-display);letter-spacing:-.02em;color:var(--cie-ink);text-wrap:balance;font-size:clamp(34px,3vw + 20px,60px);font-weight:400;line-height:1.05}.lp-steps{gap:32px;margin:32px 0 0;padding:0;list-style:none;display:grid}.lp-step{border-top:1px solid var(--m-line);align-content:start;gap:8px;padding-top:20px;display:grid}.lp-step__n{font-variant-numeric:tabular-nums;color:var(--cie-paper-mute);margin-right:10px}.lp-step__title{letter-spacing:0;color:var(--cie-ink);font-size:20px;font-weight:500;line-height:1.3}.lp-step__text{max-width:36ch;color:var(--cie-paper-mute);font-size:16px;line-height:1.6}@media (min-width:768px){.lp-steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:40px}}.lp-end{text-align:center;justify-items:center;display:grid}.lp-end .lp-actions{margin-top:28px}@media (min-width:1024px){.lp-how,.lp-end{margin-top:136px}}.lp .lp-footer{margin-top:96px}
