:root{--paper:#FAFAF6;--card:#FFFFFF;--ink:#15223D;--ink-soft:#4B5672;--rule:#DDE7F3;--line:#CCD6E4;--margin:#DE7A7C;--pen:#C2393F;--mark:#F6E27A;--mark-ink:#15223D;--chip:#EEF2F8;--f-display:"Bricolage Grotesque","Arial Narrow",system-ui,sans-serif;--f-body:"IBM Plex Sans",system-ui,-apple-system,"Segoe UI",sans-serif;--f-mono:"IBM Plex Mono",ui-monospace,Menlo,Consolas,monospace;--f-hand:"Caveat","Comic Sans MS","Segoe Print",cursive;--step--1:.84rem;--step-0:1rem;--step-1:1.2rem;--step-2:1.55rem;--step-3:2.1rem;--step-4:clamp(2.6rem,7vw,4.8rem);--ruled:28px}@media (prefers-color-scheme: dark){:root:not([data-theme=light]){--paper:#17201D;--card:#1E2925;--ink:#E7ECE5;--ink-soft:#A7B3AC;--rule:#212C28;--line:#33413B;--margin:#8E4C4F;--pen:#F09A9C;--mark:#5C5326;--mark-ink:#F5E7A6;--chip:#25312C;color-scheme:dark}}:root[data-theme=dark]{--paper:#17201D;--card:#1E2925;--ink:#E7ECE5;--ink-soft:#A7B3AC;--rule:#212C28;--line:#33413B;--margin:#8E4C4F;--pen:#F09A9C;--mark:#5C5326;--mark-ink:#F5E7A6;--chip:#25312C;color-scheme:dark}*{box-sizing:border-box}html{scroll-behavior:smooth}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}}body{background:var(--paper);color:var(--ink);font-family:var(--f-body);font-size:var(--step-0);line-height:1.6;background-image:repeating-linear-gradient(to bottom,transparent 0,transparent calc(var(--ruled) - 1px),var(--rule) calc(var(--ruled) - 1px),var(--rule) var(--ruled))}a{color:inherit;text-underline-offset:3px;text-decoration-thickness:1px}a:hover{color:var(--pen)}:focus-visible{outline:2px solid var(--pen);outline-offset:3px;border-radius:2px}.wrap{max-width:1080px;margin:0 auto;position:relative;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}@media (min-width:760px){.wrap{padding-left:max(88px,env(safe-area-inset-left,0px))}body{position:relative}body:after{content:"";position:absolute;top:0;bottom:0;left:max(64px,calc(50% - 476px));border-left:2px solid var(--margin);opacity:.75;pointer-events:none}}.hl{background:linear-gradient(transparent 58%,var(--mark) 58%);color:var(--mark-ink);padding:0 .1em}.hand{font-family:var(--f-hand);color:var(--pen);font-size:1.35rem;line-height:1;font-weight:600}.eyebrow{font-family:var(--f-mono);font-size:var(--step--1);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-soft)}h1,h2,h3{font-family:var(--f-display);text-wrap:balance;margin:0;line-height:1.05}h2{font-size:var(--step-3);font-weight:800;letter-spacing:-.01em}h3{font-size:var(--step-2);font-weight:700}p{margin:0}header .wrap{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;padding-block:20px}.brand{font-family:var(--f-display);font-weight:800;font-size:1.15rem;text-decoration:none}.brand span{color:var(--pen)}nav ul{display:flex;gap:4px 20px;flex-wrap:wrap;list-style:none;margin:0;padding:0;font-size:var(--step--1)}nav a{text-decoration:none;color:var(--ink-soft)}nav a:hover{color:var(--ink)}.hero .wrap{display:grid;gap:48px;padding-block:40px 64px;grid-template-columns:minmax(0,1fr)}@media (min-width:900px){.hero .wrap{grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);align-items:start}}.hero h1{font-size:var(--step-4);font-weight:800;letter-spacing:-.025em;margin-top:10px}.hero .role{font-size:var(--step-1);color:var(--ink-soft);margin-top:14px}.hero .lede{max-width:60ch;margin-top:22px;font-size:1.05rem}.hero .actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.btn{display:inline-flex;align-items:center;gap:8px;font:500 var(--step--1)/1 var(--f-mono);padding:12px 16px;border:1.5px solid var(--ink);text-decoration:none;background:var(--card);color:var(--ink);cursor:pointer}.btn.primary{background:var(--ink);color:var(--paper)}.btn.primary:hover{background:var(--pen);border-color:var(--pen);color:var(--paper)}.btn:hover{color:var(--pen);border-color:var(--pen)}.note-left{margin-top:20px;display:flex;gap:10px;align-items:baseline;flex-wrap:wrap}.slip{background:var(--card);border:1.5px solid var(--line);font-family:var(--f-mono);font-size:.88rem;transform:rotate(.6deg);box-shadow:0 1px 0 var(--line),6px 8px 0 -2px var(--rule)}.slip header{display:flex;justify-content:space-between;gap:12px;padding:14px 18px;border-bottom:1.5px dashed var(--line)}.slip header strong{font-weight:500;letter-spacing:.06em;text-transform:uppercase}.slip table{width:100%;border-collapse:collapse}.slip td{padding:9px 18px;border-bottom:1px solid var(--rule);vertical-align:baseline}.slip td:last-child{text-align:right;font-variant-numeric:tabular-nums;font-weight:500;white-space:nowrap}.slip tr:last-child td{border-bottom:0}.slip footer{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 18px;border-top:1.5px dashed var(--line);color:var(--ink-soft)}.slip footer .hand{font-size:1.5rem;transform:rotate(-4deg)}section{padding-block:56px}.sec-head{display:flex;align-items:baseline;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:32px}.sec-head p{color:var(--ink-soft);max-width:52ch}.questions{display:grid;gap:20px}.q{display:grid;grid-template-columns:auto minmax(0,1fr);gap:6px 18px;padding:24px 0;border-top:1.5px solid var(--line)}.q:last-child{border-bottom:1.5px solid var(--line)}.q .num{font-family:var(--f-display);font-weight:800;font-size:var(--step-3);line-height:1;color:var(--pen);min-width:1.6ch}.q .body{display:grid;gap:12px;min-width:0}.q .top{display:flex;justify-content:space-between;align-items:baseline;gap:8px 16px;flex-wrap:wrap}.q .where{font-family:var(--f-mono);font-size:var(--step--1);color:var(--ink-soft)}.q ul{margin:0;padding-left:1.1em;display:grid;gap:6px;max-width:72ch}.q .meta{display:flex;justify-content:space-between;align-items:center;gap:10px 16px;flex-wrap:wrap}.chips{display:flex;flex-wrap:wrap;gap:6px;list-style:none;padding:0;margin:0}.chips li{font-family:var(--f-mono);font-size:.76rem;padding:3px 8px;background:var(--chip);border:1px solid var(--line)}.visit{font-family:var(--f-mono);font-size:var(--step--1)}.game{display:grid;gap:28px;grid-template-columns:minmax(0,1fr)}@media (min-width:900px){.game{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:center}}.stage{background:var(--card);border:1.5px solid var(--ink);position:relative}.stage canvas{display:block;width:100%;height:auto;aspect-ratio:16/10;max-width:100%}.stage .cap{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:10px 14px;border-top:1.5px solid var(--ink);font-family:var(--f-mono);font-size:.78rem;color:var(--ink-soft)}.game ul{margin:16px 0 0;padding-left:1.1em;display:grid;gap:8px;max-width:62ch}.timeline{list-style:none;margin:0;padding:0;display:grid}.timeline>li{display:grid;grid-template-columns:minmax(0,1fr);gap:6px 32px;padding:24px 0;border-top:1.5px solid var(--line)}@media (min-width:760px){.timeline>li{grid-template-columns:190px minmax(0,1fr)}}.timeline .when{font-family:var(--f-mono);font-size:var(--step--1);color:var(--ink-soft);padding-top:4px}.timeline h3{font-size:var(--step-1)}.timeline .org{color:var(--ink-soft);margin-top:4px}.timeline ul{margin:12px 0 0;padding-left:1.1em;display:grid;gap:6px;max-width:72ch}.skills{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:0 40px}.skills div{padding:16px 0;border-top:1.5px solid var(--line);display:grid;gap:8px}.skills dt{font-family:var(--f-mono);font-size:var(--step--1);letter-spacing:.06em;text-transform:uppercase;color:var(--pen)}.skills dd{margin:0}.teach{display:grid;gap:32px;grid-template-columns:minmax(0,1fr)}@media (min-width:860px){.teach{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}.paper{background:var(--card);border:1.5px solid var(--line);padding:22px 24px;display:grid;gap:14px}.paper ol{margin:0;padding-left:1.3em;display:grid;gap:10px}.paper .marks{float:right;font-family:var(--f-mono);font-size:.78rem;color:var(--ink-soft);margin-left:10px}.edu{list-style:none;margin:0;padding:0;display:grid}.edu li{display:grid;grid-template-columns:110px minmax(0,1fr);gap:12px;padding:12px 0;border-top:1px solid var(--line)}.edu li span:first-child{font-family:var(--f-mono);font-size:var(--step--1);color:var(--ink-soft);font-variant-numeric:tabular-nums;padding-top:2px}.contact{background:var(--ink);color:var(--paper)}.contact .wrap{padding-block:64px;display:grid;gap:32px}.contact h2{font-size:clamp(2rem,5vw,3.4rem);max-width:18ch}.contact .hand{color:var(--mark)}.contact-rows{list-style:none;margin:0;padding:0;display:grid;gap:0}.contact-rows li{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px 16px;padding:16px 0;border-top:1px solid color-mix(in srgb,var(--paper) 25%,transparent)}.contact-rows .label{font-family:var(--f-mono);font-size:var(--step--1);text-transform:uppercase;letter-spacing:.08em;opacity:.7;min-width:90px}.contact-rows .val{font-family:var(--f-mono);font-size:1.02rem;-webkit-user-select:all;user-select:all;overflow-wrap:anywhere;flex:1 1 220px;min-width:0}.contact .btn{background:transparent;color:var(--paper);border-color:color-mix(in srgb,var(--paper) 45%,transparent)}.contact .btn:hover{color:var(--mark);border-color:var(--mark)}.contact a{color:var(--paper)}.contact a:hover{color:var(--mark)}footer.site .wrap{padding-block:24px;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;font-family:var(--f-mono);font-size:.78rem;color:var(--ink-soft)}:root{padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}body{margin:0}img{max-width:100%}[hidden]{display:none!important}:root{--lb-bg:#0F1114;--lb-fg:#F1EEE6;--lb-soft:#A8A39A;--tape:rgba(246,226,122,.72);--shade:rgba(21,34,61,.14) }@media (prefers-color-scheme: dark){:root:not([data-theme=light]){--tape:rgba(245,231,166,.35);--shade:rgba(0,0,0,.4) }}:root[data-theme=dark]{--tape:rgba(245,231,166,.35);--shade:rgba(0,0,0,.4) }.stage{margin:0}.game .actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:22px}.chips{margin-top:0}.drawings .sec-head{align-items:end}.filters{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:36px}.filter{font:500 .8rem/1 var(--f-mono);padding:9px 12px;border:1.5px solid var(--line);background:var(--card);color:var(--ink-soft);cursor:pointer}.filter span{opacity:.6;margin-left:4px;font-variant-numeric:tabular-nums}.filter:hover{border-color:var(--ink);color:var(--ink)}.filter[aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:var(--paper)}.sheet{list-style:none;margin:0;padding:8px 0 0;display:grid;gap:40px 28px;grid-template-columns:repeat(auto-fill,minmax(min(100%,210px),1fr))}.pin{transform:rotate(var(--tilt, 0deg));transition:transform .35s cubic-bezier(.2,.8,.2,1)}.pin:hover,.pin:focus-within{transform:rotate(0) translateY(-4px)}.pin button{all:unset;box-sizing:border-box;display:block;width:100%;cursor:zoom-in;position:relative;background:var(--card);padding:10px 10px 0;border:1px solid var(--line);box-shadow:0 10px 24px -12px var(--shade)}.pin button:focus-visible{outline:2px solid var(--pen);outline-offset:4px}.pin img{display:block;width:100%;aspect-ratio:4/5;object-fit:cover;background:var(--chip)}.tape{position:absolute;top:-10px;left:50%;width:72px;height:20px;transform:translate(-50%) rotate(-3deg);background:var(--tape);z-index:1}.pin-cap{display:grid;gap:2px;padding:10px 2px 12px}.pin-title{font-family:var(--f-display);font-weight:700;font-size:1.02rem;line-height:1.2}.pin-meta{font-family:var(--f-mono);font-size:.72rem;color:var(--ink-soft)}.draw-foot{display:flex;gap:12px;flex-wrap:wrap;margin-top:44px}@media (prefers-reduced-motion: reduce){.pin,.pin:hover,.pin:focus-within{transition:none}}.lb{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:var(--lb-bg);color:var(--lb-fg);display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:8px;padding:max(16px,env(safe-area-inset-top,0px)) max(16px,env(safe-area-inset-right,0px)) max(16px,env(safe-area-inset-bottom,0px)) max(16px,env(safe-area-inset-left,0px))}.lb-fig{margin:0;display:grid;justify-items:center;gap:14px;min-width:0}.lb-fig img{max-width:100%;max-height:78vh;width:auto;height:auto;object-fit:contain;box-shadow:0 30px 70px #0009}.lb-fig figcaption{display:grid;gap:4px;text-align:center}.lb-title{font-family:var(--f-display);font-weight:700;font-size:1.3rem}.lb-meta{font-family:var(--f-mono);font-size:.78rem;color:var(--lb-soft)}.lb-btn{width:46px;height:46px;border-radius:50%;border:1px solid color-mix(in srgb,var(--lb-fg) 30%,transparent);background:transparent;color:var(--lb-fg);font-size:1.6rem;line-height:1;cursor:pointer}.lb-btn:hover{background:color-mix(in srgb,var(--lb-fg) 12%,transparent)}.lb-close{position:absolute;top:max(14px,env(safe-area-inset-top,0px));right:max(14px,env(safe-area-inset-right,0px))}@media (max-width:600px){.lb{grid-template-columns:minmax(0,1fr)}.lb-prev,.lb-next{position:absolute;bottom:max(14px,env(safe-area-inset-bottom,0px))}.lb-prev{left:max(14px,env(safe-area-inset-left,0px))}.lb-next{right:max(14px,env(safe-area-inset-right,0px))}.lb-fig img{max-height:68vh}}