.tween *,.tween :before,.tween :after{box-sizing:border-box}.tween{-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;background:var(--paper);color:var(--ink);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;margin:0;scroll-padding-top:72px;font-size:15px;line-height:1.55;overflow-x:clip}.tween a{color:var(--ink);text-decoration:none}.tween a:hover,.tween .g{color:var(--grey)}.tween .g:hover{color:var(--ink)}.tween a:focus-visible,.tween button:focus-visible,.tween textarea:focus-visible{outline:1px solid var(--ink);outline-offset:3px}.tween ::selection{background:var(--selection-bg);color:var(--selection-fg)}.tween button{font:inherit;color:inherit}.tween img{max-width:100%;display:block}.tween code,.tween kbd,.tween pre{font-family:var(--font-mono);font-variant-ligatures:none}.tween p code,.tween li code,.tween td code,.tween figcaption code{background:var(--well);white-space:nowrap;border-radius:4px;padding:1px 5px;font-size:.87em}.tween .wrap{max-width:var(--container);padding:0 var(--gutter);margin:0 auto}.tween .sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.tween .hero{flex-direction:column;gap:24px;padding-top:clamp(72px,10vw,144px);padding-bottom:clamp(40px,5vw,64px);display:flex}.tween .hero-name{letter-spacing:-.01em;margin:0 0 -8px;font-size:15px;font-weight:500}.tween .hero-title{letter-spacing:-.035em;text-shadow:0 0 8px #ff3c3c00;max-width:880px;margin:0;font-size:clamp(40px,5.2vw,72px);font-weight:500;line-height:1.04}.tween .hero-lede{max-width:56ch;color:var(--grey);margin:0;font-size:16px}.tween .hero-links{flex-wrap:wrap;gap:8px 32px;margin:0;padding-top:12px;font-size:15px;font-weight:500;display:flex}.tween .arrow-link{align-items:center;gap:6px;min-height:44px;display:inline-flex}.tween .section-inner{border-top:1px solid var(--hairline);padding:32px 0 var(--section-end)}.tween .section-head{justify-content:space-between;align-items:baseline;gap:16px;padding-bottom:40px;display:flex}.tween .section-title{letter-spacing:-.01em;margin:0;font-size:15px;font-weight:500}.tween .section-note{color:var(--grey);text-align:right;margin:0;font-size:14px}.tween .block{flex-direction:column;gap:20px;display:flex}.tween .block+.block{margin-top:clamp(64px,7vw,104px)}.tween .block-title{letter-spacing:-.03em;max-width:20ch;margin:0;font-size:clamp(26px,3vw,40px);font-weight:500;line-height:1.1}.tween .block-text{max-width:62ch;color:var(--grey);margin:0;font-size:16px}.tween .block-text strong{color:var(--ink);font-weight:500}.tween .block-head{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:end;gap:20px 40px;padding-bottom:12px;display:grid}@media (max-width:860px){.tween .block-head{grid-template-columns:minmax(0,1fr)}}.tween .pair{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:stretch;gap:20px;display:grid}.tween .pair[data-layout=stack]{grid-template-columns:minmax(0,1fr)}.tween .pane{border:1px solid var(--hairline);background:var(--white);border-radius:10px;flex-direction:column;min-width:0;display:flex;overflow:hidden}.tween .pane-bar{border-bottom:1px solid var(--hairline);flex:none;justify-content:space-between;align-items:center;gap:12px;height:44px;padding:0 16px;font-size:13px;display:flex}.tween .pane-bar button{height:44px;color:var(--grey);cursor:pointer;background:0 0;border:0;padding:0}.tween .pane-bar button:hover{color:var(--ink)}.tween .pane-actions,.tween .tabs{gap:18px;display:flex}.tween .tabs button{white-space:nowrap;box-shadow:inset 0 -1px #0000}.tween .tabs button[aria-selected=true]{color:var(--ink);box-shadow:inset 0 -1px 0 var(--ink)}.tween .stage{background:var(--well);text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:18px;min-height:300px;padding:40px 28px;display:flex;position:relative;overflow:hidden}.tween .code{background:var(--white);tab-size:2;color:var(--grey);white-space:pre-wrap;overflow-wrap:anywhere;flex:1;margin:0;padding:18px 20px 24px;font-size:13px;line-height:1.7}.tween .code code{font-family:inherit}.tween .code .t-gs{color:var(--ink);font-weight:500}.tween .code .t-tag{color:var(--grey-strong)}.tween .code .t-mute{color:var(--grey)}.tween .code-note{border-top:1px solid var(--hairline);color:var(--grey);margin:0;padding:12px 20px 14px;font-size:13px}.tween .editor{resize:none;background:var(--white);width:100%;min-height:300px;color:var(--ink);font-family:var(--font-mono);tab-size:2;white-space:pre-wrap;overflow-wrap:anywhere;border:0;flex:1;margin:0;padding:18px 20px 24px;font-size:13px;line-height:1.7;overflow:hidden}.tween .editor:focus-visible{outline:1px solid var(--ink);outline-offset:-1px}@supports selector(:has(*)){.tween .editor:focus-visible{outline:none}.tween .pane:has(.editor:focus-visible){border-color:var(--ink)}}@media (max-width:860px){.tween .pair{grid-template-columns:minmax(0,1fr)}.tween .stage,.tween .editor{min-height:240px}}.tween .stage h3{letter-spacing:-.03em;max-width:18ch;margin:0;font-size:clamp(26px,3vw,38px);font-weight:500;line-height:1.1}.tween .stage p{max-width:34ch;color:var(--grey);margin:0;font-size:15px}.tween .stage .big{letter-spacing:-.04em;max-width:none;color:var(--ink);font-size:clamp(40px,5vw,64px);font-weight:500;line-height:1}.tween .stage .row{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.tween .stage .grid{grid-template-columns:repeat(4,64px);gap:12px;display:grid}.tween .stage .tile{background:var(--ink);border-radius:10px;width:64px;height:64px;display:block}.tween .stage .tile.wide{width:148px}.tween .stage .photo{aspect-ratio:3/2;background:var(--white);border-radius:10px;width:min(100%,300px);display:block;overflow:hidden}.tween .stage .photo img{object-fit:cover;width:100%;height:100%;filter:brightness(var(--media-dim))}.tween .stage .card{background:var(--white);border:1px solid var(--hairline);width:min(100%,260px);box-shadow:var(--shadow-soft);text-align:left;cursor:pointer;border-radius:12px;flex-direction:column;gap:12px;padding:10px 10px 14px;font-size:14px;font-weight:500;display:flex}.tween .stage .card .photo{border-radius:6px;width:100%}.tween .stage .card span{padding:0 4px}.tween .stage .button{border:1px solid var(--ink);border-radius:var(--radius);background:var(--ink);height:44px;color:var(--paper);cursor:pointer;align-items:center;padding:0 20px;font-size:14px;font-weight:500;display:inline-flex}.tween .stage .button.ghost{background:var(--white);border-color:var(--hairline-strong);color:var(--ink)}.tween .stage .menu{background:var(--white);border:1px solid var(--hairline);min-width:200px;box-shadow:var(--shadow-pop);text-align:left;border-radius:10px;flex-direction:column;gap:2px;padding:8px;display:flex}.tween .stage .menu a{border-radius:6px;padding:8px 12px;font-size:14px}.tween .stage .menu a:hover{background:var(--well);color:var(--ink)}.tween .stage .marquee{letter-spacing:-.03em;white-space:nowrap;gap:40px;width:100%;font-size:clamp(28px,3.4vw,44px);font-weight:500}.tween .stage .marquee span:nth-child(2n){color:var(--placeholder)}.tween .stage svg.mark{width:120px;height:auto;color:var(--ink)}.tween .stage .stat{flex-direction:column;gap:4px;display:flex}.tween .stage .stats{flex-wrap:wrap;justify-content:center;gap:24px 56px;display:flex}.tween .presets{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:20px;display:grid}@media (max-width:600px){.tween .presets{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.tween .presets .preset-stage{height:116px}.tween .presets .preset-thing{width:78px;height:52px}}.tween .preset{border:1px solid var(--hairline);background:var(--white);text-align:left;cursor:pointer;border-radius:10px;flex-direction:column;gap:0;padding:0;display:flex;overflow:hidden}.tween .preset:hover{border-color:var(--hairline-strong)}.tween .preset-stage{background:var(--well);perspective:800px;place-items:center;height:150px;display:grid;overflow:hidden}.tween .preset-thing{width:96px;height:64px;filter:brightness(var(--media-dim));background-position:50%;background-size:cover;border-radius:8px}.tween .preset-name{border-top:1px solid var(--hairline);font-family:var(--font-mono);color:var(--ink);padding:11px 14px 12px;font-size:12.5px}.tween .ref{border-collapse:collapse;width:100%;font-size:14px}.tween .ref caption{text-align:left;padding-bottom:12px;font-size:15px;font-weight:500}.tween .ref th,.tween .ref td{border-top:1px solid var(--hairline);text-align:left;vertical-align:top;padding:11px 16px 11px 0}.tween .ref th{width:42%;font-family:var(--font-mono);color:var(--ink);font-size:12.5px;font-weight:400;line-height:1.9}.tween .ref th span{white-space:nowrap;display:inline-block}.tween .ref td{color:var(--grey)}.tween .ref tr:last-child th,.tween .ref tr:last-child td{border-bottom:1px solid var(--hairline)}.tween .ref-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:56px 48px;display:grid}@media (max-width:860px){.tween .ref-grid{grid-template-columns:minmax(0,1fr)}}.tween .scene-intro{padding-bottom:40px}.tween .drift{grid-template-columns:1fr 1.25fr 1fr;align-items:center;gap:20px;display:grid}.tween .drift figure{aspect-ratio:4/5;background:var(--well);border-radius:10px;margin:0;overflow:hidden}.tween .drift figure:nth-child(2){aspect-ratio:4/4.4}.tween .drift img{object-fit:cover;width:100%;height:100%;filter:brightness(var(--media-dim))}@media (max-width:700px){.tween .drift{grid-template-columns:1fr 1fr}.tween .drift figure:nth-child(3){display:none}}.tween .scene{background:var(--paper);place-items:center;height:100vh;display:grid;position:relative;overflow:hidden}.tween .scene-photo{position:absolute;inset:0;overflow:hidden}.tween .scene-photo img{object-fit:cover;width:100%;height:100%}.tween .scene-shade{background:#0a0a0a57;position:absolute;inset:0}.tween .scene-lines{padding:0 var(--gutter);text-align:center;color:#fff;flex-direction:column;gap:clamp(4px,1vw,12px);display:flex;position:relative}.tween .scene-lines p{letter-spacing:-.04em;margin:0;font-size:clamp(34px,6.4vw,96px);font-weight:500;line-height:1.02}.tween .reel{background:var(--paper);height:100vh}.tween .reel-track{height:100%}.tween .reel-panel{width:100vw;height:100%;padding:88px var(--gutter) 56px;flex:none;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);align-items:center;gap:clamp(24px,4vw,64px);display:grid;position:relative}.tween .reel-panel figure{background:var(--well);border-radius:12px;height:100%;min-height:0;margin:0;overflow:hidden}.tween .reel-panel img{object-fit:cover;width:100%;height:100%;filter:brightness(var(--media-dim))}.tween .reel-text{flex-direction:column;gap:14px;display:flex}.tween .reel-text h3{letter-spacing:-.035em;margin:0;font-size:clamp(30px,4vw,56px);font-weight:500;line-height:1.04}.tween .reel-text p{max-width:30ch;color:var(--grey);margin:0;font-size:16px}@media (max-width:760px){.tween .reel-panel{grid-template-rows:minmax(0,1fr) auto;grid-template-columns:minmax(0,1fr)}}.tween .turn{height:100vh;padding:72px var(--gutter) 40px;max-width:var(--container);grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:clamp(24px,4vw,64px);margin:0 auto;display:grid}.tween .turn-plate{aspect-ratio:1;width:min(100%,62vh);filter:brightness(var(--media-dim));background:#fdfdfd;border-radius:16px;justify-self:center;position:relative;overflow:hidden}.tween .turn-plate canvas{width:100%;height:100%}@media (max-width:760px){.tween .turn{grid-template-columns:minmax(0,1fr);align-content:center}.tween .turn-plate{width:min(100%,44vh)}}.tween .reading{letter-spacing:-.035em;max-width:22ch;margin:0;font-size:clamp(32px,5vw,68px);font-weight:500;line-height:1.08}.tween .progress{z-index:60;background:var(--ink);transform-origin:0;pointer-events:none;height:2px;position:fixed;top:0;left:0;right:0}.tween .after-scene{padding-top:40px;padding-bottom:clamp(72px,8vw,112px)}.tween .showcase{aspect-ratio:16/10;border:1px solid var(--hairline);background:var(--well);border-radius:12px;display:block;overflow:hidden}.tween .showcase img{object-fit:cover;width:100%;height:100%;filter:brightness(var(--media-dim))}.tween .showcase-link{margin:12px 0 0;font-size:15px;font-weight:500}.tween .notes{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:32px 40px;margin:0;padding:0;list-style:none;display:grid}.tween .notes li{border-top:1px solid var(--hairline);color:var(--grey);padding-top:16px;font-size:15px}.tween .notes strong{color:var(--ink);margin-bottom:6px;font-weight:500;display:block}.tween .hero-title[data-gs-ready]{visibility:visible}