:root{--bg:#f7f5f0;--ink:#26241f;--muted:#787774;--line:#e9e7e2;--violet:#7c5cff;--violet-soft:#efeaff;--serif:"Newsreader", "Iowan Old Style", Georgia, serif;--sans:"Inter", ui-sans-serif, -apple-system, "Segoe UI", sans-serif;--hand:"Caveat", "Bradley Hand", cursive;--nav-h:60px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--ink);font:16px/1.5 var(--sans);-webkit-font-smoothing:antialiased;margin:0}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit}.nav{z-index:10;height:var(--nav-h);background:color-mix(in srgb, var(--bg) 85%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--line);align-items:center;gap:12px;padding:0 clamp(16px,4vw,56px);display:flex;position:sticky;top:0}.logo{font:600 20px/1 var(--sans);letter-spacing:-.02em;align-items:center;gap:8px;display:flex}.logo-mark{width:26px;height:26px}.links{color:var(--muted);gap:28px;margin:0 auto;font-size:15px;display:flex}.links a:hover{color:var(--ink)}.btn{white-space:nowrap;border-radius:999px;align-items:center;height:38px;padding:0 18px;font-size:15px;font-weight:500;display:inline-flex}.btn.ghost{border:1px solid var(--line);background:#fff}.btn.primary{background:var(--violet);color:#fff}.btn.primary:hover{background:#6a48f5}.btn.big{height:52px;padding:0 28px;font-size:17px}.hero{min-height:calc(100svh - var(--nav-h));grid-template-columns:minmax(300px,.8fr) minmax(0,1.2fr);align-items:center;gap:clamp(32px,5vw,80px);max-width:1440px;margin:0 auto;padding:clamp(24px,4vh,48px) clamp(16px,4vw,56px);display:grid}.hero-copy{flex-direction:column;display:flex}.wordmark{font:500 clamp(60px, 10vw, 136px)/1 var(--serif);letter-spacing:-.035em;margin:0}.mark{cursor:pointer;white-space:nowrap}.gap{white-space:pre;transition:margin-right .6s cubic-bezier(.65,0,.25,1) .3s;display:inline-block}.r{transform-origin:40% 95%;transition:transform .45s cubic-bezier(.5,0,.75,0),opacity .45s;display:inline-block}.merged .gap{margin-right:calc(-1 * var(--gap,.6em))}.merged .r{opacity:0;transform:rotate(-35deg)translateY(.35em)}.rn{display:inline-grid}.rn>*{grid-area:1/1}.rn>.r{justify-self:end}.n{opacity:0;transition:transform .4s cubic-bezier(.3,1.4,.5,1) .35s,opacity .3s .35s;display:inline-block;transform:translateY(-.45em)}.merged .n{opacity:1;color:var(--violet);transform:none}.wordmark{font-size:clamp(56px,7vw,116px)}.tag{max-width:22em;color:var(--ink);margin:22px 0 0;font-size:clamp(18px,1.7vw,22px);line-height:1.45}.tag.quiet{color:var(--muted);margin-top:8px}.hero-cta{flex-wrap:wrap;gap:12px;margin-top:28px;display:flex}.paper{height:min(calc(100svh - var(--nav-h) - 48px), 880px);background:#fff;border-radius:16px;padding:clamp(24px,3vw,44px) clamp(20px,3.5vw,52px) 0;position:relative;overflow:hidden;box-shadow:0 1px 2px #281e0a0d,0 30px 70px -30px #281e0a59;-webkit-mask-image:linear-gradient(#000 82%,#0000);mask-image:linear-gradient(#000 82%,#0000)}.paper-title{font:700 clamp(26px, 3vw, 34px)/1.2 var(--sans);letter-spacing:-.02em;color:#37352f;margin:8px 0 18px}.flow{text-align:left;width:100%;font:19px/32px var(--serif);color:#37352f;-webkit-user-select:none;user-select:none;margin:0;position:relative}.ln{white-space:pre;position:absolute;top:0;left:0}.flow .lit{font-weight:inherit;border-radius:2px}.flow .lit.brain{background:var(--violet-soft);border-bottom:2px solid var(--violet)}.flow .lit.body{background:#fff0e4;border-bottom:2px solid #ff7a1a}.flow-drawing{z-index:1;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;transition:filter .2s;display:block;position:absolute;top:0;left:0;overflow:visible}@media (pointer:coarse){.flow-drawing{touch-action:pan-y}}.flow-drawing.held{cursor:grabbing;filter:drop-shadow(0 14px 18px #281e0a2e)}.pencil{z-index:3;pointer-events:none;filter:drop-shadow(1px 2px 1px #0000002e);background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath d='M3 29l2.2-7.4L22.6 4.2a2.3 2.3 0 013.2 0l2 2a2.3 2.3 0 010 3.2L10.4 26.8z' fill='%23f4c95d' stroke='%2334322d' stroke-width='1.4' stroke-linejoin='round'/%3E%3Cpath d='M5.2 21.6l5.2 5.2M3 29l3.4-1' stroke='%2334322d' stroke-width='1.4'/%3E%3Cpath d='M20.4 6.4l5.2 5.2' stroke='%2334322d' stroke-width='1.4'/%3E%3Cpath d='M22.6 4.2l5.2 5.2' fill='none' stroke='%23e58a9a' stroke-width='3'/%3E%3C/svg%3E") 50%/contain no-repeat;width:30px;height:30px;margin:-28px 0 0 -2px;position:absolute;top:0;left:0}.flow-caret{background:var(--violet);width:2px;height:24px;margin-top:4px;animation:1s step-end infinite blink;position:absolute;top:0;left:0}@keyframes blink{50%{opacity:0}}.drag-hint{color:var(--muted);margin:0;font-size:13px;transition:opacity .4s;position:absolute;top:clamp(24px,3vw,44px);right:clamp(20px,3.5vw,52px)}.drag-hint.done{opacity:0}.story{grid-template-columns:minmax(280px,36fr) 64fr;gap:clamp(24px,4vw,56px);height:900vh;padding:0 clamp(16px,4vw,56px);display:grid}.caption,.stage{height:100vh;position:sticky;top:0}.caption{padding-top:var(--nav-h);flex-direction:column;justify-content:center;gap:36px;display:flex}.captions{display:grid}.captions article{opacity:0;pointer-events:none;grid-area:1/1;transition:opacity .35s,transform .35s;transform:translateY(12px)}.captions article.on{opacity:1;pointer-events:auto;transform:none}.eyebrow{color:var(--violet);letter-spacing:.08em;text-transform:uppercase;margin:0 0 12px;font-size:13px;font-weight:500}.captions h2{font:500 clamp(34px, 4vw, 54px)/1.05 var(--serif);letter-spacing:-.02em;margin:0}.captions p:last-child{color:var(--muted);max-width:26em;margin:16px 0 0;font-size:18px}.rail{gap:2px;margin:0;padding:0;list-style:none;display:grid}.rail button{color:var(--muted);cursor:pointer;background:0 0;border:0;align-items:center;gap:12px;padding:5px 0;font-size:15px;display:flex}.rail .num{font-variant-numeric:tabular-nums;color:#aaa69d;width:22px}.rail .dot{background:var(--bg);border:1.5px solid #c9c5bc;border-radius:50%;width:12px;height:12px}.rail li.done .dot{border-color:var(--violet);background:var(--violet);box-shadow:inset 0 0 0 2px var(--bg)}.rail li.on button{color:var(--violet);font-weight:500}.rail li.on .dot{border-color:var(--violet);background:var(--violet)}.stage{padding:calc(var(--nav-h) + 16px) 0 20px;align-items:center;display:flex}.window{border:1px solid var(--line);background:#fff;border-radius:14px;flex-direction:column;width:100%;height:100%;display:flex;position:relative;overflow:hidden;box-shadow:0 1px 2px #0000000a,0 24px 60px -24px #281e0a40}.bar{border-bottom:1px solid var(--line);background:#fbfaf8;align-items:center;gap:8px;height:46px;padding:0 14px;display:flex}.bar i{background:#ff5f57;border-radius:50%;width:12px;height:12px}.bar i:nth-child(2){background:#febc2e}.bar i:nth-child(3){background:#28c840}.who{min-width:0;color:var(--violet);white-space:nowrap;text-overflow:ellipsis;flex:1;margin-left:10px;font-size:13px;overflow:hidden}.who:not(:empty):before{content:"●";margin-right:6px;animation:1s infinite alternate pulse}@keyframes pulse{to{opacity:.25}}.try{white-space:nowrap;background:var(--violet-soft);height:30px;color:var(--violet);cursor:pointer;border:0;border-radius:8px;flex:none;margin-left:auto;padding:0 12px;font-size:13px;font-weight:500}.shield{cursor:pointer;background:0 0;border:0;position:absolute;inset:0}.driving .shield{display:none}.driving .window{outline:2px solid var(--violet);outline-offset:3px}.cta{text-align:center;padding:18vh 16px 20vh}.cta h2{font:500 clamp(44px, 8vw, 104px)/1.1 var(--serif);letter-spacing:-.03em;margin:0}.struck{text-decoration:line-through;text-decoration-thickness:.06em;-webkit-text-decoration-color:var(--violet);text-decoration-color:var(--violet);position:relative}.hand{color:var(--violet);font:600 .62em/1 var(--hand);position:absolute;bottom:78%;left:50%;transform:translate(-50%)rotate(-6deg)}.cta p{color:var(--muted);margin:18px 0 32px;font-size:18px}@media (width<=860px){.links,.nav .ghost{display:none}.nav .primary{margin-left:auto}.story{padding:0 16px;display:block}.hero{grid-template-columns:1fr;min-height:0}.paper{height:78svh}.caption{height:112px;top:var(--nav-h);z-index:2;background:var(--bg);justify-content:flex-start;gap:0;padding:12px 0}.eyebrow{margin-bottom:6px}.captions h2{font-size:26px}.captions p:last-child,.rail{display:none}.stage{top:calc(var(--nav-h) + 112px);height:calc(100svh - var(--nav-h) - 124px);padding:0}}.screen{flex:1;position:relative;overflow:hidden}.film,.live{transition:opacity .3s;position:absolute;inset:0}.live{opacity:0;pointer-events:none;display:flex}.live.on{pointer-events:auto}.live iframe{border:0;flex:1;width:100%}.film{background:#fff;overflow:hidden}.film-page{height:100%;padding:28px clamp(20px,7%,72px) 0;position:relative}.film-title{min-height:46px;font:700 32px/1.25 var(--sans);letter-spacing:-.02em;color:#37352f;margin:10px 0 14px}.film-body{color:#37352f;max-width:560px;font:17px/28px var(--serif);position:relative}.fl{white-space:pre;position:absolute;top:0;left:0}.film-body .lit{font-weight:inherit;color:inherit;border-radius:2px}.film-body .lit.brain{border-bottom:2px solid var(--violet);background:#efeaff}.film-body .lit.body{background:#fff0e4;border-bottom:2px solid #ff7a1a}.film-caret{background:#1a6dbf;width:2px;height:22px;margin-top:3px;animation:1s step-end infinite blink;position:absolute;top:0;left:0}.film-box{opacity:0;background:color-mix(in srgb, var(--violet) 9%, #fff);border:2px solid var(--violet);border-radius:9px 12px 10px 11px;position:absolute;top:0;left:0}.film-ink{pointer-events:none;width:calc(100% + 40px);height:calc(100% + 40px);position:absolute;inset:-20px;overflow:visible}.film-ink path{fill:none;stroke:var(--violet);stroke-width:2.4px;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:1px;transform:translate(20px,20px)}.film-slide{z-index:1;opacity:0;pointer-events:none;-webkit-user-select:none;user-select:none;border:1px solid var(--line);background:#fff;border-radius:4px;transition:box-shadow .2s;position:absolute;top:0;left:0;box-shadow:0 1px 3px #00000014}.film-slide.on{pointer-events:auto;cursor:grab;touch-action:none}.film-slide.held{cursor:grabbing;outline-offset:3px;outline:1.5px dashed #1a6dbf;box-shadow:0 18px 40px -12px #281e0a59}.film-card{z-index:3;opacity:0;border:1px solid var(--line);pointer-events:none;background:#fff;border-radius:12px;width:250px;padding:6px 6px 10px;position:absolute;top:0;left:0;box-shadow:0 12px 34px -10px #281e0a4d}.film-3d{aspect-ratio:4/3;object-fit:contain;background:#f1efe8;border-radius:8px;width:100%;display:block}.film-where{color:var(--violet);font:600 10px/1.2 var(--sans);letter-spacing:.08em;text-transform:uppercase;margin:8px 6px 2px}.film-card.body .film-where{color:#e8680c}.film-name{font:700 17px/1.3 var(--sans);margin:0 6px}.film-blurb{color:var(--muted);font:12px/1.35 var(--sans);margin:2px 6px 8px}.film-chips{white-space:nowrap;gap:4px;margin:0 6px;display:flex}.film-chips span{border:1px solid var(--line);font:500 10.5px/1.4 var(--sans);border-radius:6px;padding:3px 6px}.film-chips .add{color:#1a6dbf;background:#e8f1fd;border-color:#0000}.film-panel{z-index:2;border-left:1px solid var(--line);width:min(300px,46%);font:13px/1.4 var(--sans);background:#fbfaf8;padding:16px;position:absolute;top:0;bottom:0;right:0;transform:translate(105%)}.ph{margin:0 0 10px;font-weight:600}.ph .mode,.ph .count{float:right;color:var(--muted);font-size:12px;font-weight:500}.p3d{aspect-ratio:4/3;object-fit:contain;background:#f1efe8;border-radius:8px;width:100%}.pqq{margin:10px 0;font-weight:600}.opt{border:1px solid var(--line);background:#fff;border-radius:7px;margin:0 0 6px;padding:7px 10px;transition:background .2s,border-color .2s;position:relative}.opt em{float:right;color:var(--muted);margin-left:8px;font-size:11px;font-style:normal;line-height:1.6;display:none}.picked .opt.wrong{background:#fdecec;border-color:#f2a3a3}.picked .opt.wrong em{display:inline}.revealed .opt.right{background:#e7f6ea;border-color:#8fd19e}.roast{color:#b42318;opacity:0;background:#fdecec;border-radius:7px;margin:8px 0 0;padding:8px 10px;transition:opacity .2s}.roasted .roast{opacity:1}.pr,.roadmap .pq{display:none}.roadmap .pr{display:block}.bar-track{background:var(--line);border-radius:3px;height:6px;margin:0 0 12px}.bar-fill{background:var(--violet);border-radius:3px;height:100%;transition:width .25s}.item{border:1px solid var(--line);background:#fff;border-radius:7px;align-items:center;gap:9px;margin:0 0 6px;padding:7px 10px;display:flex}.item i{border:1.5px solid #c9c5bc;border-radius:4px;flex:none;width:15px;height:15px;transition:background .2s}.item.done i{border-color:var(--violet);background:var(--violet) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M3.5 8.5l3 3 6-7' fill='none' stroke='white' stroke-width='2'/%3E%3C/svg%3E") center / 12px no-repeat}.film-dock{z-index:2;border:1px solid var(--line);background:#fff;border-radius:12px;gap:4px;padding:5px;display:flex;position:absolute;bottom:16px;left:50%;transform:translate(-50%);box-shadow:0 4px 16px -6px #00000026}.film-dock span{color:#6b6a66;width:32px;height:32px;font:15px/1 var(--sans);border-radius:8px;place-items:center;display:grid}.film-dock span.on{color:#1a6dbf;background:#e8f1fd}.film-cursor{z-index:4;pointer-events:none;background:50%/contain no-repeat;width:22px;height:22px;margin:-3px 0 0 -4px;transition:transform 80ms linear;position:absolute;top:0;left:0}.film-cursor[data-kind=pointer],.film-cursor[data-kind=tap]{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 2l15 11-7 1-4 7z' fill='%2326241f' stroke='white' stroke-width='1.5' stroke-linejoin='round'/%3E%3C/svg%3E")}.film-cursor[data-kind=tap]:after{content:"";border:2px solid var(--violet);border-radius:50%;width:26px;height:26px;animation:.6s ease-out infinite tap;position:absolute;top:-10px;left:-10px}@keyframes tap{0%{opacity:1;transform:scale(.4)}to{opacity:0;transform:scale(1.4)}}.film-cursor[data-kind=pen]{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 21l4-1 12-12-3-3L4 17z' fill='%237c5cff' stroke='white' stroke-width='1.3' stroke-linejoin='round'/%3E%3C/svg%3E");margin:-20px 0 0 -2px}.film-cursor[data-kind=hand],.film-cursor[data-kind=grab]{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M8 11V5a1.5 1.5 0 013 0v5V4a1.5 1.5 0 013 0v6V5a1.5 1.5 0 013 0v6-3a1.5 1.5 0 013 0v7c0 4-3 7-7 7h-1c-3 0-4-1-6-4l-3-4a1.5 1.5 0 012-2l3 2z' fill='white' stroke='%2326241f' stroke-width='1.4' stroke-linejoin='round'/%3E%3C/svg%3E");margin:-11px 0 0 -11px}.film-cursor[data-kind=grab]{transform-origin:50%;scale:.92}