.hl{--hl-card:var(--washi);--hl-edge:#1a181547;--hl-b:1rem;--hl-n:max(8px, calc(var(--hl-b) * .5));--hl-d:max(10px, calc(var(--hl-b) * .625));font-size:var(--hl-b);color:var(--sumi);width:100%;min-width:0;margin:0;display:grid}.hl ul{margin:0;padding:0;list-style:none}.hl p{margin:0}.hl__cap{letter-spacing:.01em;color:var(--dark-32);font-size:round(down,.8125em,1px);font-weight:500;line-height:1.25}.hl__chips{gap:.5em;display:grid}.hl__chip{--tick:var(--tsuki);border:1px solid var(--hl-edge);background:var(--hl-card);min-height:3.75em;box-shadow:var(--depth-1);border-radius:4px;align-content:center;gap:.3em;padding:.5em .8em .5em 1em;display:grid;position:relative}.hl__chip:before{width:max(4px, calc(var(--hl-b) * .2));background:var(--tick);content:"";border-radius:3px 0 0 3px;position:absolute;inset:0 auto 0 0}.hl__chip:nth-child(3n+2){--tick:var(--matsu)}.hl__chip:nth-child(3n){--tick:var(--murasaki)}.hl__name{flex-wrap:wrap;align-items:baseline;gap:0 .6em;min-width:0;font-size:round(down,.8125em,1px);font-weight:600;line-height:1.2;display:flex}.hl__where{color:var(--dark-32);font-variant-numeric:tabular-nums;white-space:nowrap;font-weight:500}.hl__month{color:var(--dark-32);font-variant-numeric:tabular-nums;white-space:nowrap;font-weight:500;display:none}.hl__text{color:var(--sumi);overflow-wrap:anywhere;font-size:round(down,.8125em,1px);font-weight:400;line-height:1.25}.hl__bar{background:var(--light-16);border-radius:3px;height:5px;display:block}.hl__bar--short{width:62%}.hl__chip:after,.hl__card:before,.hl__card:after,.hl__tag:before{z-index:1;box-sizing:border-box;width:var(--hl-n);height:var(--hl-n);border:2px solid var(--tsuki);background:var(--hl-card);content:"";pointer-events:none;border-radius:4px;position:absolute}.hl__card:before,.hl__card:after{background:var(--tsuki)}.hl__chip:after{bottom:calc(var(--hl-n) * -.625);left:50%;translate:-50%}.hl__card:before{top:calc(var(--hl-n) * -1);left:50%;translate:-50%}.hl__card:after{bottom:calc(var(--hl-n) * -.6875);left:50%;translate:-50%}.hl__tag{position:relative}.hl__tag:before{top:calc(var(--hl-n) * -.625);left:50%;translate:-50%}.hl__lines{width:100%;filter:var(--depth-drop-1);display:block;overflow:visible}.hl .hl__lines--v,.hl .hl__fan{width:calc(100% + .5em);margin-inline:-.25em}.hl__path{fill:none;stroke:var(--tsuki);stroke-width:max(2px, calc(var(--hl-b) * .1));stroke-linecap:round;stroke-dasharray:none}.hl__card{border:1px solid var(--sumi);border-top:max(4px, calc(var(--hl-b) * .2)) solid var(--tsuki);background:var(--hl-card);box-shadow:var(--depth-3);border-radius:4px;gap:1em;padding:1.1em 1.25em 1.25em;display:grid;position:relative}.hl__head{justify-content:space-between;align-items:baseline;gap:.75em;display:flex}@media (min-width:561px){.hl__head{border-bottom:1px solid var(--light-16);padding-bottom:.7em}}.hl__title{white-space:nowrap;letter-spacing:-.03em;font-size:round(1.5em,1px);font-weight:600;line-height:1.1}.hl__order{white-space:nowrap;color:var(--dark-32);font-size:round(down,.8125em,1px);font-weight:500}.hl__story{gap:.7em;margin:0;padding:0;list-style:none;display:grid;position:relative}.hl__story:before{top:.5em;bottom:.5em;left:calc(var(--hl-d) / 2 - 1px);background:var(--tsuki);content:"";width:2px;position:absolute}.hl__story li{align-items:center;gap:.9em;min-height:1.25em;font-size:round(down,.8125em,1px);line-height:1.25;display:flex;position:relative}.hl__story i{width:var(--hl-d);height:var(--hl-d);border:2px solid var(--sumi);background:var(--hl-card);border-radius:4px;flex:none;position:relative}.hl__story li[data-state=settled] i{border-color:var(--tsuki);background:var(--tsuki)}.hl__story li[data-state=contested] i{border-color:var(--shu)}.hl__story li[data-state=stale] i{border-color:var(--light-32)}.hl__date{width:3.4em;color:var(--dark-32);font-variant-numeric:tabular-nums;white-space:nowrap;flex:none;font-weight:500}.hl__line{min-width:0;color:var(--sumi);overflow-wrap:anywhere;font-weight:500;position:relative}.hl__story li:last-child .hl__line{font-weight:600}.hl__story li[data-state=stale] .hl__line{color:var(--dark-32);font-weight:400}.hl__story li[data-state=stale] .hl__line:after{background:var(--dark-32);transform-origin:0;content:"";height:1px;position:absolute;top:55%;left:0;right:0}.hl__now{border-top:1px solid var(--light-16);align-items:center;gap:.6em;padding-top:.7em;font-size:round(down,.8125em,1px);font-weight:600;line-height:1.25;display:flex}.hl__now i{width:var(--hl-d);height:var(--hl-d);background:var(--tsuki);border-radius:4px;flex:none}.hl__now span{color:var(--dark-32);font-weight:500}.hl__now strong{color:var(--sumi);font-weight:600}.hl__users{display:grid}.hl__fan{width:100%;height:2.5em;filter:var(--depth-drop-1);display:block;overflow:visible}.hl__tags{grid-template-columns:repeat(3,minmax(0,1fr));gap:.5em;display:grid}.hl__tag{border:1px solid var(--hl-edge);background:var(--hl-card);min-height:2.5em;box-shadow:var(--depth-1);border-radius:4px;justify-content:center;align-items:center;gap:.5em;font-size:round(down,.8125em,1px);font-weight:600;display:flex}.hl__icon{background:var(--sumi);border-radius:4px;flex:none;width:.75em;height:.75em}.hl__tag[data-kind=agent] .hl__icon{background:var(--tsuki);border-radius:2px;transform:rotate(45deg)scale(.85)}.hl p.hl__cap--to{text-align:center;margin-top:1.25em}.hl{grid-template-columns:minmax(0,1fr);max-width:30rem}.hl__lines--h{display:none}.hl__lines--v{height:3.5em}.hl__cap:not(.hl__cap--to){margin-bottom:.6em}.hl__chips{grid-template-columns:repeat(3,minmax(0,1fr));gap:.5em}.hl__chip:nth-child(n+4){display:none}.hl__chip{min-height:3.75em;padding-left:.85em}.hl__out{display:grid}@media (min-width:561px) and (max-width:899px){.hl{max-width:40rem}.hl__chip .hl__text,.hl__chip .hl__where{display:none}.hl__chip .hl__month{display:inline}}@media (min-width:900px){.hl{grid-template-rows:2em 16em auto;grid-template-columns:minmax(0,1fr) 10% minmax(0,1.2fr);max-width:none;height:auto}.hl__src{flex-direction:column;grid-area:1/1/3;justify-content:flex-end;min-width:0;display:flex}.hl__cap:not(.hl__cap--to){white-space:nowrap;margin:0 0 .75em}.hl__chips{grid-template-rows:repeat(3,3.75em);grid-template-columns:minmax(0,1fr);align-content:end;gap:1em;padding-block:0}.hl__chip:nth-child(n+4){display:grid}.hl__chip{align-self:center;width:100%;height:3.75em;min-height:0;margin-left:auto}.hl__lines--h{grid-area:2/2;height:100%;display:block}.hl__chip:after{top:50%;right:calc(var(--hl-n) * -.625);bottom:auto;left:auto;translate:0 -50%}.hl__card:before{top:calc(50% - var(--hl-n) * .15625);left:calc(var(--hl-n) * -.6875);translate:0 -50%}.hl__lines--v{display:none}.hl__out{grid-area:2/3/4;grid-template-rows:16em auto;grid-template-columns:minmax(0,1fr);min-width:0}.hl__card{align-content:center;align-self:end;gap:.85em;height:13.25em;margin-bottom:0}.hl{--hl-col:min(100cqi, 44rem);--hl-b:max(16px, round(down, min(calc((var(--hl-col) - 34px) / 34.6), var(--hc-b-h,99rem)), 1px))}}@media (min-width:1180px){.hl{--hl-col:clamp(56cqi, calc(56cqi + (100vw - 1920px) * .164), 62cqi)}}@property --hl-a{syntax:"<number>";inherits:false;initial-value:1}@media (prefers-reduced-motion:no-preference){.hl{--hl-rise:8px;--t0:.12s}@media (max-width:1179px){.hl{--t0:.24s}}.hl__cap:not(.hl__cap--to){animation:hl-rise var(--m-2) var(--m-ease) calc(var(--t0) - 60ms) backwards}.hl__chip{animation:hl-rise var(--m-2) var(--m-ease) calc(var(--t0) + var(--i,0) * 60ms) backwards}.hl__bar{transform-origin:0;animation:hl-bar var(--m-2) var(--m-ease) calc(var(--t0) + .12s + var(--i,0) * 60ms) backwards}.hl__chip:after,.hl__tag:before,.hl__story i:not(:last-child){-webkit-mask-image:conic-gradient(from var(--hl-from,0deg), #000 calc(var(--hl-a) * 370deg), transparent 0);-webkit-mask-image:conic-gradient(from var(--hl-from,0deg), #000 calc(var(--hl-a) * 370deg), transparent 0);mask-image:conic-gradient(from var(--hl-from,0deg), #000 calc(var(--hl-a) * 370deg), transparent 0)}.hl__chip:after{--hl-from:180deg;animation:hl-ring var(--m-1) var(--m-ease) calc(var(--t0) + 80ms + var(--i,0) * 60ms) backwards}@media (min-width:900px){.hl__chip:after{--hl-from:90deg}}.hl__path{animation:hl-draw-y var(--m-3) var(--m-ease) calc(var(--t0) + .14s + var(--i,0) * 60ms) backwards}.hl__card:before{animation:hl-pop var(--m-1) var(--m-ease) calc(var(--t0) + .58s) backwards}.hl__card{animation:hl-receive var(--m-2) var(--m-ease) calc(var(--t0) + .58s) backwards}.hl__card:after{animation:hl-depth var(--m-3) var(--m-ease) calc(var(--t0) + .58s) backwards}.hl__head{animation:hl-rise var(--m-2) var(--m-ease) calc(var(--t0) + .64s) backwards}.hl__story:before{transform-origin:top;animation:hl-rail var(--m-3) var(--m-ease) calc(var(--t0) + .6s) backwards}.hl__story i{--hl-from:0deg;animation:hl-ring var(--m-1) var(--m-ease) calc(var(--t0) + .6s + var(--kd,0s)) backwards}.hl__story .hl__date,.hl__story .hl__line{animation:hl-rise var(--m-2) var(--m-ease) calc(var(--t0) + .64s + var(--kd,0s)) backwards}.hl__story li[data-state=stale] .hl__line:after{animation:hl-bar var(--m-2) var(--m-ease) calc(var(--t0) + 1.12s) backwards}.hl__now{animation:hl-rise var(--m-2) var(--m-ease) calc(var(--t0) + 1s) backwards}.hl__text{animation:hl-rise var(--m-2) var(--m-ease) calc(var(--t0) + 60ms + var(--i,0) * 60ms) backwards}.hl__story li:nth-child(2){--kd:50ms}.hl__story li:nth-child(3){--kd:.3s}.hl__story li:last-child i{animation:hl-pop var(--m-1) var(--m-ease) calc(var(--t0) + .9s) backwards, hl-ping var(--m-3) var(--m-ease) calc(var(--t0) + 1.12s) backwards}.hl__story li:last-child .hl__line{animation-delay:calc(var(--t0) + .94s)}.hl__users:before{animation:hl-pop var(--m-1) var(--m-ease) calc(var(--t0) + .96s) backwards}.hl__path--fan{animation-delay:calc(var(--t0) + 1s + var(--i,0) * 60ms)}.hl__tag{animation:hl-rise var(--m-2) var(--m-ease) calc(var(--t0) + 1.3s + var(--i,0) * 60ms) backwards}.hl__tag:before{--hl-from:0deg;animation:hl-ring var(--m-1) var(--m-ease) calc(var(--t0) + 1.4s + var(--i,0) * 60ms) backwards}.hl__cap--to{animation:hl-rise var(--m-2) var(--m-ease) calc(var(--t0) + 1.5s) backwards}@keyframes hl-ring{0%{--hl-a:0}to{--hl-a:1}}@keyframes hl-pop{0%{scale:0}60%{scale:1.2}to{scale:1}}@keyframes hl-depth{0%{opacity:0}to{opacity:1}}.hl__path{stroke-dasharray:none}.hl__lines--h .hl__path{animation-name:hl-draw-x}@keyframes hl-draw-x{0%{clip-path:inset(-4px 100% -4px -4px)}to{clip-path:inset(-4px)}}.hl__lines--v .hl__path,.hl__fan .hl__path{animation-name:hl-draw-y}@keyframes hl-draw-y{0%{clip-path:inset(-4px -4px 100%)}to{clip-path:inset(-4px)}}@keyframes hl-rise{0%{transform:translateY(var(--hl-rise))}to{transform:none}}@keyframes hl-bar{0%{transform:scaleX(0)}to{transform:none}}@keyframes hl-rail{0%{transform:scaleY(0)}to{transform:none}}@keyframes hl-receive{0%{transform:translateY(6px)scale(.992)}to{transform:none}}@keyframes hl-ping{0%,to{transform:none}40%{transform:scale(1.5)}}}@media (max-width:560px){.hl__card{gap:.75em;padding:.9em 1.1em 1em}.hl{max-width:none}.hl__cap:not(.hl__cap--to){margin-bottom:10px}.hl__chip{height:40px;min-height:0;box-shadow:var(--depth-1);align-content:center;padding-block:0}.hl__chip .hl__bar,.hl__chip .hl__where{display:none}.hl__chip .hl__month{display:inline}.hl__name{gap:.45em}.hl__lines--v{height:2.25em}.hl__fan{height:2em}.hl__card{box-shadow:var(--depth-3);gap:.9em;padding:1.1em 1.25em 1.2em}.hl__story{gap:.7em}.hl__tag{box-shadow:var(--depth-1)}.hl p.hl__cap--to{margin-top:16px}}.hl .hl__card{box-shadow:none;isolation:isolate}.hl .hl__card:after{width:auto;height:auto;box-shadow:var(--depth-3);z-index:-1;background:0 0;border:0;border-radius:4px;inset:0;translate:none}.hl__users{position:relative}.hl__users:before{z-index:1;top:calc(var(--hl-n) * -.3125);box-sizing:border-box;width:var(--hl-n);height:var(--hl-n);border:2px solid var(--tsuki);background:var(--tsuki);content:"";pointer-events:none;border-radius:4px;position:absolute;left:50%;translate:-50%}@media (max-width:560px){.hl__chips{grid-template-columns:minmax(0,1fr);gap:5px}.hl__chip{flex-wrap:wrap;align-content:center;align-items:baseline;gap:0 .7em;height:auto;min-height:32px;padding:6px 12px 6px 16px;display:flex}.hl__chip:after{display:none}.hl__name{flex-wrap:nowrap;flex:none;gap:.45em}.hl__text{min-width:0}.hl__lines--v{display:none}.hl__out{margin-top:16px;position:relative}.hl__out:before{z-index:0;width:max(2px, calc(var(--hl-b) * .1));background:var(--tsuki);content:"";height:16px;margin-left:-1px;position:absolute;top:-16px;left:50%}.hl__card:before{top:calc(var(--hl-n) * -.5)}}
.hc{padding:24px 0;position:relative}.hc__grid{max-width:var(--max);padding-inline:var(--gutter);grid-template-columns:minmax(0,1fr);align-items:start;row-gap:20px;margin-inline:auto;display:grid}.hc__head{gap:20px;display:grid}.hc__eyebrow{color:var(--dark-32);font-size:var(--type-data);letter-spacing:.01em;align-items:center;gap:12px;margin:0;font-weight:600;line-height:20px;display:inline-flex}.hc__eyebrow:before{background:var(--tsuki);content:"";flex:none;width:8px;height:8px}.hc__eyebrow{color:var(--sumi);font-size:var(--type-body);letter-spacing:0;text-wrap:balance;align-items:flex-start;font-weight:500;line-height:24px}.hc__eyebrow:before{margin-top:8px}@media (max-width:560px){.hc__eyebrow{line-height:22px}.hc__eyebrow:before{margin-top:7px}}.hc__mark{color:var(--sumi);font-weight:500}.hc__nb{white-space:nowrap}.hc__title{font-size:var(--type-display);letter-spacing:var(--tracking-hero);text-wrap:balance;margin:0;font-weight:600;line-height:.96}.hc__copy{align-content:start;display:grid}.hc__line{max-width:21.55em;color:var(--dark-16);font-size:var(--type-lede);letter-spacing:-.012em;text-wrap:pretty;margin:0;font-weight:400;line-height:1.4}.hc__actions{flex-wrap:wrap;gap:12px;margin-top:8px;display:flex}.hc__actions .button{gap:10px;min-height:52px;padding:0 24px 0 26px;font-size:1rem;font-weight:500}.hc__actions .button--secondary{border-color:var(--sumi)}.hc__grid>.hl{margin-top:12px}.hc__proof{font-size:var(--type-small);line-height:var(--leading-small);margin-top:0;display:flex}.hc__proof-link{min-width:0;color:var(--sumi);flex-wrap:wrap;align-items:baseline;gap:2px 20px;margin-block:-12px;padding-block:12px;text-decoration:none;display:flex;position:relative}.hc__proof-fig{white-space:nowrap;align-items:baseline;gap:6px;display:inline-flex}.hc__proof-fig--with{white-space:normal;min-width:0}.hc__proof-fig--with strong{white-space:nowrap}.hc__proof-fig:before{background:var(--tsuki);content:"";flex:none;align-self:center;width:8px;height:8px;margin-right:2px}.hc__proof-fig--without:before{background:var(--dark-32)}.hc__proof-fig strong{font-variant-numeric:tabular-nums;letter-spacing:-.01em;font-weight:600}.hc__proof-fig--without strong{color:var(--dark-32)}.hc__proof-label{color:var(--dark-32);font-weight:400}.hc__proof-more{font-weight:500;position:relative}.hc__proof-more>span[aria-hidden=true]{transition:translate var(--m-2) var(--m-ease);margin-left:6px;display:inline-block}.hc__proof-more:after{content:"";transform-origin:100%;height:1px;transition:transform var(--m-2) var(--m-ease);background:currentColor;position:absolute;bottom:-.22em;left:0;right:0;transform:scaleX(0)}.hc__proof-link:focus-visible .hc__proof-more:after{transform-origin:0;transition-duration:var(--hover-in);transform:scaleX(1)}.hc__proof-link:focus-visible .hc__proof-more>span[aria-hidden=true]{transition-duration:var(--hover-in);translate:2px -2px}@media (hover:hover) and (pointer:fine){.hc__proof-link:hover .hc__proof-more:after{transform-origin:0;transition-duration:var(--hover-in);transform:scaleX(1)}.hc__proof-link:hover .hc__proof-more>span[aria-hidden=true]{transition-duration:var(--hover-in);translate:2px -2px}}@media (min-width:561px){.hc{padding:40px 0 32px}.hc__grid{row-gap:24px}.hc__title{font-size:4rem}.hc__line{font-size:1.25rem;line-height:1.5}}@media (min-width:900px){.hc__grid{container-type:inline-size}#top.hc>.hc__grid>.hl{width:100%;max-width:44rem;margin-top:calc(var(--hl-b) * -2)}}@media (min-width:1180px){#top.hc{--hc-h1-h:calc((100svh - 109px - clamp(28px, 6svh, 72px) - 2 * clamp(24px, 4svh, 56px)) / 6.62);--hc-b-h:calc(var(--hc-h1-h) * .2107);--hc-fig-col:clamp(56%, calc(56% + (100vw - 1920px) * .164), 62%);min-height:calc(100svh - var(--header-height) - 1px);align-items:center;padding-block:clamp(24px,4svh,56px);display:grid}#top.hc>.hc__grid{grid-template-columns:minmax(0, 1fr) minmax(0, var(--hc-fig-col));grid-template-rows:auto auto auto 1fr;grid-template-areas:"head head""copy fig""actions fig""proof fig";align-items:start;gap:0 clamp(48px,4vw,96px);width:100%}#top.hc .hc__head{grid-area:head;margin-bottom:clamp(28px,6svh,72px)}#top.hc .hc__copy{grid-area:copy}#top.hc .hc__actions{grid-area:actions;margin-top:28px}#top.hc .hc__proof{grid-area:proof;margin-top:24px}#top.hc>.hc__grid>.hl{max-width:calc(var(--hl-b) * 40);margin-top:calc(var(--hl-b) * -3);grid-area:fig;place-self:start end}#top.hc .hc__line{max-width:22.2em;font-size:1.375rem;line-height:1.5}}@media (min-width:1600px){#top.hc .hc__line{font-size:var(--type-title)}}@media (min-width:1920px){.hc__actions .button{min-height:60px;padding:0 30px 0 32px;font-size:1.125rem}}@media (max-width:560px){.hc{padding:16px 0 24px}.hc__grid{row-gap:16px}.hc__head{gap:8px}.hc__title{font-size:round(clamp(2.25rem,4.68vw + 17.748px,2.75rem),1px)}.hc__line{max-width:none;font-size:var(--type-lede);letter-spacing:-.012em;line-height:24px}.hc__actions{gap:8px}.hc__actions .button{flex:1 1 0;justify-content:center;min-width:max-content;min-height:46px;padding:0 14px}}@media (max-width:359px){.hc__actions{flex-wrap:nowrap}.hc__actions .button{min-width:0;padding:0 8px;font-size:.9375rem}.hc__actions .button__arrow,.hc__actions .button__ink-in[data-arrow]:after{display:none}}.hc__head{container-type:inline-size}.hc__l{display:block}.hc__l--muted{color:var(--dark-32)}@media (min-width:561px){#top.hc .hc__title{font-size:round(clamp(2.75rem,8cqi,9rem),1px)}}@media (min-width:1180px){#top.hc .hc__title{font-size:round(clamp(3.5rem, min(8cqi, var(--hc-h1-h,99rem)), 9rem), 1px)}}@media (min-width:561px){.hc__l{white-space:nowrap}}@media (max-width:560px){.hc__l{text-wrap:balance}}@media (prefers-reduced-motion:no-preference){.hc{--hc-rise:var(--m-rise)}.hc__eyebrow{animation:hc-rise var(--m-2) var(--m-ease) backwards}.hc__eyebrow:before{animation:hc-tick var(--m-1) var(--m-ease) backwards}.hc__l{animation:hc-rise var(--m-2) var(--m-ease) 60ms backwards}.hc__l:nth-child(2){--hc-rise:calc(var(--m-rise) * 1.25);animation-delay:.12s}.hc__copy{animation:hc-rise var(--m-2) var(--m-ease) .18s backwards}.hc__actions{animation:hc-rise var(--m-2) var(--m-ease) .24s backwards}.hc__proof{animation:hc-rise var(--m-2) var(--m-ease) .3s backwards}@keyframes hc-rise{0%{transform:translateY(var(--hc-rise))}to{transform:none}}@keyframes hc-tick{0%{scale:0}to{scale:1}}}@media (prefers-reduced-motion:no-preference) and (max-width:560px){.hc{--hc-rise:8px}}@media (max-width:560px){.hc{padding:20px 0 32px}.hc__grid{row-gap:0}.hc__head{gap:8px}.hc__eyebrow{gap:10px}.hc__title{font-size:round(clamp(1.75rem,10.101vw - 3.23232px,2.75rem),1px);line-height:1}.hc__copy{margin-top:16px}.hc__line{max-width:none;color:var(--dark-32);font-size:var(--type-body);letter-spacing:-.006em;line-height:24px}.hc__actions{gap:8px;margin-top:22px}.hc__actions .button{min-height:48px}.hc__actions .button:first-child{flex-grow:1.25}.hc__proof{margin-top:16px}.hc__proof-fig--with{flex-basis:100%}.hc__grid>.hl{border-top:1px solid var(--light-16);margin-top:24px;padding-top:14px}}@media (max-width:359px){.hc{padding-top:20px}.hc__copy{margin-top:20px}.hc__actions{margin-top:24px}.hc__actions .button{min-height:48px}.hc__actions .button,.hc__actions .button:first-child{white-space:nowrap;flex:auto}.hc__grid>.hl{margin-top:32px;padding-top:20px}}
main [data-draw=start] :is(.pi__zone,.pi__zonelabel,.pi__readout,.pi__tag,.pi__value--note){opacity:1}main [data-draw=start] .pi__bar{transform:none}main [data-draw=in] :is(.pi__zone,.pi__zonelabel,.pi__readout,.pi__tag,.pi__value--note),main [data-draw=in] .pi__bar{transition:none}main [data-draw=in] .pi__fill{transition:transform var(--m-2) var(--m-ease) var(--d,0s)}main [data-draw=in] .pi__fill--sho{transition-delay:calc(var(--d,0s) + 60ms)}main [data-draw=in] .pi__zero{transition:opacity var(--m-2) var(--m-ease) calc(var(--d,0s) + .12s), transform var(--m-2) var(--m-ease) calc(var(--d,0s) + .12s)}main .machine .stage{--t:calc(var(--i) * 60ms)}
.pc{padding-block:var(--space-section);background:var(--washi)}.pc__head{max-width:58rem}.pc__head .section-label{margin:0 0 var(--space-label)}.pc__head h2{font-size:var(--type-statement);font-weight:600;line-height:var(--leading-statement);letter-spacing:var(--tracking-statement);text-wrap:balance;margin:0}.pc__sub{max-width:54ch;color:var(--dark-32);font-size:var(--type-lede);line-height:var(--leading-lede);text-wrap:pretty;margin:16px 0 0}.pc__fig{--plot-h:320px;--lane-h:320px;grid-template-columns:5.5rem minmax(0,1fr) 72px minmax(15rem,19rem);grid-template-rows:auto var(--plot-h) auto;margin-top:var(--space-6);gap:14px 0;scroll-margin-top:96px;display:grid}.pc__step{color:var(--sumi);font-size:var(--type-small);font-weight:600;line-height:var(--leading-small);letter-spacing:-.005em;align-items:baseline;gap:8px;margin:0;display:flex}.pc__step span:not(.pc__times){color:var(--dark-32);font-size:var(--type-data);font-variant-numeric:tabular-nums;letter-spacing:.06em;font-weight:500}.pc__times{color:var(--dark-32);margin-inline:4px;font-weight:400}.pc__step--map{grid-area:1/1/auto/3;align-self:end}.pc__step--links:before{background:var(--tsuki);content:"";align-self:center;width:20px;height:2px}.pc__rows{grid-area:2/1/auto/3;grid-template-rows:repeat(5,1fr);margin:0;padding:0;list-style:none;display:grid}.pc__rows li{border-top:1px solid var(--light-16);align-items:center;display:flex}.pc__rows,.pc__plot,.pc__flow{height:var(--lane-h);align-self:start}.pc__rows li:last-child{border-bottom:1px solid var(--light-16)}.pc__src{color:var(--dark-32);font-size:var(--type-small);letter-spacing:.01em;font-weight:500;line-height:var(--leading-small);padding-top:1px;padding-left:14px;position:relative}.pc__src:before{background:var(--light-32);content:"";width:6px;height:1px;margin-top:0;position:absolute;top:50%;left:0}.pc__plot{grid-area:2/2;position:relative}.pc__plot:before{background:linear-gradient(90deg, var(--light-16) 1px, transparent 1px) 0 0/48px 100% repeat-x;opacity:.5;content:"";position:absolute;inset:0}.pc__plot:after{background:var(--dark-32);content:"";width:1px;position:absolute;top:0;bottom:-18px;right:0}.pc__links,.pc__flow{width:100%;overflow:visible}.pc__links{height:100%;position:absolute;inset:0}.pc__flow{grid-area:2/3}.pc__edge{fill:none;stroke:var(--light-32);stroke-width:1px;opacity:.5}.pc__edge[data-long]{opacity:.3}.pc__node{background:var(--light-32);border-radius:2px;width:4px;height:4px;margin:-2px 0 0 -2px;position:absolute}.pc__node[data-hub]{background:var(--dark-32);opacity:.8;width:6px;height:6px;box-shadow:0 0 0 2px var(--washi), var(--depth-1);border-radius:3px;margin:-3px 0 0 -3px}.pc__node[data-lone]{background:var(--light-16)}.pc__link{fill:none;stroke:var(--tsuki);stroke-width:2px;stroke-linecap:round;stroke-linejoin:round}.pc__link[data-group="1"]{stroke:var(--shu)}.pc__link[data-group="2"]{stroke:var(--light-32)}.pc__link,.pc__field{transition:opacity var(--m-2) var(--m-ease)}.pc__dot{border:2px solid var(--sumi);background:var(--washi);width:10px;height:10px;box-shadow:0 0 0 3px var(--washi), var(--depth-2);border-radius:4px;margin:-5px 0 0 -5px;position:absolute}.pc__dot[data-group="0"]{border-color:var(--tsuki);background:var(--tsuki)}.pc__dot[data-group="1"]{border-color:var(--shu);background:var(--washi)}.pc__dot[data-group="2"]{border-color:var(--dark-32);background:var(--washi)}.pc__belief{border:1px solid var(--sumi);border-top:3px solid var(--tsuki);background:var(--washi);box-shadow:var(--depth-3);border-radius:4px;grid-area:2/4;grid-template-rows:40px repeat(3,72px) 1fr;display:grid;overflow:hidden}.pc__step--belief{color:var(--sumi);align-self:center;padding:0 16px 0 22px}.pc__beliefs{list-style:none;display:contents}.pc__beliefs li{border-top:1px solid var(--light-16);align-content:center;gap:6px;padding:0 16px 0 22px;display:grid;position:relative}.pc__beliefs li:before{background:var(--tsuki);content:"";width:12px;height:2px;position:absolute;top:35px;left:0}.pc__beliefs [data-group="1"]:before{background:var(--shu)}.pc__beliefs [data-group="2"]:before{background:var(--light-32)}.pc__what{font-size:var(--type-body);font-weight:600;line-height:var(--leading-body);letter-spacing:-.01em}.pc__meta{align-items:center;gap:10px;display:flex}.pc__state{align-items:center;gap:6px;display:inline-flex}.pc__state:before{content:"";background:currentColor;border-radius:2px;width:6px;height:6px}.pc__beliefs [data-state=contested] .pc__state:before{background:var(--shu)}.pc__beliefs [data-state=stale] .pc__state:before{box-shadow:inset 0 0 0 1px var(--dark-32);background:0 0}.pc__state{position:relative}.pc__state:after{box-shadow:var(--depth-1);pointer-events:none;content:"";border-radius:2px;position:absolute;inset:0}.pc__beliefs [data-state=contested] .pc__state:after,.pc__beliefs [data-state=stale] .pc__state:after{box-shadow:none}.pc__state{font:600 var(--type-data)/20px var(--font-sans);letter-spacing:.01em;border-radius:2px;padding:0 8px}.pc__beliefs [data-state=settled] .pc__state{background:var(--tsuki);color:var(--sumi)}.pc__beliefs [data-state=contested] .pc__state{box-shadow:inset 0 0 0 1px var(--shu);color:var(--sumi)}.pc__beliefs [data-state=stale] .pc__state{box-shadow:inset 0 0 0 1px var(--dark-32);color:var(--dark-32)}.pc__cite{color:var(--dark-32);font-size:var(--type-small);line-height:var(--leading-small);font-variant-numeric:tabular-nums}.pc__foot{background:var(--light-08);text-wrap:balance;border-top:1px solid var(--light-16);color:var(--dark-32);font-size:var(--type-data);line-height:var(--leading-data);align-content:center;margin:0;padding:0 16px 0 22px;display:grid}.pc__axis{color:var(--dark-32);font-size:var(--type-data);letter-spacing:.02em;font-weight:500;line-height:var(--leading-data);grid-area:3/2;grid-template-rows:9px auto;grid-template-columns:auto auto;justify-content:space-between;gap:4px 12px;margin:0;display:grid}.pc__axis>span:first-child{grid-area:2/1}.pc__axis>span:last-child{grid-area:2/2}.pc__axis-rule{background:var(--dark-32);grid-area:1/1/auto/-1;align-self:center;height:1px;position:relative}.pc__axis-rule:before{background:linear-gradient(90deg, var(--dark-32) 1px, transparent 1px) 0 0/48px 7px repeat-x;content:"";height:7px;position:absolute;top:-3px;left:0;right:8px}.pc__axis-rule:after{border-top:1px solid var(--dark-32);border-right:1px solid var(--dark-32);content:"";width:8px;height:8px;position:absolute;top:-4px;right:0;transform:rotate(45deg)}.pc__key{grid-area:4/1/auto/3;gap:6px;margin-top:10px;display:grid}.pc__legend{text-wrap:balance;max-width:44ch;color:var(--dark-32);font-size:var(--type-small);line-height:var(--leading-small);margin:0 0 0 28px}@media (hover:hover){.pc__beliefs li:hover{background:var(--light-08)}.pc__fig:has(.pc__beliefs li:hover) .pc__field{opacity:.4}:is(.pc__fig:has(.pc__beliefs [data-group="0"]:hover) .pc__link:not([data-group="0"]),.pc__fig:has(.pc__beliefs [data-group="1"]:hover) .pc__link:not([data-group="1"]),.pc__fig:has(.pc__beliefs [data-group="2"]:hover) .pc__link:not([data-group="2"])){opacity:.25}}@media (hover:hover) and (prefers-reduced-motion:no-preference){.pc__beliefs li{transition:background-color var(--m-1) var(--m-ease)}.pc__beliefs li:before{transform-origin:0;transition:scale var(--m-1) var(--m-ease)}.pc__what{transition:translate var(--m-1) var(--m-ease)}.pc__beliefs li:hover:before{scale:1.5 1}.pc__beliefs li:hover .pc__what{translate:2px}:is(.pc__fig:has(.pc__beliefs [data-group="0"]:hover) .pc__dot[data-group="0"],.pc__fig:has(.pc__beliefs [data-group="1"]:hover) .pc__dot[data-group="1"],.pc__fig:has(.pc__beliefs [data-group="2"]:hover) .pc__dot[data-group="2"]){scale:1.3}}@media (prefers-reduced-motion:no-preference){.pc__rows li:nth-child(2){--r:1}.pc__rows li:nth-child(3){--r:2}.pc__rows li:nth-child(4){--r:3}.pc__rows li:nth-child(5){--r:4}.pc__fig[data-play] .pc__rows li{opacity:0}.pc__fig[data-play=run] .pc__rows li{opacity:1;transition:opacity var(--m-2) var(--m-ease) calc(var(--r,0) * 45ms)}.pc__fig[data-play] .pc__node{opacity:0;transform:scale(.4)}.pc__fig[data-play] .pc__dot{opacity:0;transform:scale(.2)}.pc__fig[data-play=run] .pc__node{opacity:1;transition:opacity var(--m-1) var(--m-ease) var(--d), transform var(--m-2) var(--m-ease) var(--d), scale var(--m-1) var(--m-ease);transform:none}.pc__fig[data-play=run] .pc__node[data-hub]{opacity:.8}.pc__fig[data-play=run] .pc__dot{opacity:1;transition:opacity var(--m-1) var(--m-ease) calc(var(--d) + 80ms), transform var(--m-2) var(--m-ease) calc(var(--d) + 80ms), scale var(--m-1) var(--m-ease);transform:none}.pc__fig[data-play] .pc__threads{-webkit-mask-image:linear-gradient(90deg,#000 46.3%,#0000 53.7%);mask-image:linear-gradient(90deg,#000 46.3%,#0000 53.7%);-webkit-mask-position:100% 0;mask-position:100% 0;-webkit-mask-size:216% 100%;mask-size:216% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.pc__fig[data-play] .pc__flow{-webkit-mask-image:linear-gradient(90deg,#000 41.7%,#0000 58.3%);mask-image:linear-gradient(90deg,#000 41.7%,#0000 58.3%);-webkit-mask-position:100% 0;mask-position:100% 0;-webkit-mask-size:240% 100%;mask-size:240% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.pc__fig[data-play=run] .pc__threads{transition:mask-position var(--m-3) var(--m-ease) calc(.45s + var(--g,0) * 90ms);-webkit-mask-position:0 0;mask-position:0 0}.pc__fig[data-play=run] .pc__flow{transition:mask-position var(--m-3) var(--m-ease) calc(.9s + var(--g,0) * 90ms);-webkit-mask-position:0 0;mask-position:0 0}.pc__fig[data-play] .pc__edge{opacity:0}.pc__fig[data-play=run] .pc__edge{opacity:.5;transition:opacity var(--m-3) var(--m-ease) var(--d)}.pc__fig[data-play=run] .pc__edge[data-long]{opacity:.3}.pc__fig[data-play] .pc__plot:after{transform:scaleY(0)}.pc__fig[data-play=run] .pc__plot:after{transition:transform var(--m-2) var(--m-ease) .76s;transform:none}.pc__fig[data-play] .pc__step--belief,.pc__fig[data-play] .pc__foot{-webkit-mask-image:linear-gradient(90deg,#000 45.5%,#0000 54.5%);mask-image:linear-gradient(90deg,#000 45.5%,#0000 54.5%);-webkit-mask-position:100% 0;mask-position:100% 0;-webkit-mask-size:220% 100%;mask-size:220% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.pc__fig[data-rows=run] .pc__step--belief{transition:mask-position var(--m-2) var(--m-ease) calc(var(--bd,.44s) + .1s);-webkit-mask-position:0 0;mask-position:0 0}.pc__fig[data-rows=run] .pc__foot{transition:mask-position var(--m-2) var(--m-ease) var(--fd,1.6s);-webkit-mask-position:0 0;mask-position:0 0}.pc__fig{--sd:1.25s}.pc__fig[data-play] .pc__belief{box-shadow:none}.pc__fig[data-play]:after{height:var(--lane-h);box-shadow:var(--depth-3);opacity:0;pointer-events:none;content:"";border-radius:4px;grid-area:2/4;align-self:start}.pc__fig[data-rows=run]:after{opacity:1;transition:opacity var(--m-3) var(--m-ease) var(--sd)}.pc__fig[data-play] .pc__belief{opacity:0;transform:translateY(8px)}.pc__fig[data-play] .pc__beliefs li{opacity:0;transform:translate(-8px)}.pc__fig[data-play] .pc__beliefs li:before{transform-origin:0;transform:scaleX(0)}.pc__fig[data-play] .pc__beliefs [data-state=settled] .pc__state{box-shadow:inset 0 0 0 1px var(--tsuki);background-color:#0000;transform:scale(.92)}.pc__fig[data-play] .pc__beliefs [data-state=contested] .pc__state{opacity:0}.pc__fig[data-play] .pc__beliefs [data-state=stale] .pc__state{color:var(--sumi);box-shadow:inset 0 0 0 1px var(--sumi)}.pc__fig[data-rows=run] .pc__belief{opacity:1;transition:opacity var(--m-2) var(--m-ease) var(--bd,.44s), transform var(--m-2) var(--m-ease) var(--bd,.44s);transform:none}.pc__fig[data-rows=run] .pc__beliefs li{opacity:1;transition:opacity var(--m-2) var(--m-ease) var(--rd), transform var(--m-2) var(--m-ease) var(--rd), background-color var(--m-1) var(--m-ease);transform:none}.pc__fig[data-rows=run] .pc__beliefs li:before{transition:transform var(--m-2) var(--m-ease) var(--rd), scale var(--m-1) var(--m-ease);transform:scaleX(1)}.pc__fig[data-rows=run] .pc__beliefs [data-state=settled] .pc__state{background-color:var(--tsuki);transition:background-color var(--m-2) var(--m-ease) calc(var(--rd) + .2s);animation:pc-settle var(--m-2) var(--m-ease) calc(var(--rd) + .2s) both;transform:none}.pc__fig[data-play] .pc__beliefs [data-state=settled] .pc__state:after{opacity:0}.pc__fig[data-rows=run] .pc__beliefs [data-state=settled] .pc__state:after{opacity:1;transition:opacity var(--m-2) var(--m-ease) calc(var(--rd) + .3s)}.pc__fig[data-rows=run] .pc__dot[data-group="0"]{animation:pc-beat var(--m-2) var(--m-ease) calc(var(--dd) + .2s)}.pc__fig[data-rows=run] .pc__dot[data-group="1"]{animation:pc-beat2 var(--m-3) var(--m-ease) calc(var(--dd) + .295s)}.pc__fig[data-rows=run] .pc__dot[data-group="2"]{animation:pc-dip var(--m-2) var(--m-ease) calc(var(--dd) + .39s)}.pc__fig{--dd:1.3s}.pc__fig[data-rows=run] .pc__beliefs [data-state=contested] .pc__state{opacity:1;animation:pc-flicker var(--m-2) var(--m-ease) calc(var(--rd) + .2s) both}.pc__fig[data-rows=run] .pc__beliefs [data-state=stale] .pc__state{color:var(--dark-32);box-shadow:inset 0 0 0 1px var(--dark-32);transition:color var(--m-2) var(--m-ease) calc(var(--rd) + .2s), box-shadow var(--m-2) var(--m-ease) calc(var(--rd) + .2s)}.pc__beliefs li{--rd:var(--d)}@keyframes pc-settle{0%{transform:scale(.92)}55%{transform:scale(1.06)}to{transform:scale(1)}}@keyframes pc-beat{0%,to{scale:1}40%{scale:1.5}}@keyframes pc-beat2{0%,to{scale:1}16%{scale:1.5}36%{scale:1}56%{scale:1.5}78%{scale:1}}@keyframes pc-dip{0%,to{scale:1}40%{scale:.7}}@keyframes pc-flicker{0%{opacity:0}30%{opacity:1}52%{opacity:.25}74%{opacity:1}to{opacity:1}}}@media (max-width:1023px){.pc__fig{grid-template-columns:5.5rem minmax(0,1fr);grid-template-rows:auto var(--plot-h) auto auto auto}.pc__flow{display:none}.pc__belief{grid-area:5/1/auto/-1;grid-template-rows:40px repeat(3,auto) auto}.pc__beliefs li{padding-block:12px}.pc__beliefs li:before{top:calc(50% - 1px)}.pc__foot{padding-block:10px}.pc__key{grid-row:4}}@media (min-width:768px){.pc__fig{margin-top:var(--space-7)}}@media (min-width:768px) and (max-width:1023px){.pc__belief{grid-template-rows:40px auto auto;grid-template-columns:repeat(3,minmax(0,1fr))}.pc__step--belief,.pc__foot{grid-column:1/-1}.pc__beliefs li{border-top:0;align-content:start;gap:8px;padding:20px 20px 18px 22px}.pc__beliefs li+li{border-left:1px solid var(--light-16)}.pc__beliefs li:before{width:100%;height:2px;top:0;left:0}.pc__beliefs li:hover:before{scale:1}.pc__step--belief{align-self:stretch;align-items:center}.pc__foot{padding-block:12px}}@media (max-width:640px){.pc__belief{margin-top:10px}.pc__fig{--plot-h:240px;--lane-h:240px;grid-template-columns:4.25rem minmax(0,1fr)}}.pc__threads[data-group="1"],.pc__flow[data-group="1"]{--g:1}.pc__threads[data-group="2"],.pc__flow[data-group="2"]{--g:2}@media (max-width:1023px) and (prefers-reduced-motion:no-preference){.pc__belief{--bd:0s}.pc__foot{--fd:.54s}.pc__fig{--sd:.38s;--dd:.12s}.pc__fig[data-play]:after{grid-area:5/1/auto/-1;align-self:stretch;height:auto;margin-top:0}.pc__beliefs li{--rd:calc(.12s + var(--i,0) * .11s)}}@media (max-width:767px) and (prefers-reduced-motion:no-preference){.pc__fig[data-play]:after{margin-top:18px}.pc__fig[data-play=run] .pc__rows li{transition-delay:calc(var(--r,0) * 30ms)}.pc__fig[data-play=run] .pc__node{transition:opacity var(--m-1) var(--m-ease) calc(var(--d) * .6), transform var(--m-2) var(--m-ease) calc(var(--d) * .6), scale var(--m-1) var(--m-ease)}.pc__fig[data-play=run] .pc__dot{transition:opacity var(--m-1) var(--m-ease) calc(var(--d) * .6 + 60ms), transform var(--m-2) var(--m-ease) calc(var(--d) * .6 + 60ms), scale var(--m-1) var(--m-ease)}.pc__fig[data-play=run] .pc__threads{transition:mask-position var(--m-3) var(--m-ease) calc(.3s + var(--g,0) * 70ms)}.pc__fig[data-play=run] .pc__plot:after{transition:transform var(--m-2) var(--m-ease) .52s}.pc__fig[data-play=run] .pc__edge{transition:opacity var(--m-3) var(--m-ease) calc(var(--d) * .6)}}@media (max-width:767px){.pc__fig{--plot-h:260px;--lane-h:260px;row-gap:16px}.pc__edge[data-long],.pc__node[data-lone]{display:none}.pc__axis-rule:before{background:linear-gradient(90deg, var(--dark-32) 1px, transparent 1px) 0 0/25% 7px repeat-x}.pc__key{gap:4px;margin-top:6px}.pc__belief{box-shadow:var(--depth-3);margin-top:18px}.pc__step--belief{background:var(--light-08);align-self:stretch;align-items:center}.pc__beliefs li{padding-block:14px}.pc__beliefs li:before{top:calc(50% - 1px)}.pc__foot{padding-block:12px}}@media (max-width:359px){.pc__fig{--plot-h:240px;--lane-h:240px}.pc__legend{margin-left:28px}}
.lp{padding-block:var(--home-section)}.lp__grid{gap:var(--space-block) 64px;grid-template-columns:minmax(0,9fr) minmax(0,11fr);align-items:center;display:grid}.lp__copy h2{font-size:var(--type-statement);font-weight:600;line-height:var(--leading-statement);letter-spacing:var(--tracking-statement);text-wrap:balance;max-width:13.5em;margin:0}.lp__body{max-width:34rem;color:var(--dark-32);font-size:var(--type-lede);line-height:var(--leading-lede);text-wrap:pretty;margin:20px 0 0}.lp__stage{--ico:44px;--ar:.8182;--y0:13;--dy:14.5;--cx:24;--half:clamp(46px, 10.5cqw, 76px);--brx:calc(var(--cx) * 1% + var(--half) + 10px);--tx:70;--bx:74;--by:49.25;aspect-ratio:11/9;width:100%;max-width:860px;margin-top:calc(24px + 20px + var(--ico) + 16px);margin-bottom:calc(var(--ico) + 16px + 40px);justify-self:end;position:relative;container-type:inline-size}.lp__label{bottom:calc(100% + var(--ico) + 16px + 20px);height:24px;font-size:var(--type-small);white-space:nowrap;margin:0;font-weight:600;line-height:24px;display:grid;position:absolute;left:0}.lp__label>span{transition:opacity var(--m-2) var(--m-ease);grid-area:1/1;align-items:center;display:flex}.lp__label-a{color:var(--dark-32)}.lp__label-b{color:var(--sumi)}.lp__label>span:before{background:var(--light-32);content:"";flex:none;width:8px;height:8px;margin-right:10px}.lp__label>.lp__label-b:before{background:var(--tsuki)}.lp__label-sub{color:var(--dark-32);align-items:center;font-weight:500;display:inline-flex}.lp__label-sub:before{background:var(--light-32);content:"";width:1px;height:12px;margin:0 12px}.lp__stage .lp__label-a,.lp__stage:is([data-state=tools],[data-state=look]) .lp__label-b{opacity:0}.lp__stage:is([data-state=tools],[data-state=look]) .lp__label-a,.lp__stage[data-state=sho] .lp__label-b,.lp__stage[data-state=still] .lp__label-b{opacity:1}.lp__stage:is([data-state=tools],[data-state=look]) .lp__label-a,.lp__stage[data-state=sho] .lp__label-b{transition-delay:var(--m-2)}.lp__stage:is([data-state=tools],[data-state=look]) .lp__label-sub{opacity:0}.lp__src{width:var(--ico);height:var(--ico);left:calc(var(--ico) / 2 + (100% - var(--ico)) * var(--sx) / 100);margin:calc(var(--ico) / -2) 0 0 calc(var(--ico) / -2);border:1px solid var(--light-16);background:var(--washi);color:var(--dark-32);box-shadow:var(--depth-1), inset 0 1px 0 #ffffff8c;border-radius:4px;place-items:center;display:grid;position:absolute}.lp__src[data-row="0"]{top:calc(var(--ico) / -2 - 16px)}.lp__src[data-row="1"]{top:calc(100% + var(--ico) / 2 + 16px)}.lp__src svg{fill:currentColor;width:46%;height:46%}.lp__src[data-far]{opacity:.55;box-shadow:none;transform:scale(.82)}.lp__frag{--sx:var(--cx);--sy:calc(var(--y0) + var(--t) * var(--dy));left:calc(var(--x) * 1%);top:calc(var(--y) * 1%);width:calc(var(--half) * 2);border:1px solid var(--light-16);background:var(--washi);box-shadow:var(--depth-1);transition:border-color var(--m-2) var(--m-ease);border-radius:4px;grid-template-rows:auto auto;grid-template-columns:20px minmax(0,1fr);align-items:center;gap:6px 10px;padding:10px 12px 10px 14px;display:grid;position:absolute;translate:-50% -50%}.lp__frag>i{opacity:.32;transition:opacity var(--m-2) var(--m-ease)}.lp__frag[data-lit]{border-color:var(--light-32)}.lp__frag[data-lit]>i{opacity:1}.lp__frag[data-newest]{box-shadow:var(--depth-2)}.lp__frag[data-newest][data-lit]{border-color:var(--sumi)}.lp__frag[data-newest]:after{background:var(--tsuki);transform-origin:0;content:"";height:3px;transition:transform var(--m-2) var(--m-ease);border-radius:3px 3px 0 0;position:absolute;inset:0 0 auto;transform:scaleX(0)}.lp__frag[data-newest][data-lit]:after{transform:none}.lp__frag:before{background:var(--tsuki);width:3px;transition:transform var(--m-2) var(--m-ease);content:"";border-radius:3px 0 0 3px;position:absolute;inset:-1px auto -1px -1px;transform:scaleY(0)}.lp__frag[data-lit]:not([data-newest]):before{transform:scaleY(1)}.lp__badge{border:1px solid var(--light-16);background:var(--light-08);width:20px;height:20px;color:var(--sumi);border-radius:4px;grid-row:1/span 2;place-items:center;display:grid}.lp__badge svg{fill:currentColor;width:12px;height:12px}.lp__bar{background:var(--light-32);border-radius:3px;height:6px;display:block}.lp__bar--short{background:var(--light-16);width:58%;height:5px}.lp__axis,.lp__br,.lp__trunk,.lp__bcn{pointer-events:none;display:block;position:absolute}.lp__axis{left:calc(var(--cx) * 1% - var(--half) - 18px);top:calc(var(--y0) * 1%);height:calc(var(--dy) * 5 * 1%);background:var(--light-32);clip-path:inset(-2px -6px -6px);width:1px}.lp__axis:after{border:solid var(--light-32);content:"";border-width:0 1px 1px 0;width:6px;height:6px;position:absolute;bottom:0;left:-3px;transform:translateY(-2px)rotate(45deg)}.lp__rg{--mid:calc(var(--y0) + (2 * var(--g) + .5) * var(--dy));display:contents}.lp__br{left:var(--brx);top:calc((var(--y0) + 2 * var(--g) * var(--dy)) * 1%);width:10px;height:calc(var(--dy) * 1%);border:1px solid var(--light-32);clip-path:inset(-6px);border-left:0}.lp__br:after{background:var(--tsuki);width:8px;height:8px;box-shadow:0 0 0 2px var(--washi);content:"";position:absolute;top:calc(50% - 4px);right:-4px}.lp__rel{left:calc(var(--brx) + 20px);right:calc((100 - var(--tx)) * 1%);top:calc(var(--mid) * 1%);color:var(--sumi);font-size:var(--type-small);white-space:nowrap;align-items:center;font-weight:600;line-height:20px;display:flex;position:absolute;translate:0 -50%}.lp__rel>span{clip-path:inset(-2px);display:block}.lp__rel>span:first-letter{text-transform:uppercase}.lp__rel:after{background:var(--tsuki);transform-origin:0;content:"";flex:1;min-width:8px;height:2px;margin:0 -3px 0 10px}.lp__rel:before{background:var(--tsuki);content:"";flex:none;order:2;width:6px;height:6px;margin:0 -3px}.lp__trunk{left:calc(var(--tx) * 1% - 1px);top:calc((var(--y0) + .5 * var(--dy)) * 1%);height:calc(4 * var(--dy) * 1%);background:var(--tsuki);clip-path:inset(0 -4px -4px);width:2px}.lp__bcn{left:calc(var(--tx) * 1%);top:calc(var(--by) * 1%);width:calc((var(--bx) - var(--tx)) * 1%);background:var(--tsuki);transform-origin:0;height:2px;margin-top:-1px}.lp__belief:before{background:var(--tsuki);content:"";width:6px;height:6px;margin-top:-3px;position:absolute;top:50%;left:-7px}.lp__belief{left:calc(var(--bx) * 1%);top:calc(var(--by) * 1%);border:1px solid var(--sumi);background:var(--washi);box-shadow:inset 0 3px 0 var(--tsuki), var(--depth-3);border-radius:4px;gap:4px;padding:18px 16px 14px;display:grid;position:absolute;right:0;translate:0 -50%}.lp__belief-state{color:var(--sumi);font-size:var(--type-small);align-items:center;font-weight:600;line-height:20px;display:flex}.lp__belief-state:before{background:var(--tsuki);content:"";flex:none;width:8px;height:8px;margin-right:10px}.lp__belief:after{border:1px solid var(--tsuki);opacity:0;pointer-events:none;content:"";border-radius:4px;position:absolute;inset:-1px}.lp__stage:after{left:calc(var(--nx) * 1%);top:calc(var(--ny) * 1%);aspect-ratio:1;background:radial-gradient(closest-side, color-mix(in srgb, var(--tsuki) 18%, transparent), color-mix(in srgb, var(--tsuki) 6%, transparent) 58%, transparent);opacity:0;pointer-events:none;content:"";border-radius:50%;width:clamp(200px,60cqw,360px);position:absolute;translate:-50% -50%}.lp__belief-text{color:var(--dark-32);font-size:var(--type-data);line-height:18px}.lp__hist{border-top:1px solid var(--light-16);gap:4px;margin-top:8px;padding-top:10px;display:flex}.lp__hist>i{background:var(--light-16);width:100%;max-width:28px;height:3px;display:block;position:relative}.lp__hist>i:after{background:var(--tsuki);transform-origin:0;content:"";position:absolute;inset:0}.lp__stage:is([data-state=tools],[data-state=look]) .lp__axis{clip-path:inset(-2px -6px calc(100% + 6px))}.lp__stage:is([data-state=tools],[data-state=look]) .lp__br{clip-path:inset(-6px -6px calc(100% + 6px))}.lp__stage:is([data-state=tools],[data-state=look]) .lp__br:after{transform:scale(0)}.lp__stage:is([data-state=tools],[data-state=look]) .lp__rel>span{clip-path:inset(-2px 100% -2px -2px);transform:translate(-6px)}.lp__stage:is([data-state=tools],[data-state=look]) .lp__rel:after{transform:scaleX(0)}.lp__stage:is([data-state=tools],[data-state=look]) .lp__trunk{clip-path:inset(0 -4px calc(100% + 4px))}.lp__stage:is([data-state=tools],[data-state=look]) .lp__rel:before,.lp__stage:is([data-state=tools],[data-state=look]) .lp__belief:before,.lp__stage:is([data-state=tools],[data-state=look]) .lp__trunk:after{transform:scale(0)}.lp__stage:is([data-state=tools],[data-state=look]) .lp__bcn{transform:scaleX(0)}.lp__stage:is([data-state=tools],[data-state=look]) .lp__belief{opacity:0;transform:translateY(8px)}.lp__stage:is([data-state=tools],[data-state=look]) :is(.lp__belief-state,.lp__belief-text){opacity:.32}.lp__stage:is([data-state=tools],[data-state=look]) .lp__belief-state:before{transform:scale(0)}.lp__stage:is([data-state=tools],[data-state=look]) .lp__hist>i:after{transform:scaleX(0)}.lp__stage:is([data-state=still],[data-state=sho]) .lp__frag{translate:calc(-50% + (var(--sx) - var(--x)) * 1cqw) -50%;transform:translateY(calc((var(--sy) - var(--y)) * var(--ar) * 1cqw))}@media (prefers-reduced-motion:no-preference){.lp__stage{--S:90ms;--t-trunk:1.25s;--d-trunk:var(--m-2);--t-bcn:1.55s;--d-bcn:var(--m-2);--t-card:1.55s;--t-tick:1.95s}.lp__frag{--tilt:1.4deg;transition:border-color var(--m-2) var(--m-ease), translate var(--m-2) var(--m-ease), transform var(--m-3) var(--m-ease)}.lp__frag:is([data-t="1"],[data-t="3"],[data-t="5"]){--tilt:-1.4deg}.lp__stage:is([data-state=look],[data-state=sho]):not([data-held]) .lp__frag{will-change:translate, transform}.lp__stage[data-state=sho] .lp__frag{transition-delay:calc(var(--t) * var(--S) + .25s), calc(var(--t) * var(--S)), calc(var(--t) * var(--S));animation:lp-deal var(--m-3) var(--m-ease) calc(var(--t) * var(--S))}.lp__stage[data-state=sho] .lp__frag>i{transition-delay:calc(var(--t) * var(--S) + .25s)}.lp__stage[data-state=sho] .lp__frag:before{transition-delay:calc(var(--t) * var(--S) + .5s)}@keyframes lp-deal{0%{rotate:none;scale:1}38%{rotate:var(--tilt);scale:1.035}to{rotate:none;scale:1}}.lp__stage:after{transition:opacity var(--m-3) var(--m-ease), transform var(--m-3) var(--m-ease);transform:translate(-30cqw,-14cqw)scale(.6)}.lp__stage[data-state=look]:after{opacity:1;animation:lp-breath var(--m-3) var(--m-ease) .7s;transition-delay:60ms;transform:none}.lp__stage[data-state=sho]:after{transform:translate(6cqw,-4cqw)scale(1.2)}@keyframes lp-breath{50%{scale:1.06}}.lp__stage[data-state=look] .lp__frag[data-newest]{animation:lp-found var(--m-2) var(--m-ease) .45s;transition-delay:.45s,0s,0s}.lp__stage[data-state=look] .lp__frag[data-newest]>i,.lp__stage[data-state=look] .lp__frag[data-newest]:after{transition-delay:.45s}@keyframes lp-found{50%{scale:1.04}}.lp__axis{transition:clip-path var(--m-3) var(--m-ease)}.lp__br{transition:clip-path var(--m-2) var(--m-ease)}.lp__br:after{transition:transform var(--m-1) var(--m-ease)}.lp__rel>span{transition:clip-path var(--m-2) var(--m-ease), transform var(--m-2) var(--m-ease)}.lp__rel:after{transition:transform var(--m-2) var(--m-ease)}.lp__rel:before,.lp__belief:before,.lp__trunk:after{transition:transform var(--m-1) var(--m-ease)}.lp__trunk{transition:clip-path var(--d-trunk) var(--m-ease)}.lp__bcn{transition:transform var(--d-bcn) var(--m-ease)}.lp__belief{transition:opacity var(--m-2) var(--m-ease), transform var(--m-2) var(--m-ease)}:is(.lp__belief-state,.lp__belief-text){transition:opacity var(--m-1) var(--m-ease)}.lp__belief-state:before,.lp__hist>i:after{transition:transform var(--m-1) var(--m-ease)}.lp__label-sub{transition:opacity var(--m-2) var(--m-ease)}.lp__hist>i:nth-child(2){--k:1}.lp__hist>i:nth-child(3){--k:2}.lp__stage[data-state=sho] .lp__br{transition-delay:calc(var(--g) * 2 * var(--S) + .35s)}.lp__stage[data-state=sho] .lp__br:after,.lp__stage[data-state=sho] .lp__rel>span{transition-delay:calc(var(--g) * 2 * var(--S) + .7s)}.lp__stage[data-state=sho] .lp__rel:after{transition-delay:calc(var(--g) * 2 * var(--S) + .95s)}.lp__stage[data-state=sho] .lp__rel:before{transition-delay:calc(var(--g) * 2 * var(--S) + 1.3s)}.lp__stage[data-state=sho] .lp__trunk{transition-delay:var(--t-trunk)}.lp__stage[data-state=sho] .lp__trunk:after{transition-delay:calc(var(--t-trunk) + var(--d-trunk) - .1s)}.lp__stage[data-state=sho] .lp__belief:before{transition-delay:calc(var(--t-bcn) + var(--d-bcn) - .1s)}.lp__stage[data-state=sho] .lp__bcn{transition-delay:var(--t-bcn)}.lp__stage[data-state=sho] .lp__belief{transition-delay:var(--t-card)}.lp__stage[data-state=sho] .lp__hist>i:after{transition-delay:calc(var(--t-tick) + var(--k,0) * .1s)}.lp__stage[data-state=sho] :is(.lp__belief-state,.lp__belief-text),.lp__stage[data-state=sho] .lp__belief-state:before,.lp__stage[data-state=sho] .lp__label-sub{transition-delay:calc(var(--t-tick) + .3s)}.lp__stage[data-state=sho] .lp__belief:after{animation:lp-settle var(--m-3) var(--m-ease) calc(var(--t-tick) + .3s)}@keyframes lp-settle{0%{opacity:.6;transform:scale(1)}to{opacity:0;transform:scale(1.03)}}.lp__stage[data-instant],.lp__stage[data-instant]:after,.lp__stage[data-instant] *,.lp__stage[data-instant] :before,.lp__stage[data-instant] :after{transition:none!important;animation:none!important}.lp__src{transition:transform var(--m-3) var(--m-ease);animation:lp-drift calc(8s + var(--i) * .37s) ease-in-out calc(var(--i) * -1.3s) infinite alternate;transform:translate(0)}.lp__src[data-far]{transform:translate(0)scale(.82)}.lp__stage[data-state=sho]:not([data-held]) .lp__src{--lx:calc((50 - var(--sx)) * .08px);transform:translate(var(--lx), 5px);transition-delay:.2s}.lp__stage[data-state=sho]:not([data-held]) .lp__src[data-row="1"]{transform:translate(var(--lx), -5px)}.lp__stage[data-state=sho]:not([data-held]) .lp__src[data-far]{transform:translate(var(--lx), 5px) scale(.82)}.lp__stage[data-state=sho]:not([data-held]) .lp__src[data-far][data-row="1"]{transform:translate(var(--lx), -5px) scale(.82)}@keyframes lp-drift{0%{translate:-3px 2px}to{translate:3px -4px}}}@media (max-width:1180px){.lp__stage{--ico:36px;--ar:1.25;--y0:7;--dy:11.4;--cx:22;--half:clamp(38px, 13cqw, 48px);--tx:91;--bx:12;--by:86;aspect-ratio:4/5;justify-self:center;width:100%;max-width:460px}.lp__frag{grid-template-columns:16px minmax(0,1fr);gap:4px 6px;padding:6px 7px 6px 9px}.lp__badge{width:16px;height:16px}.lp__badge svg{width:10px;height:10px}.lp__src[data-far]{display:none}.lp__trunk{height:calc((var(--by) - var(--y0) - .5 * var(--dy)) * 1%)}.lp__bcn{left:auto;right:calc((100 - var(--tx)) * 1%);width:calc((var(--tx) - 88) * 1%);transform-origin:100%}.lp__belief:before{left:auto;right:-7px}.lp__belief{left:calc(var(--bx) * 1%);right:12%}}@media (max-width:900px){.lp__grid{grid-template-columns:minmax(0,1fr)}}@media (prefers-reduced-motion:no-preference) and (max-width:1180px){.lp__stage{--t-trunk:1.25s;--d-trunk:var(--m-3);--t-bcn:1.95s;--d-bcn:var(--m-1);--t-card:1.7s;--t-tick:2.15s}}@media (prefers-reduced-motion:no-preference) and (max-width:767px){.lp__stage{--t-card:1.6s;--t-tick:2s}}@media (max-width:767px){.lp__grid{gap:32px}.lp__copy h2{max-width:12em}.lp__body{max-width:30rem;font-size:var(--type-body);line-height:var(--leading-body);margin-top:16px}.lp__stage{--ico:40px;--ar:1.3;--y0:5.8;--dy:10.4;--gp:3.4;--cx:22.5;--tx:95;--bx:0;--by:73;--bh:116px;--half:clamp(40px, calc((100cqw - 196px) / 2), 64px);aspect-ratio:10/13;max-width:384px;margin-top:calc(24px + 24px + var(--ico) + 16px);margin-bottom:calc(var(--ico) + 16px + 24px)}.lp__stage:before{left:0;right:0;top:calc(var(--ico) / -2 - 16px);bottom:calc(var(--ico) / -2 - 16px);pointer-events:none;content:"";background:linear-gradient(var(--light-16), var(--light-16)) top / 100% 1px no-repeat, linear-gradient(var(--light-16), var(--light-16)) bottom / 100% 1px no-repeat;position:absolute}.lp__label{bottom:calc(100% + var(--ico) + 16px + 24px)}.lp__label>span{font-size:var(--type-small)}.lp__frag{grid-template-columns:18px minmax(0,1fr);gap:6px 10px;padding:clamp(7px,2.4cqw,10px) 10px}.lp__badge{width:18px;height:18px}.lp__badge svg{width:16px;height:16px}.lp__bar{height:6px}.lp__frag:is([data-t="2"],[data-t="3"]){--sy:calc(var(--y0) + var(--t) * var(--dy) + var(--gp))}.lp__frag:is([data-t="4"],[data-t="5"]){--sy:calc(var(--y0) + var(--t) * var(--dy) + 2 * var(--gp))}.lp__axis{height:calc((var(--dy) * 5 + var(--gp) * 2) * 1%)}.lp__br{top:calc((var(--y0) + 2 * var(--g) * var(--dy) + var(--g) * var(--gp)) * 1%)}.lp__rg{--mid:calc(var(--y0) + (2 * var(--g) + .5) * var(--dy) + var(--g) * var(--gp))}.lp__rel{left:calc(var(--brx) + 18px);font-weight:600}.lp__rel:after{min-width:12px;margin-left:12px}.lp__trunk{height:auto;bottom:calc(var(--bh) + 8px)}.lp__trunk:after{background:var(--tsuki);content:"";width:6px;height:6px;position:absolute;bottom:-2px;left:-2px}.lp__bcn,.lp__belief:before{display:none}.lp__belief{height:var(--bh);align-content:start;gap:6px;padding:18px 16px 16px;inset:auto 0 8px;translate:0}.lp__belief-state{font-size:var(--type-body);line-height:24px}.lp__belief-text{font-size:var(--type-small);line-height:20px}.lp__hist{gap:6px;margin-top:8px}.lp__hist>i{max-width:32px}}@media (max-width:414px){.lp__stage{--ar:1.4;aspect-ratio:5/7}}@media (max-width:369px){.lp__stage{--ar:1.55;aspect-ratio:20/31}}@media (max-width:339px){.lp__stage{--ar:1.66;aspect-ratio:25/41.5}.lp__grid{gap:24px}}