.sm-frame{position:relative;overflow:hidden}.sm-drift{position:absolute;top:0;bottom:0;left:0;right:0}.sm-drift>img{object-fit:cover;height:100%;width:100%;position:absolute;top:0;bottom:0;left:0;right:0}.scroll-progress,[data-sm-layer]{display:none}[data-transition=edge]{position:relative}[data-transition=edge]:before{content:"";left:0;right:0;height:var(--sm-edge-h,clamp(1.5rem,.9rem + 2.8vw,4rem));background:var(--sm-edge-fill,var(--surface,Canvas));-webkit-mask:var(--sm-edge)center/100% 100% no-repeat;-webkit-mask:var(--sm-edge)center/100% 100% no-repeat;mask:var(--sm-edge)center/100% 100% no-repeat;pointer-events:none;position:absolute;bottom:calc(100% - 1px)}[data-edge=arch]{--sm-edge:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 10' preserveAspectRatio='none'%3E%3Cpath d='M0 10Q50-10 100 10z'/%3E%3C/svg%3E")}[data-edge=diagonal]{--sm-edge:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 10' preserveAspectRatio='none'%3E%3Cpath d='M0 10L100 0v10z'/%3E%3C/svg%3E")}[data-edge=torn]{--sm-edge:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 10' preserveAspectRatio='none'%3E%3Cpath d='M0 10V5l2 2 3-5 5 2 3 2 5-2 5 1 5-3 3 3 5-4 5 3 6 2 2-2 6 1 5-1 6 2 3-3 5 0 3 0 4 0 6 1 5 2 2-3 4 1 4-2 6-1 3 2 5 4 4-5 4 1 3 1 3 0 4-2 6 2 5 1 5-1 4 1 6-2 5 0 4 0 3 0 5 3 2 0 2-3 3-2 6 1 5 0 4 3L200 5v5z'/%3E%3C/svg%3E")}[data-edge-flip]:before{transform:scaleX(-1)}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){:where(:root:not([data-cjp-motion=reduce])) .reveal{--_rise:var(--reveal-distance,16px);--_end:22%;animation-name:cjp-sm-rise}:where(:root:not([data-cjp-motion=reduce])) .reveal-lg{--_rise:var(--sm-rise-lg,28px);--_end:25%;animation-name:cjp-sm-rise}:where(:root:not([data-cjp-motion=reduce])) .frame-open{--_end:35%;animation-name:cjp-sm-frame}:where(:root:not([data-cjp-motion=reduce])) .iris{--_end:40%;animation-name:cjp-sm-iris}:where(:root:not([data-cjp-motion=reduce])) :-webkit-any(.wipe-x,.wipe-y){--_end:30%;--_w:inset(100% 0 0 0);animation-name:cjp-sm-wipe}:where(:root:not([data-cjp-motion=reduce])) :-moz-any(.wipe-x,.wipe-y){--_end:30%;--_w:inset(100% 0 0 0);animation-name:cjp-sm-wipe}:where(:root:not([data-cjp-motion=reduce])) :is(.wipe-x,.wipe-y){--_end:30%;--_w:inset(100% 0 0 0);animation-name:cjp-sm-wipe}:where(:root:not([data-cjp-motion=reduce])) .wipe-y[data-from=top]{--_w:inset(0 0 100% 0)}:where(:root:not([data-cjp-motion=reduce])) .wipe-x{--_w:inset(0 100% 0 0)}:where(:root:not([data-cjp-motion=reduce])) .wipe-x[data-from=right]{--_w:inset(0 0 0 100%)}:where(:root:not([data-cjp-motion=reduce])) .settle>*{animation-name:cjp-sm-settle}:where(:root:not([data-cjp-motion=reduce])) :is(.reveal,.reveal-lg,.frame-open,.iris,.wipe-x,.wipe-y,.settle>*){--_d:calc(var(--i,0)*var(--sm-step,4%));animation-timing-function:linear;animation-fill-mode:both;animation-timeline:view();animation-range:entry var(--_d)cover calc(var(--_end,25%)*var(--sm-span,1) + var(--_d))}:where(:root:not([data-cjp-motion=reduce])) .sm-drift{animation:linear both cjp-sm-drift;animation-timeline:view();animation-range:cover}:where(:root:not([data-cjp-motion=reduce])) .scroll-progress{z-index:60;background:var(--mark,currentColor);transform-origin:0;pointer-events:none;height:2px;animation:linear both cjp-sm-progress;animation-timeline:scroll(root);display:block;position:fixed;top:0;bottom:auto;left:0;right:0}@supports (timeline-scope:--a){@media (min-height:36rem){:where(:root:not([data-cjp-motion=reduce])) [data-transition=cover]{timeline-scope:--sm-cover;background:var(--sm-cover-ground,#0c0d0f)}:where(:root:not([data-cjp-motion=reduce])) [data-transition=cover]>:first-child{transform-origin:50% 40%;animation:linear both cjp-sm-recede;animation-timeline:--sm-cover;animation-range:entry;position:-webkit-sticky;position:sticky;top:0}:where(:root:not([data-cjp-motion=reduce])) [data-transition=cover]>:first-child:after{content:"";z-index:2;opacity:0;pointer-events:none;background:#000;animation:linear both cjp-sm-dim;animation-timeline:--sm-cover;animation-range:entry;position:absolute;top:0;bottom:0;left:0;right:0}:where(:root:not([data-cjp-motion=reduce])) [data-transition=cover]>:first-child+*{z-index:3;view-timeline:--sm-cover block;position:relative;box-shadow:0 -1.5rem 3rem -1.5rem rgba(0,0,0,.35)}}:where(:root:not([data-cjp-motion=reduce])) [data-transition=tone-shift]{timeline-scope:--sm-tone;isolation:isolate;clip-path:inset(0)}:where(:root:not([data-cjp-motion=reduce])) [data-transition=tone-shift]>:last-child{view-timeline:--sm-tone block;background-color:transparent}:where(:root:not([data-cjp-motion=reduce])) [data-sm-layer]{z-index:-1;pointer-events:none;animation:linear both cjp-sm-fade;animation-timeline:--sm-tone;animation-range:entry 0% entry var(--sm-tone-end,25%);display:block;position:fixed;top:0;bottom:0;left:0;right:0}}}}@keyframes cjp-sm-rise{0%{transform:translate3d(0,var(--_rise,16px),0)}}@keyframes cjp-sm-frame{0%{clip-path:inset(var(--sm-inset,6%)round var(--sm-round,24px))}to{clip-path:inset(0)}}@keyframes cjp-sm-iris{0%{clip-path:circle(38%)}to{clip-path:circle(75%)}}@keyframes cjp-sm-wipe{0%{clip-path:var(--_w)}to{clip-path:inset(0)}}@keyframes cjp-sm-settle{0%{transform:scale(var(--sm-settle,1.06))}}@keyframes cjp-sm-drift{0%{transform:translate3d(0,calc(var(--drift,6%)*-1),0)scale(var(--drift-scale,1.125))}to{transform:translate3d(0,var(--drift,6%),0)scale(var(--drift-scale,1.125))}}@keyframes cjp-sm-progress{0%{transform:scaleX(0)}}@keyframes cjp-sm-recede{to{transform:scale(var(--sm-cover-scale,.96))}}@keyframes cjp-sm-dim{to{opacity:var(--sm-cover-dim,.45)}}@keyframes cjp-sm-fade{0%{opacity:0}to{opacity:1}}@media print{.reveal,.reveal-lg,.frame-open,.iris,.wipe-x,.wipe-y,.settle>*,.sm-drift,[data-transition=cover]>:first-child{clip-path:none!important;animation:none!important;transform:none!important}[data-transition=cover]>:first-child{position:relative!important}.scroll-progress,[data-sm-layer]{display:none!important}}
@layer components{.ss{--ss-top:0px;--ss-step-h:78svh;--ss-stack:12px;--ss-recede:.94;--ss-dim:.42;--ss-settle:1.06;--ss-gap:var(--space-8,4rem);--ss-radius:var(--radius-photo,12px);--ss-card-radius:var(--radius-card,var(--radius-photo,12px))}.ss-head{gap:var(--space-5,1.5rem);flex-direction:column;margin-bottom:var(--space-8,4rem);display:flex}.ss-heading,.ss-intro{margin:0}.ss-steps{gap:var(--ss-gap);counter-reset:none;grid-column:content;margin:0;padding:0;list-style:none;display:grid}.ss-step{min-width:0;max-width:none;margin:0}.ss-fig{isolation:isolate;border-radius:var(--ss-radius);background-color:var(--surface-2,#eee);aspect-ratio:var(--photo-ratio,4/3);margin:0;position:relative;overflow:hidden}.ss-frame{position:absolute;top:0;bottom:0;left:0;right:0}.ss-img{object-fit:cover}.ss-defer{animation:1ms 1.2s both ss-defer;position:absolute;top:0;bottom:0;left:0;right:0}.ss-text{gap:var(--space-3,.75rem);flex-direction:column;min-width:0;display:flex}.ss-index{align-items:baseline;gap:var(--space-3,.75rem);font-family:var(--font-display,var(--font-body,system-ui,sans-serif));font-weight:var(--display-weight,700);font-stretch:var(--display-stretch,100%);font-size:var(--text-index,1.125rem);color:var(--mark,currentColor);font-variant-numeric:tabular-nums lining-nums;margin:0;line-height:1;display:flex}.ss-index:after{content:"";background:var(--line,color-mix(in oklab,currentColor 18%,transparent));flex:auto;align-self:center;height:1px;max-width:4rem}.ss-count{color:var(--muted,currentColor)}.ss-title{font-family:var(--font-display,var(--font-body,system-ui,sans-serif));font-weight:var(--display-weight,700);font-stretch:var(--display-stretch,100%);font-size:var(--text-display-md,clamp(1.8rem,1.2rem + 2.4vw,3.1rem));letter-spacing:calc(-.02em*var(--display-track,1));text-wrap:balance;max-width:16ch;margin:0;line-height:1}.ss-line{font-size:var(--text-lede,1.25rem);color:var(--fg-2,currentColor);max-width:34ch;margin:0;line-height:1.35}.ss-plate{display:contents}.ss[data-transition=wipe-up]{--ss-swap-name:cjp-ss-wipe}.ss[data-transition=crossfade]{--ss-swap-name:cjp-ss-fade}.ss[data-transition=iris]{--ss-swap-name:cjp-ss-iris}.ss[data-variant=media-sticky] .ss-step{gap:var(--space-5,1.5rem);display:grid}@media (min-width:48rem){.ss[data-variant=media-sticky] .ss-steps{gap:var(--space-8,4rem)}.ss[data-variant=media-sticky] .ss-step{column-gap:var(--space-7,3rem);grid-template-columns:minmax(0,4fr) minmax(0,8fr);align-items:end}.ss[data-variant=media-sticky] .ss-fig{aspect-ratio:3/2;order:2}.ss[data-variant=media-sticky][data-side=left] .ss-step{grid-template-columns:minmax(0,8fr) minmax(0,4fr)}.ss[data-variant=media-sticky][data-side=left] .ss-fig{order:0}}.ss:-webkit-any([data-variant=media-sticky],[data-cards=all]) .ss-index{font-size:var(--text-stat,clamp(3.2rem,1.6rem + 6vw,7.5rem));color:transparent;-webkit-text-stroke:1.5px var(--mark,currentColor);line-height:.85}.ss:-moz-any([data-variant=media-sticky],[data-cards=all]) .ss-index{font-size:var(--text-stat,clamp(3.2rem,1.6rem + 6vw,7.5rem));color:transparent;-webkit-text-stroke:1.5px var(--mark,currentColor);line-height:.85}.ss:is([data-variant=media-sticky],[data-cards=all]) .ss-index{font-size:var(--text-stat,clamp(3.2rem,1.6rem + 6vw,7.5rem));color:transparent;-webkit-text-stroke:1.5px var(--mark,currentColor);line-height:.85}.ss:-webkit-any([data-variant=media-sticky],[data-cards=all]) .ss-index:after{display:none}.ss:-moz-any([data-variant=media-sticky],[data-cards=all]) .ss-index:after{display:none}.ss:is([data-variant=media-sticky],[data-cards=all]) .ss-index:after{display:none}@media (max-width:47.99rem){.ss[data-cards] .ss-steps{gap:var(--space-5,1.5rem)}.ss[data-cards] .ss-step{border-radius:var(--ss-card-radius);background-color:var(--surface);color:var(--fg);flex-direction:column;display:flex;position:relative;overflow:hidden}.ss[data-cards=phone] .ss-step{background-color:var(--surface-2);box-shadow:0 0 0 1px var(--line),0 -.75rem 1.5rem -1rem rgba(0,0,0,.28)}.ss[data-cards] .ss-fig{aspect-ratio:4/3;border-radius:0}.ss[data-cards] .ss-text{padding:var(--space-5,1.5rem)var(--space-5,1.5rem)var(--space-6,2rem)}.ss[data-cards] .ss-title{font-size:var(--text-display-md,1.8rem)}.ss[data-cards] .ss-line{font-size:var(--text-body,1.0625rem);line-height:1.45}}@media (min-width:48rem){.ss[data-cards=all] .ss-steps{gap:var(--space-6,2rem)}.ss[data-cards=all] .ss-step{border-radius:var(--ss-card-radius);background-color:var(--surface);min-height:max(24rem,min(62svh,38rem));color:var(--fg);grid-template-columns:minmax(0,5fr) minmax(0,7fr);display:grid;position:relative;overflow:hidden}.ss[data-cards=all] .ss-fig{aspect-ratio:auto;border-radius:0;grid-area:1/2}.ss[data-cards=all] .ss-text{padding:var(--space-7,3rem);grid-area:1/1;justify-content:space-between}.ss[data-cards=all] .ss-copy{gap:var(--space-4,1rem);flex-direction:column;display:flex}}.ss-copy{gap:var(--space-3,.75rem);flex-direction:column;display:flex}.ss[data-variant=scrub-sequence] .ss-steps{gap:var(--space-7,3rem)var(--grid-gap,1.25rem);grid-template-columns:repeat(auto-fit,minmax(min(100%,15rem),1fr))}.ss[data-variant=scrub-sequence] .ss-step{gap:var(--space-4,1rem);flex-direction:column;display:flex}.ss[data-variant=scrub-sequence] .ss-fig{aspect-ratio:4/5}.ss[data-variant=scrub-sequence] .ss-title{font-size:max(1.375rem,min(1.1rem + .9vw,1.75rem));line-height:1.1}.ss[data-variant=scrub-sequence] .ss-line{font-size:var(--text-body,1.0625rem);color:var(--muted,currentColor);line-height:1.45}}@supports (animation-timeline:view()) and (timeline-scope:--a){@media (prefers-reduced-motion:no-preference){@layer components{:where(:root:not([data-cjp-motion=reduce])) .ss-steps{timeline-scope:var(--ss-scope)}:where(:root:not([data-cjp-motion=reduce])) .ss{--ss-swap:none;--ss-settle-anim:none}:where(:root:not([data-cjp-motion=reduce])) .ss[data-variant=scrub-sequence]{--ss-swap:var(--ss-swap-name,cjp-ss-fade);--ss-settle-anim:cjp-ss-settle}@media (min-width:48rem){:where(:root:not([data-cjp-motion=reduce])) .ss[data-variant=media-sticky]{--ss-swap:var(--ss-swap-name,cjp-ss-wipe);--ss-settle-anim:cjp-ss-settle}}:where(:root:not([data-cjp-motion=reduce])) .ss .ss-step:not(:first-child) .ss-fig{animation-name:var(--ss-swap);animation-timing-function:linear;animation-fill-mode:both;animation-timeline:var(--ss-name);animation-range:entry var(--ss-from,30%)cover var(--ss-to,48%)}:where(:root:not([data-cjp-motion=reduce])) .ss .ss-step:not(:first-child) .ss-img{animation-name:var(--ss-settle-anim);animation-timing-function:linear;animation-fill-mode:both;animation-timeline:var(--ss-name);animation-range:entry var(--ss-from,30%)cover var(--ss-to,48%)}:where(:root:not([data-cjp-motion=reduce])) .ss-steps[data-ss-live] :-webkit-any(.ss-fig,.ss-img){animation:none!important}:where(:root:not([data-cjp-motion=reduce])) .ss-steps[data-ss-live] :-moz-any(.ss-fig,.ss-img){animation:none!important}:where(:root:not([data-cjp-motion=reduce])) .ss-steps[data-ss-live] :is(.ss-fig,.ss-img){animation:none!important}@media (min-width:48rem){:where(:root:not([data-cjp-motion=reduce])) .ss[data-variant=media-sticky]{--ss-fig-top:calc(var(--ss-top) + var(--space-5,1.5rem))}:where(:root:not([data-cjp-motion=reduce])) .ss[data-variant=media-sticky] .ss-steps{column-gap:var(--space-8,4rem);gap:0 var(--space-8,4rem);grid-column:1 col-start/full-end;grid-template-columns:minmax(0,5fr) minmax(0,7fr)}:where(:root:not([data-cjp-motion=reduce])) .ss[data-variant=media-sticky][data-side=left] .ss-steps{grid-column:full-start/12 col-end;grid-template-columns:minmax(0,7fr) minmax(0,5fr)}:where(:root:not([data-cjp-motion=reduce])) .ss[data-variant=media-sticky] .ss-step{display:contents}:where(:root:not([data-cjp-motion=reduce])) .ss[data-variant=media-sticky] .ss-fig{grid-column:2;grid-row:1/var(--ss-end);top:var(--ss-fig-top);height:calc(100svh - var(--ss-fig-top) - var(--space-5,1.5rem));aspect-ratio:auto;border-radius:var(--ss-radius)0 0 var(--ss-radius);align-self:start;max-height:60rem;position:-webkit-sticky;position:sticky}:where(:root:not([data-cjp-motion=reduce])) .ss[data-variant=media-sticky] .ss-step:nth-child(n) .ss-fig{order:0}:where(:root:not([data-cjp-motion=reduce])) .ss[data-variant=media-sticky][data-side=left] .ss-fig{border-radius:0 var(--ss-radius)var(--ss-radius)0;grid-column:1}:where(:root:not([data-cjp-motion=reduce])) .ss[data-variant=media-sticky] .ss-text{grid-column:1;grid-row:var(--ss-row);min-height:var(--ss-step-h);padding-block:var(--space-7,3rem);view-timeline-name:var(--ss-name);view-timeline-axis:block;justify-content:center;position:relative}:where(:root:not([data-cjp-motion=reduce])) .ss[data-variant=media-sticky] .ss-text:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){padding-left:var(--space-6,2rem)}:where(:root:not([data-cjp-motion=reduce])) .ss[data-variant=media-sticky] .ss-text:not(:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){padding-left:var(--space-6,2rem)}:where(:root:not([data-cjp-motion=reduce])) .ss[data-variant=media-sticky] .ss-text:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){padding-left:var(--space-6,2rem)}:where(:root:not([data-cjp-motion=reduce])) .ss[data-variant=media-sticky] .ss-text:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){padding-right:var(--space-6,2rem)}:where(:root:not([data-cjp-motion=reduce])) .ss[data-variant=media-sticky] .ss-text:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){padding-right:var(--space-6,2rem)}:where(:root:not([data-cjp-motion=reduce])) .ss[data-variant=media-sticky] .ss-text:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){padding-right:var(--space-6,2rem)}:where(:root:not([data-cjp-motion=reduce])) .ss[data-variant=media-sticky][data-side=left] .ss-text{grid-column:2}:where(:root:not([data-cjp-motion=reduce])) .ss[data-variant=media-sticky] .ss-text:before{content:"";inset-block:var(--space-7,3rem);background:var(--line,color-mix(in oklab,currentColor 14%,transparent));width:2px;position:absolute}:where(:root:not([data-cjp-motion=reduce])) .ss[data-variant=media-sticky] .ss-text:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))):before{left:0}:where(:root:not([data-cjp-motion=reduce])) .ss[data-variant=media-sticky] .ss-text:not(:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))):before{left:0}:where(:root:not([data-cjp-motion=reduce])) .ss[data-variant=media-sticky] .ss-text:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))):before{left:0}:where(:root:not([data-cjp-motion=reduce])) .ss[data-variant=media-sticky] .ss-text:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)):before{right:0}:where(:root:not([data-cjp-motion=reduce])) .ss[data-variant=media-sticky] .ss-text:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)):before{right:0}:where(:root:not([data-cjp-motion=reduce])) .ss[data-variant=media-sticky] .ss-text:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)):before{right:0}:where(:root:not([data-cjp-motion=reduce])) .ss[data-variant=media-sticky] .ss-text:after{content:"";inset-block:var(--space-7,3rem);background:var(--line,color-mix(in oklab,currentColor 14%,transparent));width:2px;position:absolute}:where(:root:not([data-cjp-motion=reduce])) .ss[data-variant=media-sticky] .ss-text:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))):after{left:0}:where(:root:not([data-cjp-motion=reduce])) .ss[data-variant=media-sticky] .ss-text:not(:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))):after{left:0}:where(:root:not([data-cjp-motion=reduce])) .ss[data-variant=media-sticky] .ss-text:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))):after{left:0}:where(:root:not([data-cjp-motion=reduce])) .ss[data-variant=media-sticky] .ss-text:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)):after{right:0}:where(:root:not([data-cjp-motion=reduce])) .ss[data-variant=media-sticky] .ss-text:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)):after{right:0}:where(:root:not([data-cjp-motion=reduce])) .ss[data-variant=media-sticky] .ss-text:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)):after{right:0}:where(:root:not([data-cjp-motion=reduce])) .ss[data-variant=media-sticky] .ss-text:after{background:var(--mark,currentColor);transform-origin:50% 0;animation:linear both cjp-ss-fill;animation-timeline:var(--ss-name);animation-range:entry 70% exit 30%}:where(:root:not([data-cjp-motion=reduce])) .ss[data-variant=media-sticky] .ss-title{font-size:var(--text-display-lg,clamp(2.3rem,1.4rem + 3.6vw,5rem));letter-spacing:calc(-.03em*var(--display-track,1));max-width:14ch;line-height:.95}}@media (max-width:47.99rem){:where(:root:not([data-cjp-motion=reduce])) .ss[data-cards] .ss-step{top:calc(var(--ss-top) + var(--space-4,1rem) + var(--ss-k)*var(--ss-stack));transform-origin:50% 0;view-timeline-name:var(--ss-name);view-timeline-axis:block;height:min(76svh,40rem);position:-webkit-sticky;position:sticky}:where(:root:not([data-cjp-motion=reduce])) .ss[data-cards] .ss-fig{aspect-ratio:auto;flex:auto;min-height:0}}@media (min-width:48rem){:where(:root:not([data-cjp-motion=reduce])) .ss[data-cards=all] .ss-steps{gap:var(--space-9,6rem)}:where(:root:not([data-cjp-motion=reduce])) .ss[data-cards=all] .ss-step{top:calc(var(--ss-top) + var(--space-6,2rem) + var(--ss-k)*var(--ss-stack));height:min(calc(100svh - var(--ss-top) - var(--space-9,6rem)),40rem);transform-origin:50% 0;view-timeline-name:var(--ss-name);view-timeline-axis:block;min-height:22rem;position:-webkit-sticky;position:sticky}}:where(:root:not([data-cjp-motion=reduce])) .ss[data-cards=all] .ss-step:not(:last-child){animation:linear both cjp-ss-recede;animation-timeline:var(--ss-next);animation-range:entry}:where(:root:not([data-cjp-motion=reduce])) .ss[data-cards=all] .ss-step:not(:last-child):after{content:"";z-index:2;opacity:0;pointer-events:none;animation:linear both cjp-ss-dim;animation-timeline:var(--ss-next);background:#000;animation-range:entry;position:absolute;top:0;bottom:0;left:0;right:0}@media (max-width:47.99rem){:where(:root:not([data-cjp-motion=reduce])) .ss[data-cards=phone] .ss-step:not(:last-child){animation:linear both cjp-ss-recede;animation-timeline:var(--ss-next);animation-range:entry}:where(:root:not([data-cjp-motion=reduce])) .ss[data-cards=phone] .ss-step:not(:last-child):after{content:"";z-index:2;opacity:0;pointer-events:none;animation:linear both cjp-ss-dim;animation-timeline:var(--ss-next);background:#000;animation-range:entry;position:absolute;top:0;bottom:0;left:0;right:0}}:where(:root:not([data-cjp-motion=reduce])) .ss[data-variant=scrub-sequence]{--ss-from:85%;--ss-to:50%}:where(:root:not([data-cjp-motion=reduce])) .ss[data-variant=scrub-sequence] .ss-steps{grid-column:full;grid-template-columns:minmax(0,1fr);gap:0}:where(:root:not([data-cjp-motion=reduce])) .ss[data-variant=scrub-sequence] .ss-step{display:contents}:where(:root:not([data-cjp-motion=reduce])) .ss[data-variant=scrub-sequence] .ss-fig{grid-column:1;grid-row:1/var(--ss-end);top:var(--ss-top);height:calc(100svh - var(--ss-top));aspect-ratio:auto;border-radius:0;align-self:start;position:-webkit-sticky;position:sticky}:where(:root:not([data-cjp-motion=reduce])) .ss[data-variant=scrub-sequence] .ss-text{grid-column:1;grid-row:var(--ss-row);z-index:1;min-height:var(--ss-step-h);padding:var(--space-6,2rem)var(--gutter,1.25rem);view-timeline-name:var(--ss-name);view-timeline-axis:block;pointer-events:none;justify-content:flex-end;position:relative}:where(:root:not([data-cjp-motion=reduce])) .ss[data-variant=scrub-sequence] .ss-text:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){padding-left:max(var(--gutter,1.25rem),(100% - var(--container-page,76rem))/2)}:where(:root:not([data-cjp-motion=reduce])) .ss[data-variant=scrub-sequence] .ss-text:not(:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){padding-left:max(var(--gutter,1.25rem),(100% - var(--container-page,76rem))/2)}:where(:root:not([data-cjp-motion=reduce])) .ss[data-variant=scrub-sequence] .ss-text:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){padding-left:max(var(--gutter,1.25rem),(100% - var(--container-page,76rem))/2)}:where(:root:not([data-cjp-motion=reduce])) .ss[data-variant=scrub-sequence] .ss-text:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){padding-right:max(var(--gutter,1.25rem),(100% - var(--container-page,76rem))/2)}:where(:root:not([data-cjp-motion=reduce])) .ss[data-variant=scrub-sequence] .ss-text:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){padding-right:max(var(--gutter,1.25rem),(100% - var(--container-page,76rem))/2)}:where(:root:not([data-cjp-motion=reduce])) .ss[data-variant=scrub-sequence] .ss-text:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){padding-right:max(var(--gutter,1.25rem),(100% - var(--container-page,76rem))/2)}:where(:root:not([data-cjp-motion=reduce])) .ss[data-variant=scrub-sequence] .ss-plate{gap:var(--space-3,.75rem);width:min(100%,24rem);padding:var(--space-5,1.5rem);border-radius:var(--ss-card-radius);background-color:var(--surface);color:var(--fg);pointer-events:auto;flex-direction:column;display:flex;box-shadow:0 1.25rem 2.5rem -1.5rem rgba(0,0,0,.45)}:where(:root:not([data-cjp-motion=reduce])) .ss[data-variant=scrub-sequence] .ss-step:last-child .ss-text{min-height:calc(var(--ss-step-h)*.9)}}}}@keyframes cjp-ss-wipe{0%{clip-path:inset(100% 0 0)}to{clip-path:inset(0)}}@keyframes cjp-ss-fade{0%{opacity:0}to{opacity:1}}@keyframes cjp-ss-iris{0%{clip-path:circle(0% at 50% 55%)}to{clip-path:circle(75% at 50% 55%)}}@keyframes cjp-ss-settle{0%{transform:scale(var(--ss-settle,1.06))}to{transform:none}}@keyframes cjp-ss-fill{0%{transform:scaleY(0)}to{transform:scaleY(1)}}@keyframes cjp-ss-recede{to{transform:scale(var(--ss-recede,.94))}}@keyframes cjp-ss-dim{to{opacity:var(--ss-dim,.42)}}@media print{.ss .ss-step,.ss .ss-fig,.ss .ss-img,.ss .ss-text:after{clip-path:none!important;opacity:1!important;animation:none!important;position:relative!important;top:auto!important;transform:none!important}}@keyframes ss-defer{0%{display:none}to{display:block}}
@layer components{:where(.cjp-sh-text){text-wrap:balance}:where(.cjp-sh-text[data-face=display]){font-family:var(--font-display,var(--font-serif,serif));letter-spacing:-.015em;font-weight:400;line-height:1.08}:where(.cjp-sh-center){text-align:center}:where(.cjp-sh-rule){transform-origin:0;border-radius:1px;width:3.5rem;height:2px;margin-top:1.1rem;display:block}:where(.cjp-sh-center .cjp-sh-rule){transform-origin:50%;margin-left:auto;margin-right:auto}:where(.cjp-sh-line-mask){margin-bottom:-.12em;padding-bottom:.12em}}