:root{--paper:#f3efe4;--desk:#e4e1db;--ink:#1c1917;--dot:#786e6073;--grid:19px;--sheet-inset:clamp(1.15rem, 2.6vw, 2.5rem);--sheet-radius:clamp(1.15rem, 2.4vw, 2rem);color:var(--ink);background-color:var(--desk);font-family:Nunito,ui-sans-serif,system-ui,sans-serif;line-height:1.6}body{padding:var(--sheet-inset);margin:0}.sheet{min-height:calc(100dvh - var(--sheet-inset) * 2);background-color:var(--paper);background-image:radial-gradient(circle, var(--dot) .6px, transparent .7px);background-size:var(--grid) var(--grid);border-radius:var(--sheet-radius);flex-direction:column;display:flex;overflow:hidden;box-shadow:0 1px 2px #30281c0d,0 6px 12px #30281c14,0 16px 24px #30281c1a}.folio{color:#78716c;text-align:center;margin:auto 0 0;padding:2rem 1.25rem 1.2rem;font-size:.85rem}.idle-pen{z-index:4;pointer-events:none;position:fixed;transform:translate(-50%,-50%)}header,main{max-width:40rem;margin:0 auto;padding:0 1.25rem}header{padding-top:1.5rem;padding-bottom:3.25rem}.mast{width:17rem;position:relative}.site-name{color:inherit;text-decoration:none;display:block;position:relative}.site-name-pen{width:100%;height:auto;display:block}.site-name-label{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}main{padding-bottom:1.5rem}h1{margin:.5rem 0;font-size:2.25rem;font-weight:500;line-height:1.2}h1+.part{color:#57534e;margin:-.15rem 0 .85rem;font-size:1.2rem;font-weight:600;line-height:1.35}h2{margin:2.75rem 0 .75rem;font-size:1.35rem;font-weight:500;line-height:1.3}main img{width:100%;height:auto;margin:1rem 0 1.25rem;display:block}.lede,.meta{color:#57534e}.posts{margin:0;padding:0;list-style:none}.posts li{margin:0 0 1.75rem}.pen-stage{pointer-events:none;position:absolute;inset:0}.pen-clearance{height:5.5rem}.pen-drawing{z-index:1;top:var(--pen-y,0px);left:var(--pen-x,0px);width:var(--pen-width,100%);pointer-events:auto;margin:0;position:absolute}.pen-drawing[data-pen=shelter]{--pen-width:61.4%;--pen-x:21.3%;--pen-y:94%}.pen-drawing[data-pen=passenger]{z-index:2;--pen-width:5%;--pen-x:58.8%;--pen-y:152.5%}.pen-drawing[data-pen=passenger-2]{z-index:2;--pen-width:5%;--pen-x:44.1%;--pen-y:158.5%}.pen-drawing[data-pen=train]{z-index:2;--pen-width:30.1%;--pen-x:99.3%;--pen-y:142.2%}.pen-drawing[data-pen=train].is-riding{pointer-events:none;animation:70s linear infinite train-ride}.pen-drawing[data-pen=train].is-riding img{animation:70s step-end infinite train-bump}.pen-drawing[data-pen=train].is-draggable.is-riding{pointer-events:auto}.pen-drawing[data-pen=train].is-dragging,.pen-drawing[data-pen=train].is-dragging img{animation:none}.pen-drawing[data-pen=passenger].is-riding,.pen-drawing[data-pen=passenger-2].is-riding{pointer-events:none;animation-duration:70s;animation-timing-function:linear;animation-iteration-count:infinite}.pen-drawing[data-pen=passenger].is-riding[data-board=lead],.pen-drawing[data-pen=passenger-2].is-riding[data-board=lead]{animation-name:passenger-board-lead}.pen-drawing[data-pen=passenger].is-riding[data-board=follow],.pen-drawing[data-pen=passenger-2].is-riding[data-board=follow]{animation-name:passenger-board-follow}.pen-drawing[data-pen=passenger].is-riding img,.pen-drawing[data-pen=passenger-2].is-riding img{animation:70s step-end infinite passenger-bump}.pen-drawing[data-pen=passenger].is-draggable.is-riding,.pen-drawing[data-pen=passenger-2].is-draggable.is-riding{pointer-events:auto}.pen-drawing[data-pen=passenger].is-dragging,.pen-drawing[data-pen=passenger].is-dragging img,.pen-drawing[data-pen=passenger-2].is-dragging,.pen-drawing[data-pen=passenger-2].is-dragging img{animation:none}@keyframes train-ride{0%{transform:translateX(var(--train-enter,80vw));animation-timing-function:linear}14.286%{transform:translateX(calc(var(--train-stop,0px) + 48px));animation-timing-function:cubic-bezier(.15,.7,.2,1)}21.429%{transform:translateX(var(--train-stop,0px))}35.714%{transform:translateX(var(--train-stop,0px));animation-timing-function:cubic-bezier(.45,0,.55,1)}57.143%{transform:translateX(var(--train-exit,-80vw))}to{transform:translateX(var(--train-exit,-80vw))}}@keyframes train-bump{0%{transform:translateY(0)}1%{transform:translateY(1.2px)}1.857%{transform:translateY(0)}3%{transform:translateY(-1px)}3.714%{transform:translateY(.4px)}4.857%{transform:translateY(0)}6%{transform:translateY(1.5px)}7%{transform:translateY(-.5px)}8%{transform:translateY(0)}9.286%{transform:translateY(1px)}10.429%{transform:translateY(0)}11.714%{transform:translateY(-1.2px)}12.857%{transform:translateY(.6px)}14%{transform:translateY(0)}16%{transform:translateY(1px)}17.714%{transform:translateY(-.4px)}19.286%{transform:translateY(.8px)}20.857%{transform:translateY(0)}21.429%,35.714%{transform:translateY(0)}36.571%{transform:translateY(1px)}37.714%{transform:translateY(0)}39%{transform:translateY(-1.2px)}40.143%{transform:translateY(.5px)}41.714%{transform:translateY(0)}43%{transform:translateY(1.4px)}44.286%{transform:translateY(0)}46%{transform:translateY(-.6px)}47.714%{transform:translateY(1px)}49.286%{transform:translateY(0)}51.143%{transform:translateY(-1px)}52.714%{transform:translateY(.4px)}54.571%{transform:translateY(0)}56.143%{transform:translateY(1px)}57.143%,to{transform:translateY(0)}}@keyframes passenger-board-lead{0%{opacity:0;z-index:2;transform:translate(0)}4%,21%{opacity:1;z-index:2;transform:translate(0)}21.429%{opacity:1;z-index:3;animation-timing-function:ease-in-out;transform:translate(0)}25%{opacity:1;transform:translate(var(--door-x,0px), 0);z-index:3;animation-timing-function:ease-in-out}26.8%{opacity:1;transform:translate(var(--door-x,0px), var(--board-y,0px));z-index:3;animation-timing-function:ease-in-out}30.5%,35.714%{opacity:1;transform:translate(var(--seat-x,0px), var(--board-y,0px));z-index:3;animation-timing-function:cubic-bezier(.45,0,.55,1)}57.143%,to{opacity:1;transform:translate(calc(var(--train-exit,-80vw) - var(--train-stop,0px) + var(--seat-x,0px)), var(--board-y,0px));z-index:3}}@keyframes passenger-board-follow{0%{opacity:0;z-index:2;transform:translate(0)}4%,21%{opacity:1;z-index:2;transform:translate(0)}21.429%{opacity:1;z-index:3;animation-timing-function:ease-in-out;transform:translate(0)}25%{opacity:1;transform:translate(var(--door-x,0px), 0);z-index:3;animation-timing-function:ease-in-out}26.8%,30.5%{opacity:1;transform:translate(var(--door-x,0px), var(--board-y,0px));z-index:3;animation-timing-function:ease-in-out}34.2%,35.714%{opacity:1;transform:translate(var(--seat-x,0px), var(--board-y,0px));z-index:3;animation-timing-function:cubic-bezier(.45,0,.55,1)}57.143%,to{opacity:1;transform:translate(calc(var(--train-exit,-80vw) - var(--train-stop,0px) + var(--seat-x,0px)), var(--board-y,0px));z-index:3}}@keyframes passenger-bump{0%,35.714%{transform:translateY(0)}36.571%{transform:translateY(1px)}37.714%{transform:translateY(0)}39%{transform:translateY(-1.2px)}40.143%{transform:translateY(.5px)}41.714%{transform:translateY(0)}43%{transform:translateY(1.4px)}44.286%{transform:translateY(0)}46%{transform:translateY(-.6px)}47.714%{transform:translateY(1px)}49.286%{transform:translateY(0)}51.143%{transform:translateY(-1px)}52.714%{transform:translateY(.4px)}54.571%{transform:translateY(0)}56.143%{transform:translateY(1px)}57.143%,to{transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.pen-drawing[data-pen=train].is-riding,.pen-drawing[data-pen=train].is-riding img,.pen-drawing[data-pen=passenger].is-riding,.pen-drawing[data-pen=passenger].is-riding img,.pen-drawing[data-pen=passenger-2].is-riding,.pen-drawing[data-pen=passenger-2].is-riding img{animation:none}}.pen-drawing.is-armed{z-index:3;outline-offset:6px;outline:1px dashed #1c191766}.pen-drawing.is-dragging{z-index:4}.pen-drawing img{width:100%;height:auto;display:block}.pen-drawing.is-draggable{cursor:grab;touch-action:none}.pen-drawing.is-draggable.is-dragging{cursor:grabbing}.pen-controls{z-index:20;width:16rem;color:var(--ink);background:var(--paper);border:1px solid #1c191740;border-radius:.4rem;padding:.75rem .85rem .85rem;font-family:ui-sans-serif,system-ui,sans-serif;font-size:.75rem;line-height:1.3;position:fixed;bottom:1rem;right:1rem}.pen-controls p{margin:0 0 .65rem}.pen-controls-values{white-space:pre-wrap;margin:0;font-family:ui-monospace,monospace;font-size:.68rem}.posts a{color:inherit;font-size:1.25rem;font-weight:500;text-decoration:none}.posts .post-name{text-underline-offset:.15em;text-decoration:underline}.posts .part{color:#57534e;margin-top:.15rem;font-size:.95rem;font-weight:600;line-height:1.35;text-decoration:none;display:block}time,.draft{color:#78716c;font-size:.85rem;display:block}.draft{margin-bottom:.75rem}a{text-underline-offset:.15em}
