html:has(.canvas-preview){scroll-behavior:auto}body:has(.canvas-preview){background:var(--color-paper-table)}body:has(.canvas-preview) astro-dev-toolbar{display:none}.canvas-preview{--canvas-font:var(--font-body);--canvas-heading-font:var(--font-heading);--canvas-paper:var(--color-paper-table);--photo-paper:var(--color-paper-card);--photo-edge:var(--color-paper-card-edge);--photo-shadow:none;--canvas-ink:var(--color-neutral-800);--canvas-accent:var(--color-accent);--canvas-accent-wash:var(--picked-wash,var(--color-accent-wash));--canvas-drawing-ink:var(--color-neutral-700);--drawing-strength:50%;--canvas-scale:min(1, calc(100vw / 1440px));--canvas-cursor:url(/cursors/pencil.svg) 2 30, auto;cursor:var(--canvas-cursor);height:calc(var(--page-height) * var(--canvas-scale));background:var(--canvas-paper);color:var(--canvas-ink);font-family:var(--canvas-font);isolation:isolate;position:relative;overflow:clip}.canvas-sheet{width:var(--canvas-width);height:var(--canvas-height);left:max(0px, calc((100% - var(--canvas-width)) / 2));top:calc(var(--canvas-top) * var(--canvas-scale));transform:scale(var(--canvas-scale));transform-origin:0 0;z-index:1;position:absolute}.canvas-item{left:var(--x);top:var(--y);width:var(--w);min-height:var(--h);z-index:var(--layer);transform:translate(var(--drag-x,0px), var(--drag-y,0px)) rotate(calc(var(--rotation) + var(--tilt,0deg)));transform-origin:50%;position:absolute}@keyframes canvas-drift{0%{translate:0;rotate:0deg}to{translate:var(--drift-x) var(--drift-y);rotate:var(--drift-r)}}@media (prefers-reduced-motion:no-preference){.canvas-item:where(:not(.canvas-copy)){animation:canvas-drift var(--drift-t) ease-in-out var(--drift-delay) infinite alternate}.canvas-item.is-dragging,.canvas-project:hover,.canvas-item:focus-visible{animation-play-state:paused}[data-draggable]{transition:scale .36s cubic-bezier(.34,1.56,.64,1),box-shadow .24s ease-out,border-color .24s ease-out}[data-draggable].is-dragging{transition:scale .16s ease-out,box-shadow .16s ease-out}}[data-draggable].is-dragging{scale:1.04}[data-draggable]:not(.is-dragging):hover{box-shadow:var(--shadow-card-hover)}.canvas-preview.is-entering .canvas-item{opacity:0}.canvas-preview:before{content:"";z-index:0;pointer-events:none;opacity:.06;background-image:var(--texture-grain);position:fixed;inset:0}.canvas-copy{white-space:pre-line;text-decoration:none}.canvas-copy p.canvas-link{white-space:nowrap;align-items:center;gap:6px;display:inline-flex}.canvas-copy[href]:hover .canvas-link span{text-decoration:underline;text-decoration-color:var(--canvas-accent);text-underline-offset:4px;text-decoration-thickness:1px}.canvas-name{align-items:center;gap:8px;margin-top:-10px;display:flex}.canvas-copy p,.canvas-copy h1,.canvas-copy h2{margin:0}.canvas-copy p{text-wrap:pretty}.canvas-caption{padding-top:6px}.canvas-copy.has-highlight:before{content:"";z-index:-1;background:var(--canvas-accent-wash);clip-path:polygon(0 25%,20% 5%,40% 15%,76% 0,100% 20%,99% 85%,65% 90%,30% 70%,0 100%);width:90%;height:16px;position:absolute;top:5px;left:-5px}.canvas-copy[href]:hover{text-decoration:underline;text-decoration-color:var(--canvas-accent);text-underline-offset:4px;text-decoration-thickness:1px}.canvas-item:focus-visible{outline:2px solid var(--canvas-accent);outline-offset:7px}.canvas-photo{height:var(--h);border:1px solid var(--photo-edge);border-radius:var(--radius-image);background:var(--photo-paper);min-height:0;box-shadow:var(--photo-shadow);color:inherit;cursor:grab;text-align:left;user-select:none;touch-action:none;padding:4px;display:block}.canvas-photo.is-dragging{cursor:grabbing;box-shadow:var(--shadow-card-lift)}.canvas-photo:before{content:"";top:-10px;left:var(--tape-x,50%);width:60px;height:20px;translate:-50%;rotate:var(--tape-r,0deg);background:var(--canvas-accent-wash);opacity:.85;mix-blend-mode:multiply;clip-path:polygon(0 8%,4% 0,8% 10%,12% 0,88% 0,92% 12%,96% 0,100% 10%,100% 90%,96% 100%,92% 88%,88% 100%,12% 100%,8% 90%,4% 100%,0 92%);position:absolute}.photo-window{width:100%;height:var(--image-height);border-radius:calc(var(--radius-image) - 4px);background:var(--tint);display:block;position:relative;overflow:hidden}.photo-window img{object-fit:cover;pointer-events:none;border-radius:inherit;width:100%;height:100%;display:block}.photo-window:after{content:"";pointer-events:none;background:var(--canvas-accent);mix-blend-mode:color;opacity:0;position:absolute;inset:0}.has-picked-color .photo-window:after{opacity:.15}.has-picked-color .canvas-photo{border-color:color-mix(in srgb, var(--canvas-accent) 24%, var(--photo-paper))}@media (prefers-reduced-motion:no-preference){.photo-window:after{transition:opacity .24s ease-out,background-color .24s ease-out}}.photo-caption{white-space:nowrap;padding:8px 4px 0;display:block}.canvas-scrap{background:var(--photo-paper);border:1px solid var(--photo-edge);border-radius:var(--radius-image);box-shadow:var(--photo-shadow);padding:32px 16px 16px}.canvas-drawing{min-height:0;height:var(--h);pointer-events:none;background-color:color-mix(in srgb, var(--canvas-drawing-ink) var(--drawing-strength), transparent);-webkit-mask:var(--drawing-src) center / 100% 100% no-repeat;mask:var(--drawing-src) center / 100% 100% no-repeat;transition:background-color .18s ease-out}@media (prefers-reduced-motion:reduce){.canvas-drawing{transition:none}}.canvas-name h1,.photo-caption{font-family:var(--font-accent);letter-spacing:0;font-weight:400}.canvas-name h1{font-size:36px;line-height:1}.photo-caption{font-size:16px;line-height:1}.canvas-preview ::selection{background:var(--canvas-accent-wash);color:var(--canvas-ink)}.canvas-project{background:var(--photo-paper);border:1px solid var(--photo-edge);border-radius:var(--radius-card);min-height:0;box-shadow:var(--photo-shadow);cursor:grab;touch-action:none;user-select:none;padding:4px}.canvas-project.is-dragging{cursor:grabbing;box-shadow:var(--shadow-card-lift)}.project-preview{aspect-ratio:8/5;object-fit:contain;background:var(--photo-paper);width:100%;height:auto;display:block}.project-caption{padding:18px 12px 14px}.canvas-project h3{margin:0 0 4px}.canvas-project p{max-width:48ch;margin:0}.project-link{text-decoration:underline;text-decoration-color:var(--canvas-accent);text-underline-offset:4px;margin-top:8px;padding-block:4px;display:inline-block}.project-link:hover{text-decoration-thickness:2px}.project-soon{border:1px solid var(--photo-edge);color:var(--color-neutral-600);border-radius:999px;margin-top:10px;padding:2px 10px;display:inline-block}.project-link:focus-visible{outline:2px solid var(--canvas-accent);outline-offset:5px}.project-modal-link:after{content:"";position:absolute;inset:0}.canvas-project:has(.project-modal-link:focus-visible){outline:2px solid var(--canvas-accent);outline-offset:5px}.canvas-sketch-experiment{--exp-tint:var(--photo-edge);height:var(--h);background:var(--photo-paper);border:1px solid var(--photo-edge);border-radius:var(--radius-card);min-height:0;box-shadow:var(--photo-shadow);cursor:grab;touch-action:none;user-select:none;grid-template-rows:minmax(0,1fr) auto;padding:4px;display:grid}.canvas-sketch-experiment.is-dragging{cursor:grabbing;box-shadow:var(--shadow-card-lift)}.sketch-pad{cursor:var(--canvas-cursor);position:relative;overflow:hidden}.sketch-canvas{touch-action:none;width:100%;height:100%;position:absolute;inset:0}.sketch-canvas path,.sketch-thumb path{fill:none;stroke:var(--canvas-accent);stroke-width:2.5px;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.sketch-thumb path{stroke-width:1.25px}.sketch-hint{pointer-events:none;font-family:var(--font-accent);color:var(--color-neutral-400);place-items:center;font-size:24px;line-height:1;display:grid;position:absolute;inset:0}.sketch-pad[data-empty=false] .sketch-hint{opacity:0}.sketch-status{color:var(--color-neutral-600);pointer-events:none;position:absolute;bottom:8px;left:10px}.sketch-saved{gap:4px;display:flex}.sketch-actions{align-items:center;gap:4px;margin-left:auto;display:flex}.sketch-actions .experiment-action:disabled{visibility:hidden}.sketch-thumb{aspect-ratio:8/5;cursor:pointer;background:var(--photo-paper);border:1px solid var(--photo-edge);border-radius:var(--radius-image);width:36px;padding:0;display:block;overflow:hidden}.sketch-thumb svg{width:100%;height:100%;display:block}.sketch-thumb[aria-pressed=true]{border-color:var(--canvas-accent);box-shadow:0 0 0 1px var(--canvas-accent)}.sketch-thumb:hover{translate:0 -2px}.sketch-save{cursor:pointer;background:var(--canvas-accent);color:var(--canvas-accent-ink,var(--color-white));border:0;border-radius:999px;padding:4px 12px}.sketch-save:disabled{opacity:.45;cursor:default}.sketch-save:not(:disabled):active,.sketch-thumb:active{scale:.96}:is(.sketch-thumb,.sketch-save):focus-visible{outline:2px solid var(--canvas-accent);outline-offset:3px}.experiment-panel{border:1px solid var(--exp-tint);border-radius:var(--radius-image);flex:1;min-height:0}.experiment-grid{background-color:var(--photo-paper);background-image:linear-gradient(color-mix(in srgb, var(--exp-tint) 60%, transparent) 1px, transparent 1px), linear-gradient(90deg, color-mix(in srgb, var(--exp-tint) 60%, transparent) 1px, transparent 1px);background-position:-1px -1px;background-size:14px 14px}.experiment-footer{white-space:nowrap;align-items:center;gap:6px;min-height:36px;padding:2px 6px 0;display:flex}.experiment-label{margin:0}.experiment-action{color:var(--canvas-ink);cursor:pointer;white-space:nowrap;text-decoration:underline;text-decoration-color:var(--canvas-accent);text-underline-offset:3px;padding:2px 4px}.experiment-action:disabled{opacity:.45;cursor:default;text-decoration:none}.experiment-action:not(:disabled):active{scale:.96}.experiment-action:focus-visible{outline:2px solid var(--canvas-accent);outline-offset:3px}.canvas-color-experiment{--exp-tint:var(--photo-edge);--exp-ink:var(--canvas-ink);--exp-ring:var(--color-neutral-500);height:var(--h);background:var(--photo-paper);border:1px solid var(--exp-tint);border-radius:var(--radius-card);min-height:0;color:var(--canvas-ink);grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:4px;padding:4px;animation:none;display:grid}.canvas-color-experiment:has([aria-pressed=true]){--exp-tint:color-mix(in srgb, var(--canvas-accent) 24%, var(--photo-paper));--exp-ink:var(--canvas-accent);--exp-ring:color-mix(in srgb, var(--canvas-accent) 75%, var(--photo-paper))}.canvas-sketch-experiment:before,.canvas-color-experiment:before{content:"";top:-10px;left:var(--tape-x,50%);z-index:1;width:72px;height:20px;translate:-50%;rotate:var(--tape-r,0deg);background:var(--canvas-accent-wash);opacity:.85;mix-blend-mode:multiply;pointer-events:none;clip-path:polygon(0 8%,4% 0,8% 10%,12% 0,88% 0,92% 12%,96% 0,100% 10%,100% 90%,96% 100%,92% 88%,88% 100%,12% 100%,8% 90%,4% 100%,0 92%);position:absolute}.canvas-sketch-experiment:after,.canvas-color-experiment:after{content:"try me!";font-family:var(--font-accent);color:var(--canvas-accent);pointer-events:none;font-size:20px;font-weight:400;line-height:1;position:absolute;top:-30px;right:12px;rotate:5deg}.color-experiment-half{flex-direction:column;min-width:0;min-height:0;display:flex}.color-experiment-half>.experiment-grid{place-items:center;display:grid}.color-experiment-swatch{background:var(--canvas-accent);border-color:#0000;transition:background-color .18s ease-out}.color-experiment-name{color:var(--color-neutral-600)}.color-experiment-controls{background:var(--photo-paper);border:1px solid var(--exp-tint);border-radius:999px;gap:8px;padding:5px;display:flex}.color-experiment-choice{--choice:var(--choice-day)}.is-night .color-experiment-choice{--choice:var(--choice-night)}.color-experiment-choice{border:2px solid var(--exp-ring);background:var(--photo-paper);width:36px;height:36px;color:var(--exp-ink);cursor:pointer;touch-action:manipulation;border-radius:50%;place-items:center;padding:0;display:grid;position:relative}.color-experiment-choice:not([aria-pressed=true]):hover{border-color:var(--choice);color:var(--choice)}.color-experiment-choice[aria-pressed=true]{border-color:var(--choice);color:#0000}.color-experiment-choice[aria-pressed=true]:after{content:"";background:var(--choice);border-radius:50%;width:14px;height:14px;margin:auto;position:absolute;inset:0}.color-experiment-choice:active{scale:.92}.color-experiment-choice:focus-visible{outline:2px solid var(--canvas-accent);outline-offset:3px}.color-experiment-reset{margin-left:auto}.color-experiment-reset:disabled{visibility:hidden}@media (prefers-reduced-motion:no-preference){.canvas-color-experiment,.experiment-panel,.color-experiment-controls{transition:border-color .18s ease-out,color .18s ease-out}}@media (prefers-reduced-motion:reduce){.color-experiment-swatch{transition:none}}.canvas-controls{z-index:10000;gap:8px;display:flex;position:fixed;top:24px;right:24px}.canvas-controls button{position:relative}.canvas-controls [data-tip]:after{content:attr(data-tip);white-space:nowrap;pointer-events:none;background:var(--canvas-ink);color:var(--canvas-paper);font:400 14px/1.3 var(--font-body);opacity:0;border-radius:999px;padding:4px 10px;position:absolute;top:calc(100% + 8px);left:50%;translate:-50% -4px}.canvas-controls [data-tip]:last-child:after{left:auto;right:0;translate:0 -4px}@media (hover:hover){.canvas-controls [data-tip]:hover:after{opacity:1;translate:-50%}}.canvas-controls [data-tip]:focus-visible:after{opacity:1;translate:-50%}@media (hover:hover){.canvas-controls [data-tip]:last-child:hover:after{translate:0}}.canvas-controls [data-tip]:last-child:focus-visible:after{translate:0}@media (prefers-reduced-motion:no-preference){.canvas-controls [data-tip]:after{transition:opacity .12s,translate .12s ease-out}.canvas-controls [data-tip]:is(:hover,:focus-visible):after{transition-delay:.35s}}.canvas-layout-toggle,.canvas-theme-toggle{border:1px solid var(--photo-edge);background:var(--canvas-paper);width:44px;height:44px;color:var(--canvas-ink);cursor:pointer;border-radius:50%;place-items:center;display:grid}:is(.canvas-layout-toggle,.canvas-theme-toggle):not([aria-pressed=true]):hover{background:var(--canvas-accent-wash);color:var(--canvas-accent)}:is(.canvas-layout-toggle,.canvas-theme-toggle):focus-visible{outline:2px solid var(--canvas-accent);outline-offset:4px}.theme-sun-icon,.is-night .theme-moon-icon{display:none}.is-night .theme-sun-icon{display:block}.layout-scattered-icon,.is-book .layout-book-icon{display:none}.is-book .layout-scattered-icon{display:block}:is(.canvas-layout-toggle,.canvas-theme-toggle):active{scale:.94}@media (prefers-reduced-motion:no-preference){:is(.canvas-layout-toggle,.canvas-theme-toggle){transition:background-color .15s,color .15s,scale .12s ease-out}.color-experiment-choice{transition:border-color .18s ease-out,color .18s ease-out,scale .12s ease-out}:is(.experiment-action,.sketch-save){transition:scale .12s ease-out,opacity .15s}.sketch-thumb{transition:translate .15s ease-out,scale .12s ease-out,box-shadow .15s}.sketch-hint{transition:opacity .15s}.sketch-thumb.is-new{animation:.32s cubic-bezier(.16,1,.3,1) sketch-saved}}@keyframes sketch-saved{0%{opacity:0;translate:0 -12px;scale:.6}}.canvas-layout-content{display:contents}.canvas-preview.is-book{height:auto;min-height:100vh;padding:104px 32px 96px}.is-book .canvas-layout-content{max-width:976px;margin-inline:auto;display:block}.is-book .canvas-sheet{width:100%;height:auto;position:relative;inset:auto;transform:none}.is-book .canvas-item{width:100%;min-height:0;animation:none;position:relative;inset:auto;transform:translate(0,0)rotate(0)}.is-book [data-draggable]{cursor:auto;touch-action:auto}.is-book [data-draggable]:hover{box-shadow:none}.is-book .canvas-drawing{display:none}.book-section{grid-template-columns:minmax(0,680px) minmax(0,240px);align-items:start;column-gap:56px;display:grid}.book-section+.book-section{margin-top:96px}.book-section-head{color:var(--canvas-ink);grid-column:1;margin:0 0 20px}.book-section-body{grid-column:1;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:32px 24px;display:grid}.book-section-notes{color:var(--color-neutral-600);flex-direction:column;grid-area:1/2/span 2;gap:20px;display:flex}.book-section-notes:empty{display:none}.book-section-notes .canvas-item{border-left:1px solid var(--canvas-accent);white-space:normal;width:auto;padding-left:12px}.book-section-notes .canvas-copy :is(p,h2){font:inherit;letter-spacing:inherit;color:inherit;margin:0}.book-section-notes .canvas-caption{margin-top:4px}.book-section-notes .has-highlight:before{display:none}.book-section-notes .canvas-scrap{border:0;border-left:1px solid var(--canvas-accent);background:0 0;border-radius:0;padding:0 0 0 12px}.book-section[data-section=intro] .book-section-body{grid-template-columns:repeat(3,max-content);gap:16px 32px}.book-section[data-section=intro] :is(#item-1,#intro-role,#item-9){grid-column:1/-1}.book-section[data-section=intro] #item-9{max-width:60ch}.book-section[data-section=work] .canvas-project:has(.project-link){grid-column:1/-1}.is-book .canvas-sketch-experiment,.is-book .canvas-color-experiment{height:380px}.book-section[data-section=photos] .book-section-body{align-items:end}.is-book .canvas-photo{width:min(100%, var(--w));justify-self:start;height:auto}.is-book .photo-window{height:auto;aspect-ratio:var(--image-ratio)}.is-book .photo-caption{white-space:normal}.book-section[data-section=signoff] .book-section-body{grid-template-columns:minmax(0,1fr);gap:16px}@media (width<=1000px){.book-section{grid-template-columns:minmax(0,1fr);max-width:680px;margin-inline:auto}.book-section-notes{grid-area:auto/1;margin-top:28px;padding-left:16px}}@media (width<=640px){.canvas-preview.is-book{padding:88px 20px 56px}.book-section-body,.book-section[data-section=intro] .book-section-body{grid-template-columns:minmax(0,1fr)}.book-section+.book-section{margin-top:64px}.canvas-controls{top:16px;right:16px}}html.is-night body:has(.canvas-preview){background:var(--color-night-table)}.is-night .canvas-preview{color-scheme:dark;--color-neutral-50:var(--color-night-card);--color-neutral-100:var(--color-night-card-edge);--color-neutral-200:var(--color-night-card-edge);--color-neutral-400:var(--color-night-ink-soft);--color-neutral-600:var(--color-night-ink-soft);--color-neutral-700:var(--color-night-drawing);--color-neutral-800:var(--color-night-ink);--color-paper-hover:var(--color-night-card-edge);--canvas-paper:var(--color-night-table);--photo-paper:var(--color-night-card);--photo-edge:var(--color-night-card-edge);--canvas-ink:var(--color-night-ink);--canvas-accent-wash:color-mix(in srgb, var(--canvas-accent) 22%, var(--color-night-table));--canvas-accent:var(--color-blue-400);--canvas-accent-ink:var(--color-night-table);--canvas-drawing-ink:var(--color-night-drawing);--drawing-strength:70%;--canvas-cursor:url(/cursors/pencil-night.svg) 2 30, auto}.is-night :is(.sketch-pad,.sketch-thumb){background-color:var(--color-night-sunken)}.is-night .canvas-color-experiment:not(:has([aria-pressed=true])){--exp-ring:var(--color-night-ink-faint)}.is-night :is(.canvas-photo,.canvas-sketch-experiment,.canvas-color-experiment):before{mix-blend-mode:normal;opacity:.55}.case-sheet[data-astro-cid-bdnaafrn]{--sheet-paper:var(--color-paper-table);width:min(1040px,100vw - 100px);max-width:none;height:calc(100svh - 96px);max-height:1100px;color:var(--color-neutral-800);filter:drop-shadow(var(--shadow-paper-sheet));background:0 0;border:0;margin:auto;padding:0;overflow:visible}.case-sheet[data-astro-cid-bdnaafrn][open]{animation:.38s cubic-bezier(.16,1,.3,1) both sheet-open}.case-sheet[data-astro-cid-bdnaafrn][data-closing]{animation:.18s ease-in both sheet-close}.case-sheet[data-astro-cid-bdnaafrn]::backdrop{animation:.3s ease-out both sheet-backdrop-open}.case-sheet[data-astro-cid-bdnaafrn][data-closing]::backdrop{animation:.18s ease-in both sheet-backdrop-close}@keyframes sheet-open{0%{opacity:.55;transform:translateY(36px)scale(.96)}to{opacity:1;transform:none}}@keyframes sheet-close{to{opacity:0;transform:translateY(20px)scale(.98)}}@keyframes sheet-backdrop-open{0%{opacity:0}to{opacity:1}}@keyframes sheet-backdrop-close{to{opacity:0}}.case-sheet[data-astro-cid-bdnaafrn]::backdrop{background:#f2f2f18c}.sh-fibre[data-astro-cid-bdnaafrn]{background:var(--sheet-paper);pointer-events:none;clip-path:polygon(0 1%,4% 1.5%,6% 0,11% 1.1%,15% .5%,19% 2%,24% 0,29% 1.4%,34% .5%,41% 1%,46% 0,54% .7%,62% .2%,69% 1.3%,76% .5%,84% 1%,92% .3%,100% 1%,99.5% 12%,100% 22%,99% 34%,100% 48%,99.2% 58%,100% 71%,99.4% 85%,100% 99%,94% 98.8%,91% 100%,85% 99.1%,80% 100%,75% 98.7%,69% 99.6%,63% 99%,56% 100%,48% 99.3%,41% 99.8%,33% 98.8%,25% 99.5%,18% 98.8%,10% 99.6%,0 99%,.6% 91%,0 87%,1% 80%,.3% 72%,0 63%,.6% 56%,0 45%,.8% 37%,0 28%,.8% 19%);position:absolute;inset:-12px -10px}.case-sheet-inner[data-astro-cid-bdnaafrn]{background:var(--sheet-paper);flex-direction:column;height:100%;display:flex;position:relative}.case-sheet-header[data-astro-cid-bdnaafrn]{border-bottom:1px solid var(--color-paper-card-edge);align-items:center;gap:4px;padding:12px 16px 12px 24px;display:flex}.case-sheet-header[data-astro-cid-bdnaafrn] h2[data-astro-cid-bdnaafrn]{flex:1;min-width:0;margin:0 16px 0 0}.case-sheet-open[data-astro-cid-bdnaafrn],.case-sheet-close[data-astro-cid-bdnaafrn]{width:44px;height:44px;color:inherit;cursor:pointer;border-radius:50%;flex-shrink:0;place-items:center;display:grid}.sketch-icon[data-astro-cid-bdnaafrn]{width:22px;height:22px;-webkit-mask:var(--icon) center / contain no-repeat;mask:var(--icon) center / contain no-repeat;background:currentColor}.case-sheet-open[data-astro-cid-bdnaafrn]:hover{background:var(--color-paper-hover)}.case-sheet[data-astro-cid-bdnaafrn] [data-astro-cid-bdnaafrn]:is(a,button):focus-visible{outline:2px solid var(--color-neutral-800);outline-offset:3px}.case-sheet-close[data-astro-cid-bdnaafrn]:hover{background:var(--color-paper-hover)}.case-sheet-frame[data-astro-cid-bdnaafrn]{visibility:hidden;border:0;flex:1;width:100%;min-height:0}html.is-night .case-sheet[data-astro-cid-bdnaafrn],html.is-night .case-sheet[data-astro-cid-bdnaafrn]:has(.case-sheet-frame){--sheet-paper:var(--color-night-table);color:var(--color-night-ink);color-scheme:dark}html.is-night .case-sheet[data-astro-cid-bdnaafrn]::backdrop{background:color-mix(in srgb, var(--color-black) 55%, transparent)}html.is-night .case-sheet-header[data-astro-cid-bdnaafrn]{border-bottom-color:var(--color-night-card-edge)}html.is-night [data-astro-cid-bdnaafrn]:is(.case-sheet-open,.case-sheet-close):hover{background:var(--color-night-card-edge)}html.is-night .case-sheet[data-astro-cid-bdnaafrn] [data-astro-cid-bdnaafrn]:is(a,button):focus-visible{outline-color:var(--color-night-ink)}.case-sheet[data-astro-cid-bdnaafrn][data-ready] .case-sheet-frame[data-astro-cid-bdnaafrn]{visibility:visible}.case-sheet-loading[data-astro-cid-bdnaafrn]{position:absolute;top:112px;left:32px}.case-sheet[data-astro-cid-bdnaafrn][data-ready] .case-sheet-loading[data-astro-cid-bdnaafrn]{display:none}.case-sheet[data-astro-cid-bdnaafrn][data-variant=note]{width:min(680px,100vw - 100px)}.case-sheet[data-astro-cid-bdnaafrn][data-variant=note] .case-sheet-header[data-astro-cid-bdnaafrn]{z-index:1;border:0;padding:0;position:absolute;top:10px;right:12px}.case-sheet[data-astro-cid-bdnaafrn][data-variant=note] .case-sheet-header[data-astro-cid-bdnaafrn] [data-astro-cid-bdnaafrn]:is(h2,a){clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.case-sheet[data-astro-cid-bdnaafrn][data-variant=note] .case-sheet-close[data-astro-cid-bdnaafrn]{width:36px;height:36px}@media (width<=767px){.case-sheet[data-astro-cid-bdnaafrn]{width:calc(100vw - 28px);height:calc(100svh - 48px)}.case-sheet-header[data-astro-cid-bdnaafrn]{padding:8px 8px 8px 16px}.sh-fibre[data-astro-cid-bdnaafrn]{inset:-6px}}@media (prefers-reduced-motion:reduce){.case-sheet[data-astro-cid-bdnaafrn][open],.case-sheet[data-astro-cid-bdnaafrn][data-closing],.case-sheet[data-astro-cid-bdnaafrn]::backdrop,.case-sheet[data-astro-cid-bdnaafrn][data-closing]::backdrop{animation-duration:1ms}}.name-pronunciation[data-astro-cid-22fc7oft]{flex-shrink:0;display:inline-flex;position:relative}button[data-astro-cid-22fc7oft]{cursor:pointer;border:1px solid var(--photo-edge);background:var(--canvas-paper);width:44px;height:44px;color:var(--canvas-ink);border-radius:50%;place-items:center;display:grid}button[data-astro-cid-22fc7oft]:hover:not(:disabled),button[data-astro-cid-22fc7oft][data-playing]{background:var(--canvas-accent-wash);color:var(--canvas-accent)}button[data-astro-cid-22fc7oft]:active:not(:disabled){scale:.94}button[data-astro-cid-22fc7oft]:disabled{opacity:.45;cursor:default}button[data-astro-cid-22fc7oft]:focus-visible{outline:2px solid var(--canvas-accent);outline-offset:4px}@media (prefers-reduced-motion:no-preference){button[data-astro-cid-22fc7oft]{transition:background-color .15s,color .15s,scale .12s ease-out}}.speaker[data-astro-cid-22fc7oft]{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;overflow:visible}.speaker[data-astro-cid-22fc7oft] .is-firm[data-astro-cid-22fc7oft]{stroke-width:1.6px}.speaker[data-astro-cid-22fc7oft] .is-light[data-astro-cid-22fc7oft]{stroke-width:1.05px;stroke-opacity:.8;translate:.35px .3px}@media (prefers-reduced-motion:no-preference){button[data-astro-cid-22fc7oft][data-playing] .is-wave[data-astro-cid-22fc7oft]{animation:.9s ease-in-out infinite speaker-wave}button[data-astro-cid-22fc7oft][data-playing] .is-far[data-astro-cid-22fc7oft]{animation-delay:.18s}}@keyframes speaker-wave{50%{opacity:.25}}.pronunciation-status[data-astro-cid-22fc7oft]:not(:empty){background:var(--color-paper);z-index:10;width:230px;padding:8px;position:absolute;top:48px;right:0}.pencil-trail[data-astro-cid-su7rr2mi]{pointer-events:none;z-index:0;width:100vw;height:100vh;position:fixed;inset:0}.case-cursor[data-astro-cid-egbwoc4y]{--hx:23px;--hy:16px;z-index:9999;pointer-events:none;translate:calc(var(--cx,-200px) - var(--hx)) calc(var(--cy,-200px) - var(--hy));white-space:nowrap;font-family:var(--font-accent);color:var(--canvas-ink);background:var(--photo-paper);border:1px solid var(--photo-edge);border-radius:var(--radius-image);box-shadow:var(--photo-shadow);opacity:0;transform-origin:var(--hx) var(--hy);align-items:center;gap:6px;padding:6px 10px 6px 8px;font-size:20px;font-weight:400;line-height:1;transition:opacity .12s ease-out,scale .16s ease-out;display:flex;position:fixed;top:0;left:0;rotate:-3deg;scale:.6}.case-cursor[data-astro-cid-egbwoc4y].is-on{opacity:1;scale:1}.case-cursor-icon[data-astro-cid-egbwoc4y]{--icon:url(/canvas-preview/eye.svg);background:var(--canvas-accent);width:30px;height:18px;-webkit-mask:var(--icon) center / contain no-repeat;mask:var(--icon) center / contain no-repeat;flex-shrink:0}.case-cursor[data-astro-cid-egbwoc4y][data-variant=soon]{--hx:19px;--hy:17px}.case-cursor[data-astro-cid-egbwoc4y][data-variant=soon] .case-cursor-icon[data-astro-cid-egbwoc4y]{--icon:url(/canvas-preview/hourglass.svg);width:22px;height:22px}@media (prefers-reduced-motion:reduce){.case-cursor[data-astro-cid-egbwoc4y]{transition:none}}html.case-cursor-on .canvas-project:not(.is-dragging),html.case-cursor-on .canvas-project:not(.is-dragging) *{cursor:none}.around-status{white-space:pre-line;text-wrap:balance;margin-top:16px;display:block}.around-tail{white-space:nowrap}.around-icon{vertical-align:-5px;fill:none;width:20px;height:20px;stroke:var(--canvas-drawing-ink);stroke-linecap:round;stroke-linejoin:round;margin-left:6px;display:inline-block;overflow:visible}.around-icon .is-firm{stroke-width:1.6px}.around-icon .is-light{stroke-width:1.05px;stroke-opacity:.8;translate:.35px .3px}.around-part{transform-box:fill-box;transform-origin:50%}@media (prefers-reduced-motion:no-preference){.around-icon path{stroke-dasharray:1;stroke-dashoffset:1px;animation:.52s ease-out forwards around-draw;animation-delay:calc(var(--i) * .14s)}.around-icon .is-light{animation-delay:calc(var(--i) * .14s + .12s)}.around-part{--loop-delay:1s}.is-steam{animation:around-steam 2.4s ease-in-out var(--loop-delay) infinite}.is-steam.is-late{animation-delay:calc(var(--loop-delay) + 1.2s)}.is-cursor{animation:around-blink 1s steps(1) var(--loop-delay) infinite}.is-wobble{transform-box:view-box;transform-origin:12px 12px;animation:around-wobble 3s ease-in-out var(--loop-delay) infinite}.is-confetti{animation:around-pop 1.6s ease-out var(--loop-delay) infinite}.is-confetti.is-late{animation-delay:calc(var(--loop-delay) + .4s)}.is-lift{transform-box:view-box;animation:around-lift 1.4s ease-in-out var(--loop-delay) infinite}.is-z{animation:around-z 2.7s ease-in-out var(--loop-delay) infinite}.is-z.is-late{animation-delay:calc(var(--loop-delay) + .45s)}.is-z.is-later{animation-delay:calc(var(--loop-delay) + .9s)}.is-sway{transform-box:view-box;transform-origin:12px 16px;animation:around-sway 3.2s ease-in-out var(--loop-delay) infinite}}@keyframes around-draw{to{stroke-dashoffset:0}}@keyframes around-steam{0%,to{opacity:1;translate:0}50%{opacity:.35;translate:0 -1.5px}}@keyframes around-blink{50%{opacity:0}}@keyframes around-wobble{0%,to{rotate:-6deg}50%{rotate:6deg}}@keyframes around-pop{0%{opacity:0;scale:.6}30%{opacity:1;scale:1.1}to{opacity:0;scale:1}}@keyframes around-lift{0%,to{translate:0 1px}50%{translate:0 -2px}}@keyframes around-z{0%{opacity:0;translate:0 1px}30%{opacity:1}to{opacity:0;translate:1px -2px}}@keyframes around-sway{0%,to{rotate:-3deg}50%{rotate:3deg}}