html:has(.lp){scroll-padding-top:5.5rem}@media (prefers-reduced-motion:no-preference){html:has(.lp){scroll-behavior:smooth}}.lp{flex:1;position:relative;overflow-x:clip}.lp-wrap{width:100%;max-width:76rem;margin-inline:auto;padding-inline:22px}.lp-wrap-wide{width:100%;max-width:84rem;margin-inline:auto;padding-inline:16px}@media (min-width:37.5rem){.lp-wrap,.lp-wrap-wide{padding-inline:28px}}@media (min-width:67.5rem){.lp-wrap{padding-inline:52px}}.lp-section{margin-top:clamp(5rem,11vw,9.5rem)}.lp-anchor{display:block}.lp-display{font-family:var(--font-serif);letter-spacing:-.02em;text-wrap:balance;font-size:clamp(2.5rem,6.4vw,5.25rem);font-weight:400;line-height:1.02}.lp-h3{font-family:var(--font-serif);letter-spacing:-.015em;text-wrap:balance;font-size:clamp(2rem,3.6vw,3rem);font-weight:400;line-height:1.04}.lp-dek{text-wrap:pretty;font-size:clamp(1.0625rem,1.5vw,1.3125rem);line-height:1.45}.lp-hero .lp-dek{max-width:62rem}.lp-bar{z-index:20;background:var(--paper);border-bottom:var(--stroke) solid transparent;transition:border-color var(--t-expand) var(--ease);position:sticky;top:0}.lp[data-scrolled] .lp-bar{border-bottom-color:var(--line-structure)}.lp-hero{--d:min(56vw, calc(100svh - 17.5rem), 40rem);--from:16%}.lp-stage{width:calc(var(--d) * 1.62);height:var(--d);position:relative}.lp-ring,.lp-lens,.lp-orbit{width:var(--d);height:var(--d);position:absolute;top:0}.lp-ring{animation:lp-ring-in 1.3s var(--ease) both;overflow:visible}.lp-ring circle{fill:none;stroke:var(--accent);stroke-width:var(--ring-stroke);stroke-dasharray:1;transform-box:fill-box;transform-origin:50%;animation:lp-draw 1.2s var(--ease) both}.lp-ring-a{--shift:translateX(calc(var(--from) * -1));left:0}.lp-ring-a circle{transform:rotate(-52deg)}.lp-ring-b{--shift:translateX(var(--from));right:0}.lp-ring-b circle{transform:rotate(232deg)scaleY(-1)}.lp-lens{background:var(--accent-press);clip-path:circle(50% at -12%);animation:lp-fade .8s var(--ease) .9s both;border-radius:50%;right:0}.lp-orbit{--turn:16s;animation:lp-orbit var(--turn) linear 1.5s infinite both}.lp-orbit:after{content:"";background:var(--accent);width:11px;height:11px;animation:lp-fade .6s var(--ease) 1.3s both;border-radius:50%;margin:-5.5px;position:absolute;top:50%;left:100%}.lp-orbit-a{--start:-51.68deg;--sweep:360deg;left:0}.lp-orbit-b{--start:231.68deg;--sweep:-360deg;right:0}.lp[data-still] .lp-orbit{animation-play-state:paused}.lp-title{font-family:var(--font-serif);font-weight:400;font-size:calc(var(--d) * .168);letter-spacing:-.02em;white-space:nowrap;color:var(--ink);grid-template-columns:.62fr .38fr .62fr;place-items:center;line-height:1;display:grid;position:absolute;inset:0}.lp-title>span{animation:lp-rise .9s var(--ease) both}.lp-title>span:first-child{animation-delay:80ms}.lp-title>span:nth-child(2){color:var(--accent-ink);animation-delay:.76s}.lp-title>span:nth-child(3){animation-delay:.24s}@media not (min-width:37.5rem){.lp-hero{--d:min(78vw, calc((100svh - 19rem) / 1.62))}.lp-stage{width:var(--d);height:calc(var(--d) * 1.62)}.lp-ring-a{--shift:translateY(calc(var(--from) * -1));top:0;left:0}.lp-ring-a circle{transform:rotate(38deg)}.lp-ring-b{--shift:translateY(var(--from));inset:auto auto 0 0}.lp-ring-b circle{transform:rotate(-38deg)scaleY(-1)}.lp-lens{clip-path:circle(50% at 50% -12%);inset:auto auto 0 0}.lp-orbit-a{--start:38.32deg;--sweep:360deg;top:0;left:0}.lp-orbit-b{--start:-38.32deg;--sweep:-360deg;inset:auto auto 0 0}.lp-title{font-size:calc(var(--d) * .235);grid-template-rows:.62fr .38fr .62fr;grid-template-columns:1fr}}.lp-in{animation:lp-rise .8s var(--ease) var(--delay,0s) both}.lp-room-band{border-radius:var(--r-sheet);background:var(--paper-panel);margin:clamp(2.5rem,6vw,5rem) 8px 0;padding:22px 8px 8px}@media (min-width:37.5rem){.lp-room-band{margin-inline:28px;padding:40px 28px}.lp-room-side{padding-inline:0}.lp-room-grid{gap:22px}}@media (min-width:67.5rem){.lp-room-band{padding:28px 52px}}@media (min-width:67.5rem) and (min-height:50rem){.lp-room-band{padding-block:52px}}.lp-room-grid{gap:14px;max-width:72rem;margin-inline:auto;display:grid}.lp-room-side{padding-inline:14px}@media (min-width:67.5rem){.lp-room-grid{grid-template-columns:minmax(0,1fr) minmax(0,33rem);align-items:center;gap:52px}}.lp-say{font-family:var(--font-serif);letter-spacing:-.02em;text-wrap:balance;min-height:2.08em;font-size:clamp(2.25rem,5vw,4.25rem);font-weight:400;line-height:1.04}.lp-room{border:var(--stroke) solid var(--line-soft);border-radius:var(--r-dialog);background:var(--paper-raised);flex-direction:column;height:clamp(24rem,100svh - 13rem,37rem);display:flex;overflow:hidden}.lp-log{flex-direction:column;flex:1;justify-content:flex-end;min-height:0;padding:0 18px 14px;display:flex;overflow:hidden}@media (min-width:37.5rem){.lp-log{padding-inline:22px}}@media (min-width:67.5rem){.lp-room{height:clamp(27rem,100svh - 9.5rem,37rem)}}.lp-room-foot{align-items:center;gap:12px;min-height:5rem;padding-block:12px;display:flex}.lp-fold{opacity:0;visibility:hidden;transition:grid-template-rows .46s var(--ease), opacity .36s var(--ease) .1s, visibility 0s linear .46s;grid-template-rows:0fr;display:grid}.lp-fold>div{min-height:0;overflow:hidden}.lp-fold[data-on]{opacity:1;visibility:visible;transition:grid-template-rows .46s var(--ease), opacity .36s var(--ease) .1s, visibility 0s;grid-template-rows:1fr}.lp-swap{animation:lp-rise-s .36s var(--ease) both}.lp-ping{position:relative}.lp-ping:before{content:"";border-radius:inherit;border:var(--stroke) solid var(--accent);pointer-events:none;animation:lp-echo 1.8s var(--ease) 3;position:absolute;inset:0}.lp [data-reveal]{transition:opacity .8s var(--ease) var(--delay,0s), transform .8s var(--ease) var(--delay,0s)}.lp [data-reveal][data-wait]{opacity:0;transition:none;transform:translateY(26px)}.lp-ink{font-family:var(--font-serif);letter-spacing:-.02em;text-wrap:balance;max-width:15em;font-size:clamp(2.75rem,8vw,6.5rem);font-weight:400;line-height:1.03}.lp-ink span{opacity:clamp(.16, calc(var(--p,1) * (var(--n) + 2) - var(--i)), 1);transition:opacity .24s linear}.lp-step{border-bottom:var(--stroke) solid var(--line-soft);gap:26px;padding-block:34px;display:grid}.lp-step:last-child{border-bottom:0}@media (min-width:67.5rem){.lp-step{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:52px;padding-block:52px}}.lp-vignette{max-width:28rem}@media (min-width:67.5rem){.lp-vignette{margin-left:auto}}.lp-inverse{padding:34px 22px}@media (min-width:37.5rem){.lp-inverse{padding:52px 40px}}@media (min-width:67.5rem){.lp-inverse{padding:76px}}.lp-decisions{gap:28px;margin-top:36px;display:grid}@media (min-width:67.5rem){.lp-decisions{grid-template-columns:repeat(3,minmax(0,1fr));gap:40px;margin-top:52px}}.lp-uses{margin-top:16px;display:grid}@media (min-width:37.5rem){.lp-uses{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:28px}}.lp-use{border-radius:var(--r-card);transition:background-color var(--t-press) var(--ease);margin-inline:-14px;padding:22px 14px;display:block}.lp-use:hover{background:var(--hover-layer)}.lp-use:active{background:var(--press-layer)}.lp-names{font-family:var(--font-serif);color:var(--ink);flex-wrap:wrap;justify-content:center;gap:12px 34px;margin-top:26px;font-size:clamp(1.75rem,3.6vw,3rem);line-height:1.1;display:flex}.lp-names li{align-items:center;gap:12px;display:inline-flex}.lp-names span{transition:background-color .36s var(--ease) var(--delay,0s);background:var(--accent)}.lp [data-reveal][data-wait] .lp-names span{background:0 0}.lp-pair{width:5.25rem;height:3.25rem;display:block;position:relative}.lp-pair span{border:var(--ring-stroke) solid var(--accent);width:3.25rem;height:3.25rem;transition:transform 1.1s var(--ease) .24s;border-radius:50%;position:absolute;top:0}.lp-pair span:first-child{left:0}.lp-pair span:last-child{right:0}.lp [data-reveal][data-wait] .lp-pair span:first-child{transition:none;transform:translate(-2.5rem)}.lp [data-reveal][data-wait] .lp-pair span:last-child{transition:none;transform:translate(2.5rem)}.lp-foot{margin-top:clamp(5rem,11vw,9.5rem)}.lp-giant{font-family:var(--font-serif);text-align:center;letter-spacing:-.03em;-webkit-user-select:none;user-select:none;padding-block:.08em .14em;font-size:clamp(8rem,36vw,32rem);font-style:italic;font-weight:400;line-height:.82}@keyframes lp-ring-in{0%{transform:var(--shift)}to{transform:none}}@keyframes lp-draw{0%{stroke-dashoffset:1px}to{stroke-dashoffset:0}}@keyframes lp-orbit{0%{transform:rotate(var(--start))}to{transform:rotate(calc(var(--start) + var(--sweep)))}}@keyframes lp-fade{0%{opacity:0}to{opacity:1}}@keyframes lp-rise{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}@keyframes lp-rise-s{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes lp-echo{0%{opacity:.7;transform:scale(1)}to{opacity:0;transform:scale(1.14,1.42)}}@media (prefers-reduced-motion:reduce){.lp-ring,.lp-title>span,.lp-in,.lp-swap{animation:lp-fade .24s var(--ease) both}.lp-ring circle{stroke-dasharray:none;animation:none}.lp-lens{animation:lp-fade .24s var(--ease) both}.lp-orbit,.lp-ping:before{display:none}.lp-fold,.lp-fold[data-on]{transition:opacity .24s var(--ease), visibility 0s}.lp-fold[data-first]{opacity:1;visibility:visible;grid-template-rows:1fr}.lp [data-reveal][data-wait]{transform:none}.lp-pair span,.lp [data-reveal][data-wait] .lp-pair span:first-child,.lp [data-reveal][data-wait] .lp-pair span:last-child{transition:none;transform:none}}
