@property --dur-micro{syntax: "<time>"; inherits: true; initial-value: .15s;}@property --dur-quick{syntax: "<time>"; inherits: true; initial-value: .3s;}@property --dur-turn{syntax: "<time>"; inherits: true; initial-value: .45s;}@property --dur-settle{syntax: "<time>"; inherits: true; initial-value: .6s;}:root{--ground: #0d0d0d;--ink: #f5f5f5;--ink-2: #a3a3a3;--ink-3: #737373;--ink-body: #bdbdbd;--ink-waiting: #525252;--surface: #161616;--hairline: #262626;--font-sans: system-ui, -apple-system, "SF Pro Text", "Segoe UI Variable Text", "Segoe UI", sans-serif;--font-mono: ui-monospace, "SF Mono", "Cascadia Code", Menlo, Consolas, monospace;--track-display: -.045em;--track-heading: -.03em;--track-label: .08em;--beat: .6s;--ease: cubic-bezier(.16, 1, .3, 1);--dur-micro: calc(var(--beat) / 4);--dur-quick: calc(var(--beat) / 2);--dur-turn: calc(var(--beat) * .75);--dur-settle: var(--beat);--dur-ambient: calc(var(--beat) * 2);--dur-step: calc(var(--beat) / 18);--dur-enter: var(--dur-settle);--space-1: 1rem;--space-4: 4rem;--space-9: 9rem;--seam: calc(100% * 4 / 13);--float-gap: 1rem;--float-h: 2.5rem;--float-pad: .875rem;--float-glyph: 1.625rem;--narrator-scale: 1.4142136;--narrator-h: calc(var(--float-h) * var(--narrator-scale));--narrator-glyph: calc(var(--float-glyph) * var(--narrator-scale));--narrator-w: var(--narrator-h);--header-h: calc(var(--float-gap) + var(--float-h));--space-section: clamp(6rem, 14vh, var(--space-9));--measure: 65ch;--content-max: 74.375rem;--column-gap: calc(var(--space-4) * 1.25);--media-radius: max(1rem, calc(6.46svh - .42rem) );--media-radius-flat: calc(var(--media-radius) / 2);--screen-cols: calc(100% * 6 / 13 * .81) 1fr;--stage-top: clamp(5.5rem, 21.5svh - 4rem, 9rem);--stage-bottom: var(--float-gap);--gap-block: 2.5rem;--screen-w: min(100%, calc((100svh - 14rem) * 4 / 3));color-scheme:dark}@media(max-width:64rem){:root{--stage-top: clamp(4.5rem, 21.5svh - 5rem, 8rem);--gap-block: 2rem}}@media(max-width:48rem){:root{--stage-top: calc(var(--header-h) + .375rem);--stage-bottom: 1.25rem;--gap-block: 1.5rem;--media-top-m: calc(var(--stage-top) + 2.75rem)}}*,*:before,*:after{box-sizing:border-box;margin:0}.t{display:none}html:not([data-lang]) .t[lang=en],html[data-lang=en] .t[lang=en],html[data-lang=es] .t[lang=es],html[data-lang=zh] .t[lang=zh]{display:inline}.tb{display:none}html:not([data-lang]) .tb[lang=en],html[data-lang=en] .tb[lang=en],html[data-lang=es] .tb[lang=es],html[data-lang=zh] .tb[lang=zh]{display:block}html{font-size:clamp(100%,min(1.0884vw,1.6736vh),200%);scroll-snap-type:y mandatory;scrollbar-width:none}html::-webkit-scrollbar{display:none}body{background:var(--ground);color:var(--ink);font-family:var(--font-sans);font-size:1rem;line-height:1.65;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.panel{min-height:100svh;scroll-snap-align:start;scroll-snap-stop:always;display:flex;flex-direction:column;justify-content:flex-start;padding:clamp(9rem,20svh,13rem) clamp(1.25rem,4vw,2.5rem) 3rem}img,svg,video{display:block;max-width:100%}a{color:var(--ink);text-decoration:underline;text-decoration-color:var(--ink-3);text-underline-offset:.2em;transition:text-decoration-color var(--dur-micro) var(--ease)}a:hover{text-decoration-color:var(--ink)}::selection{background:var(--ink);color:var(--ground)}:focus-visible{outline:2px solid var(--ink);outline-offset:3px;border-radius:2px}.display{font-size:clamp(2.75rem,8vw,6.5rem);font-weight:800;letter-spacing:var(--track-display);line-height:1}.title{font-size:clamp(2rem,4vw,3.25rem);font-weight:800;letter-spacing:var(--track-display);line-height:.95}.body{font-size:clamp(1rem,.95rem + .25vw,1.125rem);color:var(--ink-body);max-width:var(--measure)}.label{font-family:var(--font-mono);font-size:.8125rem;font-weight:400;letter-spacing:var(--track-label);text-transform:uppercase;color:var(--ink-3)}[data-reveal]{opacity:0;transform:translateY(20px);transition:opacity var(--dur-enter) var(--ease),transform var(--dur-enter) var(--ease)}[data-reveal].is-in{opacity:1;transform:none}[data-focused]{position:fixed!important;inset:0!important;z-index:9!important;overflow-y:auto!important;overscroll-behavior:contain}[data-focused]>*{transition:opacity var(--dur-turn) var(--ease)}[data-focused]:before{content:"";position:fixed;inset:0;z-index:-1;background:color-mix(in srgb,var(--ground) 84%,transparent);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);transition:opacity var(--dur-turn) var(--ease)}[data-focused].is-closing>*{opacity:0}[data-focused].is-closing:before{opacity:0}.hero-inner{transition:scale var(--dur-turn) var(--ease)}html.is-focus:not(.is-unfocusing) .hero-inner{scale:.96}html.is-focus{overflow:hidden}[data-focus-lone][data-focused] [data-deck-controls]{visibility:hidden}@keyframes rise{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){[data-reveal]{opacity:1;transform:none;transition:none}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.rw,.is-read-along [data-narr-para]{transition:color var(--dur-quick) var(--ease)}.is-read-along [data-narr-para],.is-read-along [data-narr-para] a{color:var(--ink-waiting)}.is-reading .rw.is-read{color:var(--ink)}.narr-anchor{flex:none;width:var(--narrator-w);height:var(--narrator-h);margin-top:1.5rem}body{transition:opacity var(--dur-micro) var(--ease)}html,body{overflow-x:clip}html{touch-action:manipulation}html.is-jumping body{opacity:0}@media(max-width:48rem){[data-dock]{position:fixed;left:clamp(1.25rem,4vw,2.5rem);bottom:calc(1rem + env(safe-area-inset-bottom) + var(--narrator-h) / 2);z-index:5;margin:0;padding:0;width:auto;transform:translateY(50%);opacity:0;visibility:hidden}}@media(max-width:48rem){:root{--media-radius: 7.23vw}}.deck-card{grid-area:1 / 1;width:var(--card-w);visibility:hidden;pointer-events:none;user-select:none}.deck-card.is-current,.deck-card.is-leaving{visibility:visible}.deck-card.is-current{pointer-events:auto}.deck-card [data-deck-part]{will-change:opacity;opacity:0;transition:opacity var(--dur-quick) linear,color var(--dur-quick) var(--ease)}.deck-card.is-current [data-deck-part]{opacity:1}.deck-card [data-deck-part=text]{transition:opacity var(--dur-micro) linear,color var(--dur-quick) var(--ease)}.deck-card.is-current [data-deck-part=text]{transition:opacity var(--dur-micro) linear var(--dur-micro),color var(--dur-quick) var(--ease)}.deck-card.is-arriving [data-deck-part]{transition:none}@media(prefers-reduced-motion:reduce){.deck-card [data-deck-part]{transition:opacity var(--dur-quick) linear}}html.is-stepped .story .slot,html.is-stepped .story .lockup,html.is-stepped .story .actions,html.is-stepped [data-hero-inner]{transition:transform var(--dur-turn) var(--ease),opacity var(--dur-turn) var(--ease)}html.is-stepped .story .intro-scene,html.is-stepped .story .cap,html.is-stepped .story .deck-controls{transition:opacity var(--dur-turn) var(--ease)}html.is-stepped [data-narrator]{transition:transform var(--dur-turn) var(--ease),opacity var(--dur-turn) var(--ease),width var(--dur-settle) var(--ease),color var(--dur-micro) var(--ease),border-color var(--dur-micro) var(--ease)}@media(prefers-reduced-motion:reduce){html.is-stepped .story .slot,html.is-stepped .story .lockup,html.is-stepped .story .actions,html.is-stepped [data-hero-inner],html.is-stepped .story .intro-scene,html.is-stepped .story .cap,html.is-stepped .story .deck-controls,html.is-stepped [data-narrator]{transition:none}}@media(max-width:48rem){:root{--narrator-scale: 1.2}[data-narrator].is-parked{top:var(--park-y)!important;left:var(--park-x)!important;right:auto;bottom:auto}[data-narrator]{top:auto!important;left:auto!important;right:clamp(1.25rem,4vw,2.5rem);bottom:calc(1rem + env(safe-area-inset-bottom));transform:none!important;transition:opacity var(--dur-turn) var(--ease),width var(--dur-settle) var(--ease),color var(--dur-micro) var(--ease),border-color var(--dur-micro) var(--ease)!important}}@property --scene-a{syntax: "<color>"; inherits: true; initial-value: transparent;}@property --scene-b{syntax: "<color>"; inherits: true; initial-value: transparent;}@property --scene-c{syntax: "<color>"; inherits: true; initial-value: transparent;}@property --scene-rx{syntax: "<length>"; inherits: true; initial-value: 0px;}@property --scene-ry{syntax: "<number>"; inherits: true; initial-value: 1;}@property --scene-gain{syntax: "<number>"; inherits: true; initial-value: 1;}@property --a-h{syntax: "<length>"; inherits: true; initial-value: 0px;}@property --b-w{syntax: "<number>"; inherits: true; initial-value: 0;}@property --b-h{syntax: "<length>"; inherits: true; initial-value: 0px;}@property --b-dx{syntax: "<number>"; inherits: true; initial-value: 0;}@property --b-dy{syntax: "<length>"; inherits: true; initial-value: 0px;}@property --b-k{syntax: "<number>"; inherits: true; initial-value: 0;}@property --c-w{syntax: "<number>"; inherits: true; initial-value: 0;}@property --c-h{syntax: "<length>"; inherits: true; initial-value: 0px;}@property --c-dx{syntax: "<number>"; inherits: true; initial-value: 0;}@property --c-dy{syntax: "<length>"; inherits: true; initial-value: 0px;}@property --c-k{syntax: "<number>"; inherits: true; initial-value: 0;}html.is-desk-safari [data-narrator],html.is-desk-safari .site-header>*,html.is-desk-safari .switcher{-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background:color-mix(in srgb,var(--surface) 95%,transparent)!important}[data-cap]{--cap-fade: 1.75em;box-sizing:content-box;padding-top:var(--cap-fade);margin-top:max(0px,calc(var(--cap-gap, 0px) - var(--cap-fade)));position:relative;overflow-y:auto;scrollbar-width:thin;scrollbar-color:color-mix(in oklab,var(--ink-body) 35%,transparent) transparent}@media(max-width:48rem){[data-cap]{overscroll-behavior-y:contain}}[data-cap].is-overflow{padding-bottom:var(--cap-fade)}[data-cap].is-scrolled{mask-image:linear-gradient(to bottom,transparent 0,rgb(0 0 0 / .12) calc(var(--cap-fade) * .35),rgb(0 0 0 / .45) calc(var(--cap-fade) * .65),#000 var(--cap-fade))}[data-cap].is-more{mask-image:linear-gradient(to bottom,#000 calc(100% - var(--cap-fade)),rgb(0 0 0 / .45) calc(100% - var(--cap-fade) * .65),rgb(0 0 0 / .12) calc(100% - var(--cap-fade) * .35),transparent 100%)}[data-cap].is-scrolled.is-more{mask-image:linear-gradient(to bottom,transparent 0,rgb(0 0 0 / .12) calc(var(--cap-fade) * .35),rgb(0 0 0 / .45) calc(var(--cap-fade) * .65),#000 var(--cap-fade),#000 calc(100% - var(--cap-fade)),rgb(0 0 0 / .45) calc(100% - var(--cap-fade) * .65),rgb(0 0 0 / .12) calc(100% - var(--cap-fade) * .35),transparent 100%)}@property --scene-k{syntax: "<number>"; inherits: true; initial-value: 0;}:root{--media-gap-m: 1.5rem;--media-glow: 0 0 3.5rem -.5rem color-mix( in oklab, var(--glow, transparent) calc(24% * var(--glow-k, 0)), transparent )}.scene{--scene-x: 70vw;--scene-y: 48vh;--scene-rx: 44vw;--scene-ry: 1;--a-h: 60vh;--b-w: .5;--b-h: 34vh;--b-dx: .6;--b-dy: 0vh;--b-k: 1;--c-w: .38;--c-h: 30vh;--c-dx: -.45;--c-dy: 0vh;--c-k: 1.4;--scene-gain: 1;position:fixed;inset:0;z-index:-1;pointer-events:none;transition:--scene-a var(--dur-ambient) var(--ease),--scene-b var(--dur-ambient) var(--ease),--scene-c var(--dur-ambient) var(--ease),--scene-k var(--dur-ambient) var(--ease),--scene-rx var(--dur-ambient) var(--ease),--scene-ry var(--dur-ambient) var(--ease),--scene-gain var(--dur-ambient) var(--ease),--a-h var(--dur-ambient) var(--ease),--b-w var(--dur-ambient) var(--ease),--b-h var(--dur-ambient) var(--ease),--b-dx var(--dur-ambient) var(--ease),--b-dy var(--dur-ambient) var(--ease),--b-k var(--dur-ambient) var(--ease),--c-w var(--dur-ambient) var(--ease),--c-h var(--dur-ambient) var(--ease),--c-dx var(--dur-ambient) var(--ease),--c-dy var(--dur-ambient) var(--ease),--c-k var(--dur-ambient) var(--ease)}.scene:before{content:"";position:absolute;inset:-50vh -50vw;transform:translate(var(--scene-sx, 0px),var(--scene-sy, 0px));will-change:transform;transition:transform var(--dur-turn) var(--ease);background:radial-gradient(var(--scene-rx) calc(var(--a-h) * var(--scene-ry)) at calc(var(--scene-x) + 50vw) calc(var(--scene-y) + 50vh),color-mix(in oklab,var(--scene-a) calc(22% * var(--scene-k) * var(--scene-gain)),transparent),transparent 72%),radial-gradient(calc(var(--scene-rx) * var(--b-w)) calc(var(--b-h) * var(--scene-ry)) at calc(var(--scene-x) + 50vw + var(--scene-rx) * var(--b-dx)) calc(var(--scene-y) + 50vh + var(--b-dy) * var(--scene-ry)),color-mix(in oklab,var(--scene-b) calc(14% * var(--b-k) * var(--scene-k) * var(--scene-gain)),transparent),transparent 72%),radial-gradient(calc(var(--scene-rx) * var(--c-w)) calc(var(--c-h) * var(--scene-ry)) at calc(var(--scene-x) + 50vw + var(--scene-rx) * var(--c-dx)) calc(var(--scene-y) + 50vh + var(--c-dy) * var(--scene-ry)),color-mix(in oklab,var(--scene-c) calc(10% * var(--c-k) * var(--scene-k) * var(--scene-gain)),transparent),transparent 72%)}.scene:after{content:"";position:absolute;inset:0;opacity:calc(var(--scene-k) * .07);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.scene[data-kind=phone]{--scene-rx: 30vw;--scene-gain: .7;--a-h: 72vh;--b-w: .9;--b-h: 28vh;--b-dx: 0;--b-dy: -50vh;--c-w: .9;--c-h: 28vh;--c-dx: 0;--c-dy: 50vh}.scene[data-kind=name]{--scene-rx: 20vw;--scene-ry: .55;--scene-gain: .3;--a-h: 46vh;--b-k: 0;--c-k: 0}@media(max-width:48rem){.scene{display:none}}