:root{--u:clamp(.9px, min(max(1px, calc(1px + (100vw - 1600px) * .00057)), calc(1px + (100vh - 900px) * .001)), 2.4px);--font-ui:-apple-system, BlinkMacSystemFont, system-ui, "Inter", sans-serif;--font-data:ui-monospace, "SF Mono", SFMono-Regular, Menlo, monospace;--ease:cubic-bezier(.2, 0, 0, 1);--t-time:2rem;--t-headline:1.6rem;--t-name:1.5rem;--t-body:1.3rem;--t-small:1.2rem;--t-tiny:1.1rem;--gutter:2rem;--safe-top:0px;--side:clamp(25rem, 20vw, 30rem);--figure-fade:3.2rem;--row:2.4rem;--free-left:0px;--free-right:0px;--free-bottom:0px;--free-top:0px}:root,:root[data-theme=light]{--bg:#fff;--surface:#f1f1f1;--ink:#17181a;--ink-2:#5c5b56;--ink-3:#6f6e68;--faint:#a3a29c;--line:#17181a1a;--line-strong:#17181a33;--band:#17181a1f;--note:#8f6c00;--concern:#af3029;--skullet-base:#17181a12;--skullet-highlight:#fff9;--skullet-radius:.4rem}:root[data-theme=dark]{--bg:#110f0e;--surface:#1d1b1a;--ink:#fff;--ink-2:#a19e97;--ink-3:#8a8782;--faint:#595652;--line:#d0cec617;--line-strong:#d0cec62e;--band:#d0cec629;--note:#d0a215;--concern:#d14d41;--skullet-base:#d0cec614;--skullet-highlight:#d0cec61a;--lightningcss-light: ;--lightningcss-dark:initial;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html{font-size:calc(var(--u) * 10);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{background:var(--bg);color:var(--ink);font:400 var(--t-body) / 1.5 var(--font-ui);margin:0}.app{border:0;width:100%;height:100%;display:block;position:fixed;inset:0}.narrow{display:none}@media (width<=860px){html{font-size:11px}.app{display:none}.narrow{padding:var(--gutter);display:block}.narrow header{justify-content:space-between;align-items:baseline;margin-bottom:3.2rem;display:flex}.mark{font-size:var(--t-time);letter-spacing:-.03em;font-weight:700}.narrow a{color:var(--ink-2);text-decoration:none}.narrow h1,.narrow p{font-weight:inherit;font-size:inherit;margin:0}.narrow h1{font-size:var(--t-time);letter-spacing:-.02em;font-weight:500;line-height:1.3}.narrow p{color:var(--ink-2);margin-top:.8rem}.phone-film{margin-block:2.4rem 3.2rem}.phone-film .film-tabs{margin-bottom:1rem}.phone-film .film-tab{white-space:nowrap;font:inherit;font-size:var(--t-body);color:var(--ink-3);cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;border-radius:.8rem;flex:1;justify-content:center;align-items:baseline;gap:.6rem;padding:.9rem .8rem;display:flex}.phone-film .film-tab[aria-selected=true]{color:var(--ink);background:#d0cec61a}.phone-stage{aspect-ratio:1280/896;box-shadow:0 0 0 1px var(--line-strong);background:#000;border-radius:1rem;position:relative;overflow:hidden}.phone-stage video{object-fit:cover;width:100%;height:100%;display:block}.phone-play{color:#110f0e;cursor:pointer;-webkit-tap-highlight-color:transparent;background:#0a090861;border:0;place-items:center;width:100%;padding:0;display:grid;position:absolute;inset:0}.phone-play svg{box-sizing:content-box;fill:currentColor;width:2.2rem;height:2.2rem;transition:transform .16s var(--ease);background:#f2f0ea;border-radius:50%;padding:1.7rem 1.6rem 1.7rem 1.9rem;box-shadow:0 .8rem 2.4rem #0006}.phone-play:active svg{transform:scale(.94)}.phone-film[data-started] .phone-play{display:none}}.film{--film-w:min(calc(100vw - 12rem), calc((100vh - 13rem) * 1280 / 896), 132rem);width:var(--film-w);max-width:none;max-height:none;color:var(--ink);font:400 var(--t-body) / 1.5 var(--font-ui);background:0 0;border:0;padding:0;overflow:visible}.film::backdrop{-webkit-backdrop-filter:blur(1.4rem)saturate(.85);backdrop-filter:blur(1.4rem)saturate(.85);background:#110f0ebd}.film[open]{animation:film-in .42s var(--ease) both}.film[open]::backdrop{animation:.42s cubic-bezier(.2,0,0,1) both film-fade}.film[data-closing]{animation:film-out .22s var(--ease) both}.film[data-closing]::backdrop{animation:.22s cubic-bezier(.2,0,0,1) reverse both film-fade}@keyframes film-in{0%{opacity:0;transform:translateY(1.6rem)scale(.985)}}@keyframes film-out{to{opacity:0;transform:translateY(.8rem)scale(.99)}}@keyframes film-fade{0%{opacity:0}}@media (prefers-reduced-motion:reduce){.film[open],.film[open]::backdrop{animation-name:film-fade;animation-duration:.16s}}.film button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0}.film svg{fill:currentColor;flex:none;width:1.4rem;height:1.4rem}.film :focus-visible{outline:2px solid var(--accent);outline-offset:2px}.film-head{justify-content:space-between;align-items:center;margin-bottom:1.2rem;display:flex}.film-tabs{box-shadow:inset 0 0 0 1px var(--line);background:#d0cec60d;border-radius:1.1rem;gap:.2rem;padding:.3rem;display:flex}.film .film-tab{color:var(--ink-3);font-size:var(--t-body);border-radius:.8rem;align-items:baseline;gap:.8rem;padding:.7rem 1.4rem;transition:color .12s,background .16s;display:inline-flex}.film-tab span{font-size:var(--t-small);font-variant-numeric:tabular-nums;color:var(--faint);transition:color .12s}.film .film-tab:hover{color:var(--ink)}.film .film-tab[aria-selected=true]{color:var(--ink);background:#d0cec61a}.film-tab[aria-selected=true] span{color:var(--ink-3)}.film-close{width:3.2rem;height:3.2rem;color:var(--ink-3);border-radius:50%;place-items:center;transition:color .12s,background .16s;display:grid}.film-close:hover{color:var(--ink);background:var(--surface)}.film-close svg{width:1.6rem;height:1.6rem}.film-stage{aspect-ratio:1280/896;box-shadow:0 0 0 1px var(--line-strong), 0 3rem 9rem #0000008c;background:#000;border-radius:1.2rem;position:relative;overflow:hidden}.film .film-stage:focus-visible{outline:none}.film-stage video{object-fit:cover;cursor:pointer;width:100%;height:100%;display:block}.film-stage:not([data-awake]),.film-stage:not([data-awake]) video{cursor:none}.film .film-play{-webkit-backdrop-filter:blur(1rem);backdrop-filter:blur(1rem);color:#f2f0ea;width:7.2rem;height:7.2rem;transition:opacity .24s var(--ease), scale .24s var(--ease);background:#110f0e8c;border-radius:50%;place-items:center;display:grid;position:absolute;top:50%;left:50%;translate:-50% -50%;box-shadow:0 0 0 1px #f2f0ea24}.film-play svg{width:2.4rem;height:2.4rem;margin-left:.3rem}.film-play .icon-pause{display:none}.film-stage[data-playing=true] .film-play,.film-stage[data-playing=true] .film-play:hover{opacity:0;pointer-events:none;scale:.92}.film .film-play:hover{scale:1.04}.film-track{cursor:pointer;touch-action:none;height:1.6rem;transition:opacity .32s var(--ease);position:absolute;inset:auto 0 0}.film-track:before,.film-track span{content:"";height:.3rem;transition:height .16s var(--ease);position:absolute;bottom:0;left:0}.film-track:before{background:#f2f0ea29;right:0}.film-track span{width:calc(var(--played,0) * 100%);background:#f2f0eae6}.film-track:hover:before,.film-track:hover span,.film-track:focus-visible:before,.film-track:focus-visible span{height:.6rem}.film-stage:not([data-awake]) .film-track{opacity:.45}.film .film-track:focus-visible{outline:none}.film .film-sound{-webkit-backdrop-filter:blur(.8rem);backdrop-filter:blur(.8rem);color:#f2f0ea;height:3.2rem;transition:background .16s, opacity .32s var(--ease);background:#f2f0ea1f;border-radius:1.6rem;align-items:center;gap:.6rem;padding:0 .8rem;display:inline-flex;position:absolute;bottom:2rem;right:1.6rem}.film .film-sound:hover{background:#f2f0ea38}.film-sound svg{width:1.6rem;height:1.6rem}.film-sound span{font-size:var(--t-small);font-weight:500;display:none}.film-stage[data-muted=true] .icon-sound,.film-stage[data-muted=false] .icon-muted{display:none}.film-stage[data-muted=true] .film-sound{padding:0 1.3rem 0 1.1rem}.film-stage[data-muted=true] .film-sound span{display:inline}.film-stage[data-muted=false]:not([data-awake]) .film-sound{opacity:0}.film-start{transition:opacity .28s var(--ease);background:#0a090894;justify-content:center;align-items:center;gap:1.2rem;display:flex;position:absolute;inset:0}.film[data-started] .film-start,.film:not([data-started]) .film-play,.film:not([data-started]) .film-track,.film:not([data-started]) .film-sound,.film:not([data-started]) .film-stage-try{opacity:0;pointer-events:none}.film .film-start button{height:4.8rem;font-size:var(--t-name);transition:transform .16s var(--ease), background .16s, opacity .16s;border-radius:2.4rem;align-items:center;gap:.9rem;font-weight:500;display:inline-flex}.film .film-start button:active{transform:scale(.97)}.film .film-start-play{color:#110f0e;background:#f2f0ea;padding:0 2.4rem 0 2rem}.film .film-start-play:hover{opacity:.9}.film .film-start-play svg{width:1.6rem;height:1.6rem}.film .film-start-try{-webkit-backdrop-filter:blur(1rem);backdrop-filter:blur(1rem);color:#f2f0ea;background:#f2f0ea24;padding:0 2rem 0 2.4rem;box-shadow:inset 0 0 0 1px #f2f0ea1f}.film .film-start-try:hover{background:#f2f0ea38}.film .film-start-try svg{width:1.6rem;height:1.6rem;transition:translate .2s var(--ease)}.film .film-start-try:hover svg{translate:.2rem}.film .film-stage-try{-webkit-backdrop-filter:blur(.8rem);backdrop-filter:blur(.8rem);color:#f2f0ea;height:3.2rem;font-size:var(--t-small);transition:background .16s, opacity .32s var(--ease);background:#f2f0ea1f;border-radius:1.6rem;align-items:center;gap:.7rem;padding:0 1.2rem 0 1.4rem;font-weight:500;display:inline-flex;position:absolute;bottom:2rem;left:1.6rem}.film .film-stage-try:hover{background:#f2f0ea38}.film-stage-try svg{transition:translate .2s var(--ease)}.film-stage-try:hover svg{translate:.2rem}.film-stage:not([data-awake]) .film-stage-try{opacity:0}