.showcase{--inset:10px;--ml:max(var(--gutter), (100% - var(--frame-max)) / 2);--pw:clamp(15rem, 24vw, 26rem);--sc-h:var(--plate-h);--sc-mh:max(42svh, min(64svh, 100svh - 27rem));--end-w:min(18rem, 78vw);--top:calc(var(--fs-plate-no) * .8 + var(--s-2));--foot:10px;grid-template-columns:[full-start] var(--ml) [main-start] minmax(0, 1fr) [main-end] var(--ml) [full-end];padding-block:var(--section-y);background:var(--bg);align-items:start;display:grid;position:relative;overflow-x:clip}.showcase.showcase--inset{--ml:0px;background:0 0;padding-block:0}.showcase--inset .showcase__head{display:none}.showcase__head{align-items:baseline;gap:var(--s-2) var(--s-4);flex-wrap:wrap;grid-area:1/main;margin-block-end:var(--s-5);display:flex}.showcase__title{font-size:var(--fs-h2);letter-spacing:.06em;font-weight:900;line-height:1}:lang(en) .showcase__title{font:600 var(--fs-h2) / 1 var(--font-display);font-stretch:var(--wdth-semi);letter-spacing:var(--ls-display)}.showcase__meta{flex-wrap:wrap;gap:0 .7em;display:flex}.showcase__meta .sc-dot{color:var(--accent-text)}.showcase__note{font-size:var(--fs-note);color:var(--fg-2);flex-basis:100%;margin:0;line-height:1.5}.showcase__track{z-index:var(--z-content);align-items:end;column-gap:var(--col-gap);overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-inline:var(--inset);padding-block:var(--top) var(--foot);padding-inline:var(--inset);scrollbar-width:none;grid-area:2/full;grid-template-rows:auto auto;grid-auto-columns:max-content;grid-auto-flow:column;row-gap:0;display:grid;position:relative;overflow:auto hidden;container-type:inline-size}.showcase.is-js .showcase__track::-webkit-scrollbar{display:none}.showcase:not(.is-js) .showcase__track{scrollbar-width:thin;scrollbar-color:var(--fg-3) transparent}.showcase__track:focus-visible{outline:2px solid var(--fg);outline-offset:-2px;box-shadow:none}.showcase__slide{--media-w:min(84cqi - 2 * var(--mat-pad), var(--sc-mh) * var(--r));grid-row:span 2;grid-template-rows:subgrid;inline-size:calc(var(--media-w) + 2 * var(--mat-pad));scroll-snap-align:center;scroll-snap-stop:always;display:grid}.showcase__slide:first-child{margin-inline-start:max(0px, (100cqi - var(--media-w) - 2 * var(--mat-pad)) / 2)}.showcase__slide>.plate{align-self:end}.showcase .plate__media{inline-size:var(--media-w)}.showcase .plate__no{transition:color var(--t3) var(--ease-out);inset-block-end:100%}.showcase.is-js .plate.is-proof .plate__no{color:var(--fg-3)}.showcase__track:after{content:"";inline-size:max(0px, (100cqi - var(--end-w)) / 2 - var(--col-gap));grid-row:1}.showcase.is-js .plate:not(.is-active):not(:focus-within) .plate__mat:before,.showcase.is-js .plate:not(.is-active):not(:focus-within) .plate__mat:after{opacity:0}html[data-motion=on] .showcase .plate__mat:before,html[data-motion=on] .showcase .plate__mat:after{transition:opacity var(--t2) var(--ease-out), translate var(--t3) var(--ease-press)}html[data-motion=on] .showcase.is-js .plate:not(.is-active):not(:focus-within) .plate__mat:before{translate:.75rem .75rem}html[data-motion=on] .showcase.is-js .plate:not(.is-active):not(:focus-within) .plate__mat:after{translate:-.75rem -.75rem}@media (hover:hover){.showcase .plate.is-proof .plate__media:hover:before,.showcase .plate.is-proof .plate__media:hover:after{opacity:0}}.showcase .plate.is-proof .plate__media:focus-visible:before,.showcase .plate.is-proof .plate__media:focus-visible:after,.showcase:not(.is-js) .plate__media:before,.showcase:not(.is-js) .plate__media:after{opacity:0}html:not([data-motion=on]) .showcase .plate__media:before,html:not([data-motion=on]) .showcase .plate__media:after,html:not([data-motion=on]) .showcase .plate__no{transition:none}.showcase__end{inline-size:var(--end-w);align-self:stretch;gap:var(--s-2);min-block-size:12rem;padding:var(--s-1) 0 var(--s-2) var(--s-4);border-inline-start:var(--r2) solid var(--rule);scroll-snap-align:center;color:var(--fg);flex-direction:column;grid-row:1;display:flex}.sc-end__t{font:900 var(--fs-h3) / 1.2 var(--font-zh);letter-spacing:.06em}:lang(en) .sc-end__t{font:600 var(--fs-h3) / 1.15 var(--font-text);letter-spacing:0}.sc-end__alt{font:600 var(--fs-label) / 1.3 var(--font-sans);font-stretch:var(--wdth-condensed);letter-spacing:var(--ls-caps);color:var(--fg-2)}.sc-end__alt:lang(zh-Hans){font-family:var(--font-hei);letter-spacing:var(--ls-hei);font-weight:500}.sc-end__n{margin-block-start:auto}.sc-end__arrow{aspect-ratio:5;block-size:auto;inline-size:100%;fill:var(--accent)}.sc-end__shaft{transform-box:fill-box;transform-origin:100%}html[data-motion=on] .sc-end__shaft{transition:transform var(--t2) var(--ease-rule)}html[data-motion=on] .showcase__end:not(:hover,:focus-visible) .sc-end__shaft{transform:scaleX(.55)}.showcase__end:is(:hover,:focus-visible) .sc-end__t{color:var(--accent-text)}.showcase__shelf{block-size:var(--r2);background:var(--rule);grid-area:3/full;margin-block-start:calc(-1 * var(--foot))}.showcase__controls{display:none}.showcase.is-js .showcase__controls{align-items:center;gap:var(--s-1);margin-block:var(--s-2) var(--s-3);grid-area:4/main;display:flex}.sc-btn{block-size:44px;min-inline-size:44px;color:var(--fg);font:500 var(--fs-label) / 1 var(--font-hei);letter-spacing:var(--ls-hei);justify-content:center;align-items:center;gap:.35em;display:inline-flex;position:relative}:lang(en) .sc-btn{font:600 var(--fs-label) / 1 var(--font-sans);font-stretch:var(--wdth-condensed);letter-spacing:var(--ls-caps);text-transform:uppercase}.sc-g{fill:currentColor;flex:none;block-size:1.25rem;inline-size:1.25rem}.sc-g--br{display:none}.sc-prev .sc-g--wedge{scale:-1 1}.sc-g--play{color:var(--accent)}.sc-btn:hover{color:var(--accent-text)}.sc-btn:focus-visible{outline-offset:-2px;box-shadow:none}.sc-btn:focus-visible:before,.sc-btn:focus-visible:after,.sc-tick:focus-visible:before,.sc-tick:focus-visible:after{content:"";border:0 solid var(--accent);pointer-events:none;block-size:.6rem;inline-size:.6rem;position:absolute}.sc-btn:focus-visible:before,.sc-tick:focus-visible:before{border-block-start-width:var(--r2);border-inline-start-width:var(--r2);inset:-5px auto auto -5px}.sc-btn:focus-visible:after,.sc-tick:focus-visible:after{border-block-end-width:var(--r2);border-inline-end-width:var(--r2);inset:auto -5px -5px auto}.sc-play{padding-inline:var(--s-2)}.showcase:not(.has-autoplay) .sc-play,.sc-play .sc-g--play,.showcase:not(.is-playing) .sc-play .sc-g--pop{display:none}.showcase:not(.is-playing) .sc-play .sc-g--play{display:block}.sc-play__t{display:none}.showcase.is-playing .sc-play__t--pause,.showcase:not(.is-playing) .sc-play__t--play{clip-path:inset(50%);white-space:nowrap;block-size:1px;inline-size:1px;display:inline;position:absolute;overflow:hidden}.sc-segs{min-inline-size:3rem;margin-inline:var(--s-2);flex:1;gap:3px;display:flex}.sc-seg{block-size:var(--r2);background:var(--rule-soft);flex:1;position:relative}.sc-seg i{background:var(--fg);transform-origin:0;position:absolute;inset:0;transform:scaleX(0)}.sc-seg:has(~.is-active) i{transform:none}.sc-seg.is-active i{background:var(--accent);transform:none}.sc-count{white-space:nowrap;align-items:baseline;gap:.35em;margin-inline-start:auto;display:flex}.sc-count__now{font:900 max(1.5rem, var(--fs-h3)) / 1 var(--font-display);font-stretch:var(--wdth-condensed);font-variant-numeric:lining-nums tabular-nums;display:inline-flex}.sc-d{display:inline-block;overflow:clip}.sc-d i{font-style:normal;display:inline-block}.sc-count__of{font:600 var(--fs-label) / 1 var(--font-sans);font-stretch:var(--wdth-condensed);letter-spacing:var(--ls-caps);font-variant-numeric:tabular-nums lining-nums;color:var(--fg-3)}.showcase__fuse{display:none}.showcase__fuse i{background:var(--accent);transform-origin:0;position:absolute;inset:0;transform:scaleX(0)}.showcase:not(.is-playing) .showcase__fuse i{visibility:hidden}@keyframes sc-fuse{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.showcase .sc-burn{animation:sc-fuse var(--autoplay) linear forwards}.showcase.is-held .sc-burn{animation-play-state:paused}.showcase.is-single :is(.showcase__controls,.showcase__pager){display:none!important}.sc-cap{align-content:start;min-inline-size:0;display:grid}.sc-ln{min-inline-size:0}.sc-ln>*{display:block}.sc-cap.is-entering .sc-ln{overflow-clip-margin:.2em;overflow:clip}.sc-code{font:600 var(--fs-label) / 1.35 var(--font-sans);font-stretch:var(--wdth-condensed);letter-spacing:var(--ls-caps);text-transform:uppercase;font-variant-numeric:tabular-nums lining-nums;color:var(--fg-3)}.sc-code .reg{margin-inline-start:.15em}.sc-t{font-weight:900;line-height:var(--lh-head-zh);letter-spacing:.04em;text-wrap:balance}.sc-alt{font:italic 400 var(--fs-note) / 1.45 var(--font-text);color:var(--fg-2)}:lang(en) .sc-t{font-family:var(--font-text);font-weight:600;line-height:var(--lh-head-en);letter-spacing:0}:lang(en) .sc-cap--panel .sc-t{font-family:var(--font-display);font-stretch:var(--wdth-semi);letter-spacing:var(--ls-display)}.sc-alt:lang(zh-Hans){font:400 var(--fs-note) / 1.6 var(--font-zh);letter-spacing:.04em}.sc-story{font:600 var(--fs-label) / 1.45 var(--font-sans);font-stretch:var(--wdth-condensed);letter-spacing:.1em;text-transform:uppercase;color:var(--fg-2)}.sc-note{font-size:var(--fs-note);color:var(--fg-2);text-wrap:pretty;line-height:1.75}:lang(en) .sc-note{line-height:1.55}.sc-read{font-size:var(--fs-note);flex-wrap:wrap;gap:.2em 1em;line-height:1.5;display:flex}.sc-read a{color:var(--accent-text)}.sc-read__t{color:var(--fg-2);margin-inline-start:.3em}.sc-cap--slide{grid-row:2;align-self:start;gap:.2em;padding-block-start:var(--s-4)}.sc-cap--slide .sc-t{font-size:var(--fs-lead)}.showcase.is-js .sc-cap--slide,.showcase:not(.is-js) .showcase__shelf{display:none}.showcase:not(.is-js) .showcase__slide>.plate{position:relative}.showcase:not(.is-js) .showcase__slide>.plate:after{content:"";inset-inline:0 calc(-1 * var(--col-gap));block-size:var(--r2);background:var(--rule);position:absolute;inset-block-end:calc(-1 * var(--foot))}.showcase__panel{display:none}.showcase.is-js .showcase__panel{grid-area:5/main;display:grid}.showcase__panel>.sc-cap{visibility:hidden;grid-area:1/1;gap:.15em}.showcase__panel>.sc-cap.is-current{visibility:visible}.sc-cap--panel .sc-ln:first-child{display:none}.sc-cap--panel .sc-t{font-size:var(--fs-h3);margin-block-start:var(--s-1)}:lang(en) .sc-cap--panel .sc-t{font-size:max(1.5rem, var(--fs-h3))}.sc-cap--panel .sc-story{margin-block-start:var(--s-1)}.sc-cap--panel .sc-note{-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.sc-cap--panel .sc-read{margin-block-start:var(--s-1)}.showcase__pager{display:none}@media (width>=900px),(orientation:landscape) and (height<=560px) and (width>=640px){.showcase:not(.showcase--inset){grid-template-columns:[full-start] var(--ml) [panel-start] var(--pw) [panel-end] var(--col-gap) [main-start] minmax(0, 1fr) [main-end] var(--ml) [full-end]}.showcase:not(.showcase--inset) .showcase__head{grid-column:panel-start/main-end;margin-block-end:0}.showcase.is-js:not(.showcase--inset) .showcase__controls{margin:0 calc(-1 * var(--s-2)) -.6rem 0;grid-area:1/main;place-self:end;gap:0}.showcase:not(.showcase--inset) .sc-segs,.showcase:not(.showcase--inset) .sc-g--wedge{display:none}.showcase:not(.showcase--inset) .sc-g--br{block-size:auto;inline-size:auto;font:900 var(--fs-h2) / 1 var(--font-zh);font-feature-settings:"halt";-webkit-text-stroke:.04em currentColor;display:block}.showcase:not(.showcase--inset) .sc-play .sc-play__t{clip-path:none;block-size:auto;inline-size:auto;position:static;overflow:visible}.showcase:not(.showcase--inset) .sc-count{margin-inline-start:var(--s-4)}.showcase:not(.showcase--inset) .showcase__fuse{block-size:var(--r2);margin-block:var(--s-4) var(--s-7);background:var(--rule);grid-area:2/panel-start/auto/main-end;display:block;position:relative}.showcase.has-autoplay:not(.showcase--inset) .showcase__fuse{background:var(--rule-soft)}.showcase:not(.showcase--inset) .showcase__track{grid-area:3/main-start/auto/full-end;align-self:end}.showcase:not(.is-js):not(.showcase--inset) .showcase__track{grid-column:panel-start/full-end}.showcase:not(.showcase--inset) .showcase__slide{--media-w:min(var(--sc-h) * var(--r), 92cqi - 2 * var(--mat-pad));scroll-snap-align:start;scroll-snap-stop:normal}.showcase:not(.showcase--inset) .showcase__slide:first-child{margin-inline-start:0}.showcase:not(.showcase--inset) .showcase__track:after{inline-size:max(0px, 100cqi - 2 * var(--col-gap) - var(--end-w) - min(var(--sc-h) * var(--r-last), 92cqi - 2 * var(--mat-pad)) - 2 * var(--mat-pad))}.showcase:not(.showcase--inset) .showcase__end{--end-w:18rem;scroll-snap-align:none}.showcase:not(.showcase--inset) .showcase__end.is-snap{scroll-snap-align:end}.showcase:not(.showcase--inset) .showcase__shelf{grid-area:4/panel-start/auto/full-end}.showcase.is-js:not(.showcase--inset) .showcase__panel{padding-block:var(--top) calc(var(--foot) + var(--s-3));grid-area:3/panel;align-self:stretch}.showcase:not(.showcase--inset) .sc-cap--panel .sc-ln:first-child{display:block}.showcase:not(.showcase--inset) .sc-cap--panel .sc-no{font-size:var(--fs-display);line-height:var(--lh-numeral)}.showcase:not(.showcase--inset) .sc-cap--panel .sc-ln:nth-child(2){border-block-start:var(--r2) solid var(--rule);margin-block-start:var(--s-3);padding-block-start:var(--s-2)}.showcase:not(.showcase--inset) .sc-cap--panel .sc-t{font-size:var(--fs-h2);margin-block-start:var(--s-3)}.showcase:not(.showcase--inset) .sc-cap--panel .sc-alt{font-size:var(--fs-h3);font-weight:300;line-height:1.3}.showcase:not(.showcase--inset) .sc-cap--panel .sc-alt:lang(zh-Hans){font-weight:300}.showcase:not(.showcase--inset) .sc-cap--panel .sc-story{margin-block-start:var(--s-3)}.showcase:not(.showcase--inset) .sc-cap--panel .sc-note{margin-block-start:var(--s-2);display:block;overflow:visible}.showcase:not(.showcase--inset) .sc-cap--panel .sc-read{margin-block-start:var(--s-3)}.showcase.is-js:not(.showcase--inset) .showcase__pager{padding-inline:var(--inset) 0;border-block-start:var(--r1) solid var(--rule);grid-area:5/main;margin-block-start:6px;display:flex}.showcase:not(.showcase--inset) .sc-tick{min-block-size:24px;min-inline-size:24px;padding:0 0 var(--s-1);color:var(--fg-3);flex-direction:column;flex:0 3.75rem;align-items:flex-start;gap:5px;display:flex;position:relative}.showcase:not(.showcase--inset) .sc-tick__m{inline-size:var(--r1);background:var(--fg);transform-origin:50% 0;block-size:8px}.showcase:not(.showcase--inset) .sc-tick__l{font:600 var(--fs-label) / 1 var(--font-sans);font-stretch:var(--wdth-condensed);letter-spacing:.08em;font-variant-numeric:tabular-nums lining-nums;white-space:nowrap;translate:-.15em}.showcase:not(.showcase--inset) .sc-tick:hover{color:var(--fg)}.showcase:not(.showcase--inset) .sc-tick:hover .sc-tick__m{block-size:12px}.showcase:not(.showcase--inset) .sc-tick[aria-current]{color:var(--accent-text)}.showcase:not(.showcase--inset) .sc-tick[aria-current] .sc-tick__m{inline-size:var(--r2);background:var(--accent);block-size:16px}.showcase:not(.showcase--inset) .showcase__pager.is-tight .sc-tick__p{display:none}.showcase:not(.showcase--inset) .showcase__pager.is-tighter .sc-tick:not([aria-current]) .sc-tick__l{visibility:hidden}.showcase:not(.showcase--inset) .sc-tick:focus-visible{outline-offset:2px;box-shadow:none}.showcase.is-static:not(.showcase--inset) .showcase__track{justify-content:center}.showcase.is-static:not(.showcase--inset) .showcase__track:after,.showcase.is-static:not(.showcase--inset) :is(.showcase__controls,.showcase:not(.showcase--inset) .showcase__pager){display:none}}@media (width>=1400px){.showcase:not(.showcase--inset) .sc-cap--panel .sc-alt:lang(en){font-family:var(--font-display)}}@media (orientation:landscape) and (height<=560px){.showcase:not(.showcase--inset){--sc-h:min(var(--plate-h), 100svh - 9rem);padding-block:var(--s-8)}.showcase:not(.showcase--inset) .showcase__fuse{margin-block-end:var(--s-5)}.showcase:not(.showcase--inset) .sc-cap--panel .sc-ln:first-child{display:none}.showcase:not(.showcase--inset) .sc-cap--panel .sc-ln:nth-child(2){margin-block-start:0}.showcase:not(.showcase--inset) .sc-cap--panel .sc-t{font-size:var(--fs-h3)}:lang(en) .showcase:not(.showcase--inset) .sc-cap--panel .sc-t{font-size:1.5rem}.showcase:not(.showcase--inset) .sc-cap--panel .sc-alt{font-size:var(--fs-note);font-family:var(--font-text)}.showcase:not(.showcase--inset) .sc-cap--panel .sc-alt:lang(zh-Hans){font-family:var(--font-zh)}.showcase:not(.showcase--inset) .sc-cap--panel .sc-note{-webkit-line-clamp:3;line-clamp:3;display:-webkit-box;overflow:hidden}}@media (forced-colors:active){.showcase__shelf,.sc-seg i,.sc-tick__m,.showcase:not(.is-js) .showcase__slide>.plate:after{background:canvastext}.showcase__fuse{background:canvastext!important}.showcase__fuse i,.sc-seg.is-active i,.sc-tick[aria-current] .sc-tick__m{background:highlight}.sc-end__arrow,.sc-g{fill:canvastext}}@media print{.showcase__fuse,.showcase__pager,.showcase__panel,.showcase__shelf,.showcase__end{display:none!important}.showcase .sc-cap--slide{display:grid!important}.showcase__track{gap:var(--s-6);flex-wrap:wrap;padding:0;display:flex;overflow:visible}.showcase__track:after{display:none}.showcase__slide{break-inside:avoid;display:block;margin:0!important}.showcase .plate__media:before,.showcase .plate__media:after{display:none}}