@property --cal{syntax:"<integer>";inherits:false;initial-value:0}@layer components{.s3{position:relative;overflow-x:clip;padding-block:var(--sy-l);background-color:var(--color-paper);color:var(--color-graphite-950)}.s3[data-tone=paper-2]{background-color:var(--color-paper-2)}.s3-dark{overflow:clip;background-color:var(--color-graphite-950);color:var(--color-white)}.s3-dark:before{content:"";position:absolute;inset:0;background-image:var(--grain);opacity:.03;pointer-events:none}.s3-wrap{position:relative;z-index:1}.s3-head{margin-block-end:32px}.s3-label{margin:0 0 16px;color:var(--color-steel-500)}.s3-dark .s3-label{color:var(--color-fog-400)}.s3-title{margin:0;max-inline-size:20em;text-wrap:balance}.s3-lead{margin:16px 0 0;max-inline-size:56ch;color:var(--color-steel-700);text-wrap:pretty}:lang(zh) .s3-lead{max-inline-size:32em}.s3-dark .s3-lead{color:var(--color-fog-300)}.s3-after{margin:32px 0 0}@media (min-width:768px){.s3-head{margin-block-end:48px}.s3-after{margin-block-start:48px}}.s3-facts{padding-block:48px;background-color:var(--color-paper);color:var(--color-graphite-950)}.s3-facts-list{margin:0;padding:0;list-style:none;row-gap:32px}.s3-fact{grid-column:span 2;display:flex;flex-direction:column;gap:8px;min-inline-size:0;padding-block-start:16px;border-block-start:1px solid var(--color-steel-200)}.s3-fact-fig{font-variant-numeric:tabular-nums;white-space:nowrap}.s3-fig-unit{margin-inline-start:.06em;font-size:.5em;font-weight:400}.s3-fact-label{color:var(--color-steel-700)}@media (min-width:1024px){.s3-facts{padding-block:64px}.s3-fact{grid-column:span 3}}.s3-caps{display:grid;gap:40px 16px;margin:0;padding:0;list-style:none}@media (min-width:768px){.s3-caps{grid-template-columns:repeat(2,minmax(0,1fr));gap:48px 32px}}.s3-cap{position:relative;display:flex;flex-direction:column;min-inline-size:0;container-type:inline-size}.s3-cap-visual{position:relative;aspect-ratio:3/2;overflow:hidden;background-color:var(--color-graphite-950);background-image:var(--key-light);color:var(--color-fog-300)}.s3-cap-img{inset:0;z-index:1;inline-size:100%;block-size:100%;object-fit:cover;clip-path:inset(0);transition:clip-path var(--dur-hover) var(--ease-in)}.s3-cap-drawing,.s3-cap-img{position:absolute;display:block}.s3-cap-drawing{inset:12% 14%;opacity:0;transition:opacity var(--dur-press) var(--ease-out) var(--dur-hover)}.s3-cap[data-visual=drawing] .s3-cap-drawing{opacity:1}.s3-cap-visual{transition:transform var(--dur-press) var(--ease-out)}.s3-cap:active .s3-cap-visual{transform:scale(.985)}.s3-cal{position:absolute;z-index:1;inset-inline-start:20px;inset-block-end:20px;display:inline-flex;align-items:baseline;gap:.5em;font-family:var(--font-mono);font-size:14px;line-height:1.3;letter-spacing:.02em;color:var(--color-white);font-variant-numeric:tabular-nums;opacity:0;transition:opacity var(--dur-hover) var(--ease-out)}.s3-cal-cap{color:var(--color-fog-300)}.s3-cal-read{position:relative;display:inline-flex;align-items:baseline;padding-block-start:10px}.s3-cal-read:before{content:"";position:absolute;inset-block-start:0;inset-inline:0;block-size:9px;border:1px solid;border-block-end:0;opacity:.7}.s3-cal-num{--cal:var(--cal-to);counter-reset:cal var(--cal)}.s3-cal-num:after{content:counter(cal)}@media (hover:hover){.s3-cal-read:before{clip-path:inset(0 100% 0 0);transition:clip-path var(--dur-hover) var(--ease-in)}.s3-cap:hover .s3-cap-img{clip-path:inset(0 0 0 100%);transition-duration:var(--dur-reveal);transition-timing-function:var(--ease-in-out)}.s3-cap:hover .s3-cal,.s3-cap:hover .s3-cap-drawing{opacity:1}.s3-cap:hover .s3-cap-drawing{transition:opacity var(--dur-press) var(--ease-out)}.s3-cap:hover .s3-cal-read:before{clip-path:inset(0);transition-duration:var(--dur-fade);transition-timing-function:var(--ease-out)}.s3-cap:hover .s3-cal-num{animation:s3-cal var(--dur-reveal) steps(6) both}}.s3-cap:has(.s3-cap-link:focus-visible) .s3-cap-img{clip-path:inset(0 0 0 100%);transition-duration:var(--dur-reveal);transition-timing-function:var(--ease-in-out)}.s3-cap:has(.s3-cap-link:focus-visible) :is(.s3-cap-drawing,.s3-cal){opacity:1}.s3-cap:has(.s3-cap-link:focus-visible) .s3-cal-read:before{clip-path:inset(0)}.s3-cap:has(.s3-cap-link:focus-visible) .s3-cal-num{animation:s3-cal var(--dur-reveal) steps(6) both}[dir=rtl] .s3-cap:is(:hover,:has(.s3-cap-link:focus-visible)) .s3-cap-img{clip-path:inset(0 100% 0 0)}@media (hover:none){.s3-cal{opacity:1}}@keyframes s3-cal{0%{--cal:0}to{--cal:var(--cal-to)}}.s3-cap-title{margin:20px 0 0}.s3-cap-link{display:inline-flex;align-items:center;gap:10px;color:inherit;text-decoration:none}.s3-cap-link>svg{flex:none;inline-size:24px;block-size:24px;transition:transform var(--dur-hover) var(--ease-out)}.s3-cap-link:after{content:"";position:absolute;inset:0;z-index:1}.s3-cap-link:focus-visible{outline:none}.s3-cap:has(.s3-cap-link:focus-visible){outline:2px solid var(--color-graphite-950);outline-offset:6px}@media (hover:hover) and (pointer:fine){.s3-cap:hover .s3-cap-link>svg{transform:translateX(calc(var(--nudge) * var(--dir)));animation:arrow-pass var(--dur-progress) var(--ease-in-out)}}.s3-cap-more{margin-inline-start:8px;white-space:nowrap;color:var(--color-steel-700);transition:color var(--dur-hover) var(--ease-out)}.s3-cap:is(:hover,:has(.s3-cap-link:focus-visible)) .s3-cap-more{color:var(--color-graphite-950)}@container (inline-size < 29rem){.s3-cap-more{display:block;margin:4px 0 0}}.s3-cap-limits{margin:8px 0 0;max-inline-size:52ch;color:var(--color-steel-700)}.s3-steps{position:relative;display:grid;gap:32px;margin:0;padding:0 0 0 24px;list-style:none}.s3-steps:before{content:"";position:absolute;inset-block:6px 0;inset-inline-start:0;inline-size:1px;background-color:var(--color-fog-500)}.s3-step{position:relative;display:grid;grid-template-columns:96px minmax(0,1fr);grid-template-areas:"art time" "art title" "art deliv" "art gate";grid-template-rows:auto auto auto 1fr;column-gap:20px;align-items:start}.s3-step-art{grid-area:art;inline-size:96px;block-size:auto;color:var(--color-fog-300);fill:none;stroke:currentColor;stroke-width:1.25;stroke-linecap:round;stroke-linejoin:round}.s3-step-art *{vector-effect:non-scaling-stroke}.s3-step-tick{position:absolute;inset-block-start:10px;inset-inline-start:-24px;inline-size:9px;block-size:1px;background-color:var(--color-fog-300)}.s3-step-time{grid-area:time;margin:0;font-size:20px;line-height:1.25;color:var(--color-white);font-variant-numeric:tabular-nums}.s3-step-title{grid-area:title;margin:6px 0 0;color:var(--color-white)}.s3-step-deliv{grid-area:deliv;margin:4px 0 0;color:var(--color-fog-300)}.s3-step-gate{grid-area:gate;justify-self:start;margin:12px 0 0;padding:3px 8px;border:1px solid var(--color-fog-500);color:var(--color-white)}@media (min-width:1024px){.s3-steps{grid-template-columns:repeat(6,minmax(0,1fr));column-gap:var(--col-gap);padding:0}.s3-steps:before{inset-block:128px auto;inset-inline:0;inline-size:auto;block-size:1px}.s3-step{display:flex;flex-direction:column}.s3-step-art{inline-size:min(100%,160px);block-size:104px}.s3-step-tick{position:static;flex:none;margin-block-start:24px;inline-size:1px;block-size:9px}.s3-step-time{margin-block-start:16px;font-size:22px}}html:not(.vt-active) .s3-steps[data-reveal-state=pending]:before{transform:scaleY(0)}.s3-steps[data-reveal-state=play]:before{transform-origin:top;animation:s3-rail var(--sweep-dur,.5s) linear backwards}@media (min-width:1024px){html:not(.vt-active) .s3-steps[data-reveal-state=pending]:before{transform:scaleX(0)}.s3-steps[data-reveal-state=play]:before{transform-origin:left;animation-name:s3-ruler}}@keyframes s3-rail{0%{transform:scaleY(0)}}@keyframes s3-ruler{0%{transform:scaleX(0)}}.s3-quality{row-gap:48px;align-items:start}.s3-quality-photos,.s3-quality-text{grid-column:1/-1;min-inline-size:0}@media (min-width:1024px){.s3-quality-text{grid-column:1/span 5}.s3-quality-photos{grid-column:6/span 7}}.s3-instruments{margin:0;padding:0;list-style:none;border-block-start:1px solid var(--color-steel-200)}.s3-instrument{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:4px 16px;padding-block:14px;border-block-end:1px solid var(--color-steel-200)}.s3-instrument-name{margin:0;min-inline-size:0}.s3-instrument-range{margin:0;color:var(--color-steel-700);white-space:nowrap;font-variant-numeric:tabular-nums}.s3-fa{position:relative;margin-block-end:32px;padding-inline-start:24px}@media (max-width:1023.98px){.s3-quality{row-gap:24px}.s3-quality-text{display:contents}.s3-quality-photos,.s3-quality-text>*{grid-column:1/-1}.s3-fa{order:1;margin:0}.s3-instruments{order:2}.s3-quality-photos{order:3}.s3-quality-text>.s3-after{order:4;margin:0}}.s3-fa-tick{position:absolute;inset-block-start:.7em;inset-inline-start:0;inline-size:9px;block-size:1px;background-color:currentColor}.s3-fa-title{margin:0}.s3-fa-summary{margin:6px 0 0;color:var(--color-steel-700)}.s3-quality-photos{padding:16px;background-color:var(--color-paper-2)}@media (min-width:768px){.s3-quality-photos{padding:32px}}.s3-strip-wrap{margin-inline:calc(-1 * var(--gutter))}.strip3-scroller{overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-inline:var(--gutter);padding-inline:var(--gutter);padding-block:4px 8px;scrollbar-width:none}.strip3-scroller::-webkit-scrollbar{display:none}@media (hover:hover) and (pointer:fine){.strip3-scroller{cursor:grab}}.strip3-scroller[data-dragging]{cursor:grabbing;scroll-snap-type:none;user-select:none}.s3-cases{display:flex;gap:24px;inline-size:max-content;margin:0;padding:0;list-style:none}.s3-case-item{flex:none;scroll-snap-align:start}.s3-case{position:relative;display:flex;flex-direction:column;inline-size:300px;block-size:440px;background-color:var(--color-paper)}.s3-case-visual{position:relative;flex:none;display:grid;place-items:center;block-size:46%;margin:0;background-color:var(--color-graphite-950);background-image:var(--key-light);color:var(--color-fog-300)}.s3-case-drawing{display:block;inline-size:76%;block-size:72%}.s3-case-caption{position:absolute;inset-inline-start:16px;inset-block-end:12px;color:var(--color-fog-400)}.s3-case-visual[data-visual=photo]{overflow:hidden}.s3-case-photo{position:absolute;inset:0;display:block;inline-size:100%;block-size:100%;object-fit:cover}.s3-case-visual[data-visual=photo] .s3-case-caption{inset-block-end:10px;padding:3px 8px;border-radius:var(--radius-xs);background-color:rgb(11 13 15/.72);color:var(--color-fog-300)}.s3-case:not(:has(>.s3-case-visual)){block-size:auto;min-block-size:100%}.s3-case-item:has(>.s3-case:not(:has(>.s3-case-visual))){display:flex}.s3-case-body{display:flex;flex:1;flex-direction:column;gap:8px;min-block-size:0;padding:20px 20px 16px}.s3-case-industry{margin:0;color:var(--color-steel-500)}.s3-case-title{margin:0;text-wrap:pretty}.s3-case-link{color:inherit;text-decoration:none}.s3-case-link:after{content:"";position:absolute;inset:0;z-index:1}.s3-case-link:focus-visible{outline:none}.s3-case:has(.s3-case-link:focus-visible){outline:2px solid var(--color-graphite-950);outline-offset:4px}.s3-case-result{position:relative;display:flex;flex-direction:column;align-self:flex-start;gap:4px;margin:auto 0 0}.s3-case-result:after,.s3-case-result:before{content:"";position:absolute;inline-size:12px;block-size:12px;border:0 solid var(--color-graphite-950);pointer-events:none;transition:clip-path var(--dur-hover) var(--ease-in)}.s3-case-result:before{inset-block-start:-8px;inset-inline-start:-10px;border-block-start-width:1px;border-inline-start-width:1px;clip-path:inset(0 100% 100% 0)}.s3-case-result:after{inset-block-end:-8px;inset-inline-end:-10px;border-block-end-width:1px;border-inline-end-width:1px;clip-path:inset(100% 0 0 100%)}.s3-case:has(.s3-case-link:focus-visible) .s3-case-result:after,.s3-case:has(.s3-case-link:focus-visible) .s3-case-result:before{clip-path:inset(0)}.s3-case{transition:background-color var(--dur-press) var(--ease-out)}.strip3-scroller:not([data-dragging]) .s3-case:active{background-color:var(--color-paper-2)}.s3-case-fig{font-variant-numeric:tabular-nums}.s3-case-cue,.s3-case-label{color:var(--color-steel-700)}.s3-case-cue{display:inline-flex;align-items:center;gap:8px;min-block-size:32px;font-size:15px;font-weight:var(--fw-ui)}.s3-case-cue>svg{inline-size:18px;block-size:18px;transition:transform var(--dur-hover) var(--ease-out)}@media (hover:hover) and (pointer:fine){.s3-case:hover .s3-case-cue{color:var(--color-graphite-950)}.s3-case:hover .s3-case-cue>svg{transform:translateX(calc(var(--nudge) * var(--dir)));animation:arrow-pass var(--dur-progress) var(--ease-in-out)}.s3-case:hover .s3-case-result:after,.s3-case:hover .s3-case-result:before{clip-path:inset(0);transition-duration:var(--dur-fade);transition-timing-function:var(--ease-out)}}@media (prefers-reduced-motion:reduce){.s3-cap-link>svg,.s3-case-cue>svg{transform:none!important}}html[data-motion=reduce] :is(.s3-cap-link,.s3-case-cue)>svg{transform:none!important}.strip3-controls{display:flex;align-items:center;gap:8px;margin-block-start:16px;padding-inline:var(--gutter)}.strip3-hint{order:3;margin-inline-start:12px;color:var(--color-steel-500)}@media (hover:none){.strip3-hint{display:none}}.strip3-btn{display:inline-grid;place-items:center;inline-size:44px;block-size:44px;padding:0;border:1px solid var(--color-steel-300);border-radius:50%;background:none;color:var(--color-graphite-950);cursor:pointer;transition:border-color var(--dur-hover) var(--ease-out),opacity var(--dur-hover) var(--ease-out)}.strip3-btn svg{inline-size:20px;block-size:20px}.strip3-btn:disabled{opacity:.35;cursor:default}@media (hover:hover) and (pointer:fine){.strip3-btn:not(:disabled):hover{border-color:var(--color-graphite-950)}}@media (min-width:768px){.s3-case{inline-size:420px;block-size:520px}.s3-case-visual{block-size:52%}.s3-case-body{padding:24px 24px 16px}}@media (min-width:1024px){.s3-strip-wrap{margin-inline:0 calc(50% - 50vw)}.strip3-scroller{padding-inline:0 var(--gutter);scroll-padding-inline:0}.strip3-controls{padding-inline:0}}.s3-flow{position:relative;display:grid;gap:16px;margin:0;padding:0 0 0 24px;list-style:none}.s3-flow:before{content:"";position:absolute;inset-block:24px 24px;inset-inline-start:0;inline-size:1px;background-color:var(--color-fog-500)}.s3-chapter{position:relative;display:flex;flex-direction:column;gap:8px;padding:20px 20px 24px;border:1px solid var(--color-graphite-800);background-color:var(--color-graphite-900);background-image:var(--brush)}.s3-chapter-tick{position:absolute;inset-block-start:24px;inset-inline-start:-25px;inline-size:9px;block-size:1px;background-color:var(--color-fog-300)}.s3-chapter-n{color:var(--color-fog-400)}.s3-chapter-title{margin:0;color:var(--color-white)}.s3-chapter-summary{margin:0;color:var(--color-fog-300)}@media (min-width:1024px){.s3-flow{grid-template-columns:repeat(5,minmax(0,1fr));column-gap:var(--col-gap);padding:24px 0 0}.s3-flow:before{inset-block:0 auto;inset-inline:0;inline-size:auto;block-size:1px}.s3-chapter-tick{inset-block-start:-25px;inset-inline-start:-1px;inline-size:1px;block-size:9px}}.s3-factory-actions{display:flex;flex-wrap:wrap;align-items:center;gap:16px 32px}.s3-video{position:absolute;inset:0;z-index:0}.s3-video-media{position:absolute;inset:0;inline-size:100%;block-size:100%;object-fit:cover}.s3-video-scrim{position:absolute;inset:0;background-color:rgb(18 20 23/.7)}.s3-video-toggle{position:absolute;inset-inline-end:var(--gutter);inset-block-end:24px;z-index:2;display:inline-grid;place-items:center;inline-size:44px;block-size:44px;padding:0;border:1px solid var(--color-fog-500);border-radius:50%;background-color:rgb(11 13 15/.6);color:var(--color-white);cursor:pointer}.s3-video-toggle svg{inline-size:20px;block-size:20px}.s3-has-video .s3-chapter{background-color:rgb(27 30 34/.82)}.s3-end{background-color:var(--color-graphite-990)}.s3-statement{margin:0;color:var(--color-white);text-wrap:balance}@media (min-width:1024px){.s3-statement{max-inline-size:83%}}.s3-end-action{margin-block-start:40px}.s3-people-wrap{display:grid;gap:20px;margin-block-start:64px}.s3-people{display:grid;gap:16px;margin:0;padding:0;list-style:none}@media (min-width:768px){.s3-people{grid-template-columns:repeat(2,minmax(0,360px))}}.s3-person{display:flex;flex-direction:column;padding:24px;border:1px solid var(--color-graphite-800);background-color:var(--color-graphite-950)}.s3-person-name{margin:0;color:var(--color-white)}.s3-person-role{margin:4px 0 0;color:var(--color-fog-300)}.s3-person-links{display:flex;flex-direction:column;align-items:flex-start;gap:4px;margin:16px 0 0}.s3-person-link{display:inline-flex;align-items:center;min-block-size:32px;font-size:15px;color:var(--color-white);text-decoration:underline;text-decoration-thickness:1px;text-decoration-color:var(--color-fog-500);text-underline-offset:4px;overflow-wrap:anywhere}@media (hover:hover) and (pointer:fine){.s3-person-link:hover{text-decoration-color:currentColor}}.s3-office{color:var(--color-fog-300)}.s3-sources{margin-block-start:64px;border-block-start:1px solid var(--color-graphite-800)}.s3-sources-sum{display:inline-flex;align-items:center;gap:8px;min-block-size:44px;padding-block-start:8px;color:var(--color-fog-300);cursor:pointer;list-style:none}.s3-sources-sum::-webkit-details-marker{display:none}.s3-sources-chev{inline-size:12px;block-size:12px;transition:transform var(--dur-hover) var(--ease-out)}.s3-sources[open] .s3-sources-chev{transform:rotate(90deg)}.s3-sources-body{padding-block:8px 16px}.s3-sources-intro{margin:0 0 16px;color:var(--color-fog-300)}}.s3-sources .s3-notes,.s3-sources .s3-revised{color:var(--color-fog-400)}.s3-sources .s3-notes li::marker{color:var(--color-fog-500)}.s3-sources .s3-notes a{color:var(--color-fog-300)}.s3-sources .s3-revised{margin-block-start:24px}@media (min-width:1024px){.s3-sources .s3-notes{display:block;column-count:2;column-gap:var(--col-gap)}.s3-sources .s3-notes>li{break-inside:avoid;margin-block-end:10px}}:is(.s3-cap-drawing,.s3-case-drawing)>.pd,:is(.s3-cap-drawing,.s3-case-drawing)>.pd>span:first-child{inline-size:100%;block-size:100%;aspect-ratio:auto!important}.s3-statement .note-info{vertical-align:.45em;margin-inline-start:.06em}