body:has([data-video-page]):before{display:none}.video-page{--video-yellow: var(--site-yellow);--video-ink: var(--site-ink);--video-paper: var(--site-paper);--video-gutter: clamp(1.25rem, 3.5vw, 4rem);color:var(--video-ink)}.video-page__stage{position:relative;display:flex;flex-direction:column;gap:1.7rem;padding:calc(var(--header-height) + 2rem) var(--video-gutter) 2.5rem}.video-page__intro{display:flex;justify-content:space-between;align-items:center;gap:1rem;order:0}.video-page__intro h1,.video-page__intro>span{font:400 .68rem/1.5 var(--mono);letter-spacing:.08em}.video-page__picture{position:relative;overflow:hidden;background:var(--site-depth);aspect-ratio:16 / 9;order:1;isolation:isolate}.video-page__media{position:absolute;inset:0;isolation:isolate}.video-page__picture img{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:cover;object-position:center;opacity:0;mix-blend-mode:plus-lighter}.video-page__picture img[data-active=true]{opacity:1}.video-page__unavailable{position:absolute;inset:0;place-content:center;text-align:center;color:var(--video-paper);font-size:1rem}.video-page__unavailable:not([hidden]){display:grid}.video-page__titles{order:3;margin:0;padding:0;list-style:none;display:grid;gap:1.4rem;min-width:0}.video-page__choice{display:grid;grid-template-columns:1.6rem minmax(0,1fr);gap:.8rem;width:fit-content;max-width:100%;align-items:start}.video-page__number{font:400 1.15rem/1 var(--display);padding-top:.4rem}.video-page__title-copy{min-width:0}.video-page__title-line{display:flex;align-items:center;gap:.18em;font:400 clamp(2.6rem,8.5vw,5rem)/.95 var(--display);letter-spacing:-.015em}.video-page__english{display:block;color:var(--video-ink);overflow-wrap:anywhere}.video-page__arrow{display:inline-block;font:400 .43em/1 var(--body);opacity:0;transition:opacity .16s,transform .16s;transform:translate(-4px);flex:0 0 auto}.video-page__choice[data-current=true] .video-page__arrow{opacity:1;transform:translate(0)}.video-page__chinese{display:block;margin-top:.45rem;font-size:.8rem;line-height:1.4}.video-page__choice:focus-visible{outline:2px solid var(--video-ink);outline-offset:7px;box-shadow:0 0 0 9px color-mix(in srgb,var(--site-paper) 70.196%,transparent)}.video-page__ink-window{display:none;pointer-events:none}.video-page__info{order:2;display:grid;grid-template-columns:auto 1fr;gap:1.1rem;align-items:center;font:.65rem/1.6 var(--mono)}.video-page__meta{display:flex;flex-wrap:wrap;align-items:baseline;gap:.5rem 1rem;justify-self:end}.video-page__meta [data-video-title]{font:.8rem/1.6 var(--body)}.video-page__open{grid-column:1 / -1;justify-self:end;display:inline-flex;align-items:center;gap:1.5rem;border-bottom:1px solid currentColor;padding-block:.3rem;font:.85rem/1.4 var(--body)}.video-page__open:focus-visible{outline-color:var(--video-ink)}.video-page__demo{order:4;font:.57rem/1.5 var(--mono);letter-spacing:.04em}.video-page__status{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.video-page__empty{min-height:60svh;display:grid;place-content:center}.video-page[data-preview-motion=true] .video-page__title-line{transition:font-size var(--video-title-duration) cubic-bezier(.22,.61,.36,1)}.video-page[data-preview-motion=true] .video-page__number{transition:padding-top var(--video-title-duration) cubic-bezier(.22,.61,.36,1)}.video-page[data-preview-motion=true] .video-page__english{transition:color var(--video-title-duration) ease,-webkit-text-stroke-color var(--video-title-duration) ease}.video-page[data-preview-motion=true] .video-page__arrow{transition:opacity var(--video-title-duration) ease,transform var(--video-title-duration) cubic-bezier(.22,.61,.36,1)}.video-page:not([data-preview-motion=true]) .video-page__arrow{transition:none}@media(min-width:981px)and (min-height:700px){.video-page__stage{--picture-top: 15svh;--picture-bottom: 10.7svh;--picture-left: 27vw;--titles-top: 23.4svh;--title-row: 15.65svh;display:block;min-height:max(100svh,calc(var(--titles-top) + var(--video-count) * var(--title-row) + 12svh));padding:0}.video-page__intro{position:absolute;top:13.2svh;left:var(--video-gutter);right:var(--video-gutter);transform:translateY(-50%)}.video-page__picture{position:absolute;top:var(--picture-top);bottom:var(--picture-bottom);left:var(--picture-left);right:0;aspect-ratio:auto}.video-page__titles{position:absolute;top:var(--titles-top);left:var(--video-gutter);right:var(--video-gutter);gap:0;grid-auto-rows:var(--title-row);z-index:2}.video-page__choice{--video-font: clamp(3rem, min(7.4vw, 11.7svh), 7.7rem);grid-template-columns:clamp(1.9rem,3vw,3rem) minmax(0,1fr);gap:1.6vw;align-self:start}.video-page__choice[data-current=true]{--video-font: clamp(3.4rem, min(9.2vw, 14svh), 9rem)}.video-page__number{font-size:clamp(1.5rem,2.1vw,2.15rem);padding-top:calc(var(--video-font) * .32)}.video-page__title-line{font-size:var(--video-font);line-height:.84;white-space:nowrap;letter-spacing:-.012em}.video-page__english{color:transparent;-webkit-text-stroke:1.25px var(--video-ink);overflow-wrap:normal}.video-page__choice[data-current=true] .video-page__english{color:var(--video-ink);-webkit-text-stroke-color:transparent}.video-page__chinese{margin-top:.6rem;font-size:.78rem}.video-page__ink-window{display:block;position:absolute;inset:0;clip-path:inset(var(--picture-top) 0 var(--picture-bottom) var(--picture-left));z-index:3}.video-page__ink-window .video-page__english{-webkit-text-stroke-color:var(--site-highlight);filter:drop-shadow(0 0 1px color-mix(in srgb,var(--site-depth) 80%,transparent))}.video-page__ink-window [data-current=true] .video-page__english{color:var(--video-paper);-webkit-text-stroke-color:transparent;filter:drop-shadow(0 1px 1px color-mix(in srgb,var(--site-depth) 45.098%,transparent))}.video-page__ink-window .video-page__chinese,.video-page__ink-window .video-page__number{color:var(--video-paper)}.video-page__ink-window .video-page__arrow{color:var(--site-highlight)}.video-page__info{position:absolute;left:var(--picture-left);right:var(--video-gutter);bottom:3.7svh;grid-template-columns:auto 1fr auto;gap:2vw;z-index:4}.video-page__meta{justify-self:center;column-gap:1rem}.video-page__open{grid-column:auto}.video-page__demo{position:absolute;left:var(--video-gutter);bottom:4svh}}@media(prefers-reduced-motion:reduce){.video-page *,.video-page *:before,.video-page *:after{transition:none!important}}