.story-drawer{position:fixed;inset:0;width:100%;height:100%;max-width:none;max-height:none;margin:0;padding:0;border:0;background:transparent;color:#000;overflow:hidden}.story-drawer:focus,.story-drawer:focus-visible{outline:none}.story-drawer:not([open]){display:none}.story-drawer::backdrop{background:transparent}.sd-scrim{position:absolute;inset:0;background:#0000001a}.sd-panel{position:absolute;top:16px;bottom:16px;width:min(520px,90vw);max-width:calc(100% - 32px);overflow:hidden;border-radius:4px;background:#fff;box-shadow:0 24px 80px #0000001f,0 0 0 1px #0000000a;will-change:transform}.sd-panel:focus,.sd-panel:focus-visible{outline:none}.sd-hubs{right:16px}.sd-detail{right:16px;width:min(clamp(400px,calc(85vw - 536px),520px),calc(100vw - 568px));transition:transform .28s cubic-bezier(.22,1,.36,1)}.sd-panel[hidden]{display:none}.sd-post{position:relative;display:flex;flex-direction:column;height:100%}.sd-post[hidden]{display:none}.sd-head{position:relative;z-index:1;display:flex;flex:none;align-items:flex-start;justify-content:space-between;padding:16px}.sd-handle{display:none}.sd-scroll{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:0 16px 32px}.sd-art{display:flex;align-items:center;justify-content:center;overflow:hidden;pointer-events:none}.sd-prose{margin-top:12px;max-width:460px;font-family:"Geist:Medium",sans-serif;font-size:14px;font-weight:500;line-height:1.625;color:#0009}.sd-prose>*+*{margin-top:16px}.sd-row-title{min-width:0;font-family:"Geist:Medium",sans-serif;font-size:14px;font-weight:500;line-height:1.5;opacity:.8}.sd-row-meta{flex:none;font-family:"Geist Mono:Regular",monospace;font-size:12px;line-height:1.5;text-transform:uppercase;white-space:nowrap;opacity:.4}.sd-contacts{margin:8px 0 0;padding:0;list-style:none;border-top:1px solid rgba(0,0,0,.06)}.sd-contacts li{border-bottom:1px solid rgba(0,0,0,.06)}.sd-row{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:48px;padding:0 4px;color:#000;text-decoration:none}.sd-row-label{flex:none;font-family:"Geist Mono:Regular",monospace;font-size:12px;line-height:1.5;text-transform:uppercase;opacity:.4}.sd-row-value{min-width:0;overflow-wrap:anywhere;text-align:right;font-family:"Geist:Medium",sans-serif;font-size:14px;font-weight:500;line-height:1.5;opacity:.8}.sd-row:hover{text-decoration:none}.sd-prose h2,.sd-prose h3,.sd-prose h4{margin-top:28px;color:#000;font-size:14px;font-weight:500;line-height:1.5;opacity:.9}.sd-prose h3,.sd-prose h4{margin-top:22px;opacity:.7}.sd-prose h2+*,.sd-prose h3+*,.sd-prose h4+*{margin-top:8px}.sd-prose a{color:#000000d9;text-decoration:underline;text-decoration-color:#00000040;text-underline-offset:3px}.sd-prose a:hover{text-decoration-color:#000000b3}.sd-prose strong{color:#000000d9;font-weight:600}.sd-prose ul,.sd-prose ol{padding-left:20px}.sd-prose ul{list-style:disc}.sd-prose ol{list-style:decimal}.sd-prose li+li{margin-top:6px}.sd-prose img{display:block;width:auto;max-width:100%;height:auto;border-radius:2px}.sd-prose blockquote{padding-left:12px;border-left:2px solid rgba(0,0,0,.12)}.sd-prose code{font-family:"Geist Mono:Regular",monospace;font-size:12px;padding:1px 4px;border-radius:2px;background:#f4f4f4}.sd-prose pre{max-width:100%;overflow-x:auto;padding:12px;border-radius:2px;background:#f6f6f6;line-height:1.5}.sd-prose pre code{padding:0;background:none}.sd-prose .astro-code,.sd-prose .astro-code span{color:var(--shiki-light);background-color:transparent}.sd-prose table{display:block;max-width:100%;overflow-x:auto;border-collapse:collapse;font-size:13px}.sd-prose th,.sd-prose td{padding:6px 10px;border:1px solid rgba(0,0,0,.08);text-align:left}.sd-prose hr{border:0;border-top:1px solid rgba(0,0,0,.08)}.sd-prose .sketchbook-afterthought a{font-family:"Geist Mono:Regular",monospace;font-size:12px;text-transform:uppercase}.sd-skel{display:grid;gap:10px;margin-top:16px}.sd-skel i{display:block;height:12px;border-radius:2px;background:#0000000f}.sd-skel i:nth-child(2){width:92%}.sd-skel i:nth-child(3){width:64%}.sd-error{margin-top:16px;font-family:"Geist:Medium",sans-serif;font-size:14px;font-weight:500;line-height:1.5;color:#0009}.sd-error button,.sd-error a{margin-right:16px;font-family:"Geist Mono:Regular",monospace;font-size:12px;text-transform:uppercase;text-decoration:underline;text-underline-offset:3px;color:#00000080;cursor:pointer}.sd-error{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px 0}.sd-error p{flex-basis:100%}.sd-prose+.sd-contacts{margin-top:28px}.sd-seg{position:relative;display:inline-flex;margin-top:16px;padding:2px;border-radius:2px;background:#f4f4f4}.sd-seg-ind{position:absolute;top:2px;bottom:2px;left:2px;width:calc(50% - 2px);border-radius:2px;background:#e3e3e3;transition:transform .18s cubic-bezier(.22,1,.36,1)}.sd-seg[data-active=design] .sd-seg-ind{transform:translate(100%)}.sd-seg-tab{position:relative;min-width:88px;padding:6px 14px;border-radius:2px;font-family:"Geist Mono:Regular",monospace;font-size:12px;line-height:1.5;text-transform:uppercase;color:#00000073;cursor:pointer;transition:color .15s ease}.sd-seg-tab[aria-selected=true]{color:#000c}.sd-views{margin-top:16px}.sd-views .sd-contacts{margin-top:0}.sd-work-row{align-items:flex-start;margin:0 -4px;padding:12px 8px;border-radius:2px}.sd-work-row[aria-current=true]{background:#f4f4f4}.sd-work-text{display:flex;min-width:0;flex-direction:column;gap:2px}.sd-summary,.sd-design-desc{font-family:"Geist:Medium",sans-serif;font-size:13px;font-weight:500;line-height:1.5;color:#00000073}.sd-designs{display:flex;flex-direction:column;gap:28px;border-top:0}.sd-designs li{border-bottom:0}.sd-design{display:block;padding:8px;border-radius:4px;color:#000;text-decoration:none}.sd-design:hover{text-decoration:none}.sd-design-img{display:block;width:100%;aspect-ratio:16 / 10;border-radius:2px;background:#f4f4f4;object-fit:cover}.sd-design-head{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin-top:10px}.sd-design-desc{display:-webkit-box;margin-top:2px;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2}@media(prefers-reduced-motion:reduce){.sd-detail,.sd-seg-ind,.sd-seg-tab{transition:none}}@media(max-width:767px){.sd-panel,.sd-detail{inset:auto 0 0;width:auto;max-width:none;height:90dvh}.sd-detail{z-index:2;height:94dvh;transition:none}.sd-hubs{z-index:1}.sd-head{padding-top:28px;touch-action:none}.sd-handle{position:absolute;top:8px;left:50%;display:block;width:36px;height:4px;margin-left:-18px;border-radius:2px;background:#00000026}}.fluid-hl{position:absolute;top:0;left:0;z-index:5;pointer-events:none;border-radius:4px;background:#0000000a;opacity:0;will-change:transform,width,height;transition:transform .18s cubic-bezier(.22,1,.36,1),width .18s cubic-bezier(.22,1,.36,1),height .18s cubic-bezier(.22,1,.36,1),border-radius .18s cubic-bezier(.22,1,.36,1),opacity .12s ease-out}.fluid-hl.is-snap{transition:opacity .12s ease-out}@media(prefers-reduced-motion:reduce){.fluid-hl{transition:opacity 80ms linear}}.hero[data-astro-cid-j7pv25f6]{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto minmax(0,1fr) auto;grid-template-areas:"header time" "art art" "tag contact";column-gap:16px}.hero-header[data-astro-cid-j7pv25f6]{grid-area:header}.hero-time[data-astro-cid-j7pv25f6]{grid-area:time;align-self:start;justify-self:end;min-width:17ch;text-align:right;font-variant-numeric:tabular-nums}.hero-art[data-astro-cid-j7pv25f6]{grid-area:art}.hero-tag[data-astro-cid-j7pv25f6]{grid-area:tag;align-self:last baseline}.contact-btn[data-astro-cid-j7pv25f6]{grid-area:contact;align-self:last baseline;justify-self:end;padding:6px 10px;border:0;border-radius:2px;background:#e3e3e3;color:#4a4a4a;transition:background-color .15s ease}.contact-btn[data-astro-cid-j7pv25f6]:active{background:#d0d0d0}@media(hover:hover){.contact-btn[data-astro-cid-j7pv25f6]:hover{background:#d9d9d9}}@media(max-width:767px){.hero[data-astro-cid-j7pv25f6]{grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr) auto auto;grid-template-areas:"header" "art" "tag" "contact"}.hero-time[data-astro-cid-j7pv25f6]{display:none}.hero-tag[data-astro-cid-j7pv25f6]{align-self:start}.contact-btn[data-astro-cid-j7pv25f6]{position:relative;align-self:start;justify-self:start;margin-top:22px}.contact-btn[data-astro-cid-j7pv25f6]:after{content:"";position:absolute;inset:-8px -6px}}.art[data-astro-cid-j7pv25f6]{position:absolute;inset:44px 16px 52px;display:flex;align-items:center;justify-content:center;pointer-events:none}.art-frame[data-astro-cid-j7pv25f6]{position:relative;height:100%;max-width:100%}.art-frame[data-astro-cid-j7pv25f6] img[data-astro-cid-j7pv25f6]{object-fit:cover}.art-free[data-astro-cid-j7pv25f6] img[data-astro-cid-j7pv25f6]{width:auto;height:auto;max-width:100%;max-height:100%;object-fit:contain}.card-new[data-astro-cid-j7pv25f6]{height:260px}.art-sq[data-astro-cid-j7pv25f6]{aspect-ratio:273 / 223;max-height:223px}.art-sq[data-astro-cid-j7pv25f6] img[data-astro-cid-j7pv25f6]{width:100%;height:100%}.art-rot[data-astro-cid-j7pv25f6]{aspect-ratio:271 / 353;max-height:353px;container-type:size;opacity:.7}.art-rot[data-astro-cid-j7pv25f6] img[data-astro-cid-j7pv25f6]{position:absolute;top:50%;left:50%;width:100cqh;height:100cqw;max-width:none;transform:translate(-50%,-50%) rotate(90deg)}@media(min-width:768px){.hero[data-astro-cid-j7pv25f6]{height:auto;min-height:420px}.post[data-astro-cid-j7pv25f6]{height:auto;min-height:300px}.card-new[data-astro-cid-j7pv25f6]{height:auto;min-height:240px}}@media(min-width:1024px){.first[data-astro-cid-j7pv25f6]{grid-template-rows:minmax(0,1.38fr) minmax(0,1fr);height:max(640px,calc(100dvh - 32px))}.hero[data-astro-cid-j7pv25f6],.card-new[data-astro-cid-j7pv25f6]{height:auto;min-height:0}.cards[data-astro-cid-j7pv25f6]{grid-template-rows:minmax(0,1fr);min-height:0}.post[data-astro-cid-j7pv25f6]{min-height:360px}}.home :focus{outline:none}.home[data-input=keyboard] :is(a,button):focus-visible{outline:1.5px solid rgba(59,110,220,.5);outline-offset:2px;border-radius:4px}.home[data-input=keyboard] .contact-btn:focus-visible{border-radius:2px}body:has(.home){margin:0;background-color:#f9f9f9}html:has(.home),body:has(.home){max-width:100%;overflow-x:clip}body:has(.home) .scribble,body:has(.home) .pixel-blast-fixed{display:none}