@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));font-weight:400;letter-spacing:-.015em;line-height:1.08}:where(.cjp-sh-center){text-align:center}:where(.cjp-sh-rule){display:block;width:3.5rem;height:2px;margin-top:1.1rem;border-radius:1px;transform-origin:0 50%}:where(.cjp-sh-center .cjp-sh-rule){margin-inline:auto;transform-origin:50% 50%}:where(.cjp-sh-line-mask){padding-bottom:.12em;margin-bottom:-.12em}}@layer components{.ss{--ss-top:0px;--ss-step-h:78svh;--ss-stack:12px;--ss-recede:0.94;--ss-dim:0.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{display:flex;flex-direction:column;gap:var(--space-5,1.5rem);margin-block-end:var(--space-8,4rem)}.ss-heading,.ss-intro{margin:0}.ss-steps{grid-column:content;list-style:none;margin:0;padding:0;display:grid;gap:var(--ss-gap);counter-reset:none}.ss-step{max-inline-size:none;margin:0;min-inline-size:0}.ss-fig{position:relative;margin:0;overflow:hidden;isolation:isolate;border-radius:var(--ss-radius);background-color:var(--surface-2,#eee);aspect-ratio:var(--photo-ratio,4/3)}.ss-frame{position:absolute;inset:0}.ss-img{object-fit:cover}.ss-defer{position:absolute;inset:0;animation:ss-defer 1ms 1.2s both}.ss-text{flex-direction:column;min-inline-size:0}.ss-index,.ss-text{display:flex;gap:var(--space-3,.75rem)}.ss-index{align-items:baseline;margin:0;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);line-height:1;color:var(--mark,currentColor);font-variant-numeric:tabular-nums lining-nums}.ss-index:after{content:"";flex:1 1 auto;max-inline-size:4rem;block-size:1px;align-self:center;background:var(--line,color-mix(in oklab,currentColor 18%,transparent))}.ss-count{color:var(--muted,currentColor)}.ss-title{margin:0;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));line-height:1;letter-spacing:calc(-.02em * var(--display-track, 1));text-wrap:balance;max-inline-size:16ch}.ss-line{margin:0;font-size:var(--text-lede,1.25rem);line-height:1.35;color:var(--fg-2,currentColor);max-inline-size:34ch}.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{display:grid;gap:var(--space-5,1.5rem)}@media (min-width:48rem){.ss[data-variant=media-sticky] .ss-steps{gap:var(--space-8,4rem)}.ss[data-variant=media-sticky] .ss-step{grid-template-columns:minmax(0,4fr) minmax(0,8fr);column-gap:var(--space-7,3rem);align-items:end}.ss[data-variant=media-sticky] .ss-fig{order:2;aspect-ratio:3/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:is([data-variant=media-sticky],[data-cards=all]) .ss-index{font-size:var(--text-stat,clamp(3.2rem,1.6rem + 6vw,7.5rem));line-height:.85;color:transparent;-webkit-text-stroke:1.5px var(--mark,currentColor)}.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{position:relative;display:flex;flex-direction:column;overflow:hidden;border-radius:var(--ss-card-radius);background-color:var(--surface);color:var(--fg)}.ss[data-cards=phone] .ss-step{background-color:var(--surface-2);box-shadow:0 0 0 1px var(--line),0 -.75rem 1.5rem -1rem rgb(0 0 0/.28)}.ss[data-cards] .ss-fig{border-radius:0;aspect-ratio:4/3}.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{position:relative;display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);min-block-size:clamp(24rem,62svh,38rem);overflow:hidden;border-radius:var(--ss-card-radius);background-color:var(--surface);color:var(--fg)}.ss[data-cards=all] .ss-fig{grid-column:2;grid-row:1;aspect-ratio:auto;border-radius:0}.ss[data-cards=all] .ss-text{grid-column:1;grid-row:1;justify-content:space-between;padding:var(--space-7,3rem)}.ss[data-cards=all] .ss-copy{display:flex;flex-direction:column;gap:var(--space-4,1rem)}}.ss-copy{display:flex;flex-direction:column;gap:var(--space-3,.75rem)}.ss[data-variant=scrub-sequence] .ss-steps{grid-template-columns:repeat(auto-fit,minmax(min(100%,15rem),1fr));gap:var(--space-7,3rem) var(--grid-gap,1.25rem)}.ss[data-variant=scrub-sequence] .ss-step{display:flex;flex-direction:column;gap:var(--space-4,1rem)}.ss[data-variant=scrub-sequence] .ss-fig{aspect-ratio:4/5}.ss[data-variant=scrub-sequence] .ss-title{font-size:clamp(1.375rem,1.1rem + .9vw,1.75rem);line-height:1.1}.ss[data-variant=scrub-sequence] .ss-line{font-size:var(--text-body,1.0625rem);line-height:1.45;color:var(--muted,currentColor)}}@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] :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{grid-column:col-start 1/full-end;grid-template-columns:minmax(0,5fr) minmax(0,7fr);column-gap:var(--space-8,4rem);gap:0 var(--space-8,4rem)}:where(:root:not([data-cjp-motion=reduce])) .ss[data-variant=media-sticky][data-side=left] .ss-steps{grid-column:full-start/col-end 12;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);align-self:start;position:sticky;top:var(--ss-fig-top);block-size:calc(100svh - var(--ss-fig-top) - var(--space-5, 1.5rem));max-block-size:60rem;aspect-ratio:auto;border-radius:var(--ss-radius) 0 0 var(--ss-radius)}: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{grid-column:1;border-radius:0 var(--ss-radius) var(--ss-radius) 0}:where(:root:not([data-cjp-motion=reduce])) .ss[data-variant=media-sticky] .ss-text{grid-column:1;grid-row:var(--ss-row);position:relative;justify-content:center;min-block-size:var(--ss-step-h);padding-block:var(--space-7,3rem);padding-inline-start:var(--space-6,2rem);view-timeline-name:var(--ss-name);view-timeline-axis:block}: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:after,:where(:root:not([data-cjp-motion=reduce])) .ss[data-variant=media-sticky] .ss-text:before{content:"";position:absolute;inset-block:var(--space-7,3rem);inset-inline-start:0;inline-size:2px;background:var(--line,color-mix(in oklab,currentColor 14%,transparent))}:where(:root:not([data-cjp-motion=reduce])) .ss[data-variant=media-sticky] .ss-text:after{background:var(--mark,currentColor);transform-origin:50% 0;animation:cjp-ss-fill linear both;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));line-height:.95;letter-spacing:calc(-.03em * var(--display-track, 1));max-inline-size:14ch}}@media (max-width:47.99rem){:where(:root:not([data-cjp-motion=reduce])) .ss[data-cards] .ss-step{position:sticky;top:calc(var(--ss-top) + var(--space-4, 1rem) + var(--ss-k) * var(--ss-stack));block-size:min(76svh,40rem);transform-origin:50% 0;view-timeline-name:var(--ss-name);view-timeline-axis:block}:where(:root:not([data-cjp-motion=reduce])) .ss[data-cards] .ss-fig{flex:1 1 auto;aspect-ratio:auto;min-block-size: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{position:sticky;top:calc(var(--ss-top) + var(--space-6, 2rem) + var(--ss-k) * var(--ss-stack));block-size:min(calc(100svh - var(--ss-top) - var(--space-9, 6rem)),40rem);min-block-size:22rem;transform-origin:50% 0;view-timeline-name:var(--ss-name);view-timeline-axis:block}}:where(:root:not([data-cjp-motion=reduce])) .ss[data-cards=all] .ss-step:not(:last-child){animation:cjp-ss-recede linear both;animation-timeline:var(--ss-next);animation-range:entry 0 entry 100%}:where(:root:not([data-cjp-motion=reduce])) .ss[data-cards=all] .ss-step:not(:last-child):after{content:"";position:absolute;inset:0;z-index:2;background:#000;opacity:0;pointer-events:none;animation:cjp-ss-dim linear both;animation-timeline:var(--ss-next);animation-range:entry 0 entry 100%}@media (max-width:47.99rem){:where(:root:not([data-cjp-motion=reduce])) .ss[data-cards=phone] .ss-step:not(:last-child){animation:cjp-ss-recede linear both;animation-timeline:var(--ss-next);animation-range:entry 0 entry 100%}:where(:root:not([data-cjp-motion=reduce])) .ss[data-cards=phone] .ss-step:not(:last-child):after{content:"";position:absolute;inset:0;z-index:2;background:#000;opacity:0;pointer-events:none;animation:cjp-ss-dim linear both;animation-timeline:var(--ss-next);animation-range:entry 0 entry 100%}}: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);align-self:start;position:sticky;top:var(--ss-top);block-size:calc(100svh - var(--ss-top));aspect-ratio:auto;border-radius:0}: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;position:relative;min-block-size:var(--ss-step-h);justify-content:flex-end;padding:var(--space-6,2rem) var(--gutter,1.25rem);padding-inline-start:max(var(--gutter,1.25rem),(100% - var(--container-page,76rem))/2);view-timeline-name:var(--ss-name);view-timeline-axis:block;pointer-events:none}:where(:root:not([data-cjp-motion=reduce])) .ss[data-variant=scrub-sequence] .ss-plate{display:flex;flex-direction:column;gap:var(--space-3,.75rem);inline-size:min(100%,24rem);padding:var(--space-5,1.5rem);border-radius:var(--ss-card-radius);background-color:var(--surface);color:var(--fg);box-shadow:0 1.25rem 2.5rem -1.5rem rgb(0 0 0/.45);pointer-events:auto}:where(:root:not([data-cjp-motion=reduce])) .ss[data-variant=scrub-sequence] .ss-step:last-child .ss-text{min-block-size:calc(var(--ss-step-h) * .9)}}}}@keyframes cjp-ss-wipe{0%{clip-path:inset(100% 0 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-fig,.ss .ss-img,.ss .ss-step,.ss .ss-text:after{animation:none!important;transform:none!important;clip-path:none!important;opacity:1!important;position:relative!important;top:auto!important}}@keyframes ss-defer{0%{display:none}to{display:block}}