@font-face{font-family:RubikLab;src:url('assets/Rubik-Variable.ttf') format('truetype');font-weight:300 900;font-style:normal;font-display:swap}
:root{--paper:#fffdf8;--panel:#fff;--ink:#171819;--muted:#676762;--line:#d3d2c9;--accent:#ff8058;--gutter:clamp(22px,4.5vw,72px)}
body{font-family:RubikLab,Arial,sans-serif}.brand{font-family:RubikLab,Arial,sans-serif;font-weight:900;font-size:26px;letter-spacing:-.07em}.brand span{color:#2b50e6}.workshop-header{border-bottom:0;padding-top:22px;padding-bottom:22px}.workshop-header nav a{font-size:14px;font-weight:600}.menu-toggle{border:2px solid var(--ink);border-radius:999px;padding:10px 16px}.action{border:2px solid var(--ink);border-radius:999px;min-height:52px;padding:13px 22px;background:var(--accent);color:var(--ink);box-shadow:2px 3px 0 var(--ink);font-size:13px;font-weight:700;text-decoration:none;transition:transform .2s,box-shadow .2s}.action:hover{transform:translateY(-2px);box-shadow:3px 5px 0 var(--ink);text-decoration:none}.action:active{transform:translate(2px,2px);box-shadow:0 0 0 var(--ink)}.play-hero{padding:34px var(--gutter) 62px;overflow:clip}.play-hero>.eyebrow{font:500 11px/1.5 Consolas,'Courier New',monospace;letter-spacing:.05em}.play-hero h1{font-weight:900;letter-spacing:-.045em;font-size:clamp(68px,6.6vw,110px);line-height:1.02;max-width:20ch;margin:28px 0 40px}.play-hero h1 em{display:table;max-width:100%;padding:4px 18px 10px;margin:8px 0 12px;background:var(--accent);border:6px solid #fff;border-radius:19px;outline:1px solid #c7c6c0;box-shadow:2px 4px 0 #17181922;transform:rotate(-1.6deg);font-style:normal;letter-spacing:-.045em}.play-hero .period{color:#2b50e6}.hero-under{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);align-items:start;gap:58px}.hero-intro>p{font-size:21px;line-height:1.6;max-width:54ch}.hero-actions{display:flex;align-items:flex-start;gap:18px;flex-wrap:wrap;margin-top:30px}.hero-actions .action{width:fit-content}.hero-actions .action:last-child{background:var(--ink);color:#fff}.blue-pencil{margin-top:30px;color:#2b50e6;max-width:260px;transform:rotate(-4deg);padding:12px 0;font-weight:800;font-size:12px;letter-spacing:.03em}.blue-pencil svg{width:240px;height:54px;display:block}.blue-pencil path,.wall-scribble path{fill:none;stroke:currentColor;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.coding-sketch{margin:0;border:2px solid var(--ink);border-radius:17px;box-shadow:6px 7px 0 #17181914;background:#fff;overflow:hidden;transform:rotate(1deg);min-width:0}.coding-sketch>figcaption{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:14px 18px;border-bottom:2px solid var(--ink);font:12px/1.4 Consolas,monospace}.file-label>span{font-weight:700;font-size:17px;margin-right:8px}.sketch-badge{border:1px solid #b6b7ae;border-radius:999px;padding:3px 10px;font:11px RubikLab,Arial}.code-body{display:grid;grid-template-columns:24px minmax(0,1fr);gap:10px;padding:20px 18px;background:#1d2025;color:#f3f4ef;min-height:208px;font:14px/1.75 Consolas,'Courier New',monospace}.line-numbers{color:#858992;font-size:11px;line-height:24.5px;user-select:none}.code-body pre{margin:0;font:inherit;white-space:pre;min-width:0;overflow:auto}.token.keyword{color:#ceb5ff}.token.function{color:#ffc28d}.token.string{color:#b8e8b3}.typing-cursor{display:none;color:#ffbca3}.is-playing .typing-cursor{display:inline;animation:code-caret .7s steps(1) infinite}.sketch-output{padding:16px 18px 8px;background:#f5f3ed}.output-title{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.08em}.demo-modules{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin:10px 0 0}.demo-module{display:flex;align-items:center;justify-content:center;min-height:34px;border:1px solid #a8b49a;border-radius:7px;background:#dcefbe;font-size:10px;font-weight:500;transition:opacity .25s,transform .25s}.motion-active .demo-module:not(.attached){opacity:.12;transform:translateY(4px)}.code-controls{display:flex;align-items:center;flex-wrap:wrap;gap:10px;min-height:50px;padding:4px 18px;background:#f5f3ed}.code-controls button{min-height:40px;padding:9px 12px;background:#fff;border:1px solid #a4a69b;border-radius:99px;font:500 11px RubikLab,Arial;cursor:pointer}.coding-sketch .route-note{font-size:11px;line-height:1.55;padding:12px 18px;margin:0;background:#fff;max-width:none}.ideas-wall{padding:48px var(--gutter) 64px;border-top:2px solid var(--ink);background:#fff}.wall-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:32px;margin-bottom:36px}.wall-heading h2{font-size:clamp(39px,4.4vw,68px);font-weight:900;letter-spacing:-.055em;max-width:19ch;margin-bottom:24px}.wall-heading .lead{font-size:18px;line-height:1.6;max-width:68ch}.wall-heading #reset-notes{flex-shrink:0;border:2px solid var(--ink);border-radius:99px;min-height:44px;padding:10px 18px;background:#fff;font-size:12px;font-weight:500;cursor:pointer}.wall-canvas{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:34px;padding:24px 12px 34px;isolation:isolate}.movable-note{position:relative;min-width:0;transform:translate3d(var(--drag-x,0px),var(--drag-y,0px),0) rotate(var(--tilt,0deg));z-index:1;touch-action:pan-y}.movable-note.is-dragging{z-index:6;will-change:transform}.paper-note{padding:38px 26px 30px;border:2px solid var(--ink);border-radius:14px;box-shadow:5px 7px 0 #17181914;align-self:start}.paper-note .note-number{font:10px/1.5 Consolas,monospace;letter-spacing:.04em}.paper-note h3{font-size:clamp(27px,2.6vw,40px);font-weight:900;line-height:1.05;letter-spacing:-.04em;margin:24px 0 22px}.paper-note p{font-size:16px;line-height:1.65}.strategy-note{grid-column:1;grid-row:1;background:#ffed9e;--tilt:-3deg;margin-top:52px}.platform-note{grid-column:3;grid-row:1;background:#171819;color:#fff;--tilt:2deg;margin-top:0}.ai-note{grid-column:3;grid-row:2;background:#f7b79d;--tilt:-2deg}.author-pin{grid-column:2;grid-row:1/3;border:2px solid var(--ink);border-radius:14px;box-shadow:5px 7px 0 #17181914;background:#fff;overflow:hidden;align-self:center}.author-pin>figure{height:290px;border:9px solid #fff;overflow:hidden}.author-pin>figure img{object-position:50% 31%;border-radius:7px}.author-pin-copy{padding:18px 22px 24px}.author-pin h2{font-size:34px;font-weight:900;letter-spacing:-.05em;margin-bottom:18px}.author-pin p{font-size:14px;line-height:1.65}.author-pin .action{margin-top:24px;width:100%;background:#fff;box-shadow:none;font-size:12px;padding-left:16px;padding-right:16px}.wall-scribble{grid-column:1;grid-row:2;color:#2b50e6;align-self:center;text-align:center;transform:rotate(-7deg);padding:20px}.wall-scribble>span{font-size:24px;font-weight:800;font-style:italic;line-height:1.15;letter-spacing:-.02em}.wall-scribble svg{display:block;width:190px;max-width:100%;height:100px;margin:auto}.note-grip{position:absolute;z-index:7;top:8px;right:8px;border:0;border-radius:99px;background:#ffffffd9;color:#171819;font-size:25px;width:44px;height:44px;display:flex;align-items:center;justify-content:center;cursor:grab;touch-action:none}.note-grip:active{cursor:grabbing}.note-grip[hidden],#reset-notes[hidden],.code-controls button[hidden]{display:none}.sr-only{position:absolute;clip:rect(0,0,0,0);clip-path:inset(50%);width:1px;height:1px;overflow:hidden;white-space:nowrap}.ideas-wall>.smallprint{margin-top:24px;max-width:80ch}.play-build{padding:70px var(--gutter);background:#f2f1e9;border-top:2px solid var(--ink)}.build-intro{display:grid;grid-template-columns:1fr .9fr;gap:28px 56px;align-items:start}.build-intro h2{font-size:clamp(40px,4.5vw,70px);font-weight:900;letter-spacing:-.05em;max-width:17ch;grid-row:1/3}.build-intro .lead{font-size:20px;line-height:1.6}.build-intro .action{justify-self:start;background:#fff}.build-stair{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;margin-top:50px}.build-stair article{border-top:3px solid var(--ink);padding:24px 0}.build-stair h3{font-size:clamp(25px,2.6vw,40px);margin:18px 0;font-weight:800}.build-stair p{font-size:16px}.build-stair .step-index{font:11px Consolas,monospace}.play-origin{padding:70px var(--gutter);display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:40px 56px;border-top:2px solid var(--ink)}.origin-title h2{font-size:clamp(36px,4vw,60px);font-weight:900;line-height:1.06;letter-spacing:-.045em}.origin-copy p{font-size:18px;line-height:1.7}.origin-copy p+p{margin-top:26px}.origin-illustration{grid-column:1/-1;background:#dce5fb;border:2px solid var(--ink);border-radius:15px;padding:18px 34px;max-width:100%}.origin-illustration .convergence{margin-top:22px}.origin-illustration .joined-node{background:#fff1a2}.origin-illustration .diagram-caption{color:#414f6e}.evidence-strip{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:44px;margin-top:12px;border-top:1px solid var(--line);padding-top:32px}.evidence-strip h2{font-size:40px;font-weight:900}.evidence-strip .lead{font-size:20px;line-height:1.6}.play-decision{padding:68px var(--gutter);background:#171819;color:#fffdf8;--line:#777971;--muted:#c4c5bd}.play-decision .decision{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:36px}.play-decision .decision h2{font-size:clamp(38px,4vw,64px);font-weight:900;max-width:13ch;line-height:1.02}.play-decision .decision h2 em{color:#ffbb9e}.play-decision .decision-option{font-size:19px;padding-top:10px}.play-decision .choice-end{grid-column:2/-1}.play-process{padding:68px var(--gutter);display:grid;grid-template-columns:1fr 1fr;gap:56px}.play-process h2{font-size:clamp(36px,4vw,60px);font-weight:900}.play-process p{font-size:19px}.play-process p+p{margin-top:24px}.inquiry{padding:68px var(--gutter);background:#ffb99f;display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1fr);gap:56px;border-top:2px solid var(--ink)}.inquiry-copy h2{font-size:clamp(40px,4.5vw,72px);font-weight:900;line-height:1.03;letter-spacing:-.05em;margin-bottom:28px}.inquiry-copy h2 em{color:#fff;text-shadow:1px 1px 0 #171819}.inquiry-copy p{font-size:20px;line-height:1.6}.contact-form{border:2px solid var(--ink);border-radius:15px;background:#fffdf8;box-shadow:5px 6px 0 #17181916}.contact-form h3{font-family:RubikLab,Arial;font-weight:900}.contact-form input,.contact-form textarea{border-radius:8px;background:#fff}.contact-form button{border-radius:99px;font-family:RubikLab,Arial}.site-footer{border-top:2px solid var(--ink);font-family:RubikLab,Arial}.footer-brand .brand{font-size:25px}
@keyframes code-caret{50%{opacity:0}}
@media(min-width:721px) and (max-width:1050px){.hero-under{gap:30px;grid-template-columns:1fr 1fr}.hero-intro>p{font-size:18px}.wall-canvas{grid-template-columns:1fr 1fr;gap:28px}.strategy-note{grid-column:1;grid-row:1;margin-top:25px}.author-pin{grid-column:2;grid-row:1/3}.platform-note{grid-column:1;grid-row:2}.ai-note{grid-column:1/-1;grid-row:3;max-width:650px;justify-self:center}.wall-scribble{display:none}.paper-note h3{font-size:30px}.inquiry{gap:32px}.inquiry-copy h2{font-size:43px}.play-decision .decision{grid-template-columns:1fr 1fr}.play-decision .decision-title{grid-column:1/-1}.play-decision .choice-end{grid-column:1/-1}}
@media(max-width:720px){.workshop-header{padding-top:10px;padding-bottom:10px}.brand{font-size:23px}.play-hero{padding-top:28px;padding-bottom:44px}.play-hero>.eyebrow{font-size:10px}.play-hero h1{font-size:clamp(36px,10.5vw,58px);max-width:none;margin:26px 0 34px}.play-hero h1 em{padding:4px 9px 7px;margin:7px 0 10px;border-width:4px;border-radius:13px;transform:none}.hero-under{grid-template-columns:1fr;gap:30px}.hero-intro>p{font-size:17px;line-height:1.65}.hero-actions{gap:14px;margin-top:26px}.hero-actions .action{width:100%;max-width:none;font-size:12px;min-height:50px}.blue-pencil{display:none}.coding-sketch{transform:none;box-shadow:4px 5px 0 #17181914}.coding-sketch>figcaption{padding:12px 14px}.code-body{font-size:12px;line-height:1.8;padding:16px 12px;gap:6px;grid-template-columns:22px minmax(0,1fr);min-height:182px}.line-numbers{font-size:10px;line-height:21.6px}.demo-modules{grid-template-columns:1fr 1fr}.demo-module{font-size:11px;min-height:36px}.coding-sketch .route-note{font-size:10px}.code-controls button{min-height:44px}.ideas-wall{padding-top:42px;padding-bottom:42px}.wall-heading{display:block;margin-bottom:24px}.wall-heading h2{font-size:38px;margin-bottom:22px}.wall-heading .lead{font-size:17px}.wall-canvas{display:flex;flex-direction:column;gap:28px;padding:12px 4px 22px}.movable-note{transform:rotate(var(--tilt,0deg));touch-action:pan-y}.strategy-note{margin-top:0;--tilt:-1deg}.platform-note{margin-top:0;--tilt:1deg}.ai-note{--tilt:-1deg}.author-pin{--tilt:0deg;order:4;width:100%;max-width:440px;align-self:center}.author-pin>figure{height:310px}.author-pin h2{font-size:34px}.author-pin p{font-size:16px}.paper-note{padding:28px 22px}.paper-note h3{font-size:29px;margin:18px 0}.paper-note p{font-size:16px}.wall-scribble{display:none}.play-build,.play-origin,.play-decision,.play-process,.inquiry{padding:44px var(--gutter)}.build-intro,.build-stair,.play-origin,.evidence-strip,.play-decision .decision,.play-process,.inquiry{display:block}.build-intro h2{font-size:38px;margin-bottom:26px}.build-intro .lead{font-size:18px}.build-intro .action{margin-top:24px}.build-stair{margin-top:36px}.build-stair article{padding:22px 0}.build-stair h3{font-size:27px}.origin-title h2{font-size:35px;margin-bottom:26px}.origin-copy p{font-size:17px}.origin-illustration{margin-top:32px;padding:8px 14px 14px}.origin-illustration .source-nodes>span{font-size:9px;padding:8px;min-height:82px}.origin-illustration .joined-node{font-size:13px}.origin-illustration .diagram-caption{font-size:10px}.evidence-strip{margin-top:32px;padding-top:26px}.evidence-strip h2{font-size:35px;margin-bottom:20px}.evidence-strip .lead{font-size:18px}.play-decision .decision h2{font-size:38px;margin-bottom:28px;max-width:none}.play-decision .decision-option{font-size:18px;padding-top:0;margin-top:24px}.play-decision .choice-end{margin-top:28px}.play-process h2{font-size:35px;margin-bottom:26px}.play-process p{font-size:18px}.inquiry-copy h2{font-size:39px;margin-bottom:26px}.inquiry-copy p{font-size:18px;margin-bottom:30px}.contact-form{padding:24px 18px}.site-footer{padding-top:34px}}
@media(max-width:360px){.play-hero h1{font-size:34px}.paper-note h3{font-size:26px}.wall-heading h2,.build-intro h2{font-size:34px}.code-body{font-size:11px}.code-body .line-numbers{line-height:19.8px}.author-pin>figure{height:270px}}
@media(prefers-reduced-motion:reduce){.typing-cursor{animation:none!important;display:none!important}.demo-module{transition:none}.action{transition:none}.play-hero h1 em,.movable-note,.coding-sketch{transform:none!important}}

@media(prefers-reduced-motion:reduce){.movable-note{transform:translate3d(var(--drag-x,0px),var(--drag-y,0px),0)!important}}

/* Author is a separate introduction after the work route, outside the notes wall. */
.wall-canvas .strategy-note{grid-column:1;grid-row:1;margin-top:30px}
.wall-canvas .platform-note{grid-column:2;grid-row:1;margin-top:0}
.wall-canvas .ai-note{grid-column:3;grid-row:1;margin-top:60px}
.maker-section{padding:66px var(--gutter);border-top:1px solid var(--line);background:#fffdf8}
.origin-result{grid-column:1/-1;max-width:76ch;font-size:20px;line-height:1.65}
.play-evidence{padding:64px var(--gutter);border-top:2px solid var(--ink);background:#e9eefb}
.play-evidence .evidence-strip{margin-top:0;padding-top:0;border-top:0}
@media(max-width:720px){.origin-result{margin-top:28px;font-size:18px}.play-evidence{padding:44px var(--gutter)}}
.maker-card{display:grid;grid-template-columns:minmax(250px,.75fr) minmax(0,1.25fr);gap:48px;align-items:center;max-width:1220px;margin:auto;padding:28px;background:#fff;border:2px solid var(--ink);border-radius:18px;box-shadow:6px 8px 0 #17181914}
.maker-card>figure{height:420px;min-width:0;overflow:hidden;border-radius:9px}
.maker-card>figure img{object-position:50% 31%}
.maker-copy{padding:8px 20px 8px 0;min-width:0}
.maker-copy h2{font-size:clamp(42px,5.4vw,76px);line-height:1.04;font-weight:900;letter-spacing:-.045em;margin-bottom:26px}
.maker-copy p{font-size:21px;line-height:1.65;max-width:52ch}
.maker-copy .action{margin-top:28px;background:#fff;box-shadow:2px 3px 0 var(--ink)}
@media(min-width:721px) and (max-width:1050px){.wall-canvas .strategy-note{grid-column:1;grid-row:1;margin-top:20px}.wall-canvas .platform-note{grid-column:2;grid-row:1}.wall-canvas .ai-note{grid-column:1/-1;grid-row:2;margin-top:0}.maker-card{grid-template-columns:minmax(220px,.8fr) minmax(0,1.2fr);gap:30px;padding:22px}.maker-card>figure{height:390px}.maker-copy{padding-right:0}.maker-copy h2{font-size:43px}.maker-copy p{font-size:18px}}
@media(max-width:720px){.wall-canvas .strategy-note,.wall-canvas .platform-note,.wall-canvas .ai-note{margin-top:0}.maker-section{padding:42px var(--gutter)}.maker-card{display:block;padding:14px;border-radius:15px;box-shadow:4px 5px 0 #17181914}.maker-card>figure{height:320px}.maker-copy{padding:28px 8px 16px}.maker-copy h2{font-size:38px;margin-bottom:24px}.maker-copy p{font-size:17px}.maker-copy .action{font-size:12px;max-width:none}}