.identity{z-index:5;padding:var(--gutter);text-align:center;pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.identity__name{font-family:var(--font-display);letter-spacing:-.03em;overflow-wrap:anywhere;min-width:0;margin:0;font-size:clamp(2.25rem,1rem + 5.5dvh,5.25rem);font-weight:700;line-height:.98}.bio{left:var(--gutter);bottom:calc(var(--gutter) + 92px);z-index:5;max-width:30ch;font-size:var(--text-sm);color:var(--color-ink-2);margin:0;line-height:1.5;position:absolute}.stacks{z-index:1;position:absolute;inset:0}.stack{left:var(--stack-left);top:var(--stack-top);width:210px;height:258px;color:inherit;isolation:isolate;transform:translate(-50%, -50%) rotate(var(--stack-rotate,0deg)) scale(var(--stack-scale,1));z-index:var(--stack-z,10);transition:filter var(--dur-base) var(--ease-out);text-decoration:none;position:absolute}.stack:hover,.stack:focus-visible{z-index:60}.stack__note{padding:var(--space-md);border-radius:var(--radius-note);transform:rotate(var(--note-rotate,-2deg));transition:transform var(--dur-base) var(--ease-out);z-index:1;align-items:center;display:flex;position:absolute;inset:3%;box-shadow:0 1px 2px #14141814,0 14px 26px -16px #1414184d}.stack__title{font-family:var(--font-display);font-weight:600;font-size:var(--text-md);letter-spacing:-.01em;line-height:1.2}.stack__image{aspect-ratio:4/3;border-radius:var(--radius-card);background-position:50%;background-size:cover;background-color:var(--color-paper-2);border:1px solid var(--color-rule);width:56%;transform:rotate(var(--image-rotate,3deg));transition:transform var(--dur-base) var(--ease-out);z-index:2;position:absolute;box-shadow:0 18px 34px -20px #14141859}.stack__image--tl{top:-7%;left:-7%}.stack__image--tr{top:-7%;right:-7%}.stack__image--bl{bottom:-7%;left:-7%}.stack__image--br{bottom:-7%;right:-7%}.stack:hover .stack__note,.stack:focus-visible .stack__note{transform:rotate(calc(var(--note-rotate,-2deg) - 3deg)) scale(1.015)}.stack:hover .stack__image--tl,.stack:focus-visible .stack__image--tl{transform:translate(-10px, -10px) rotate(calc(var(--image-rotate,3deg) + 4deg))}.stack:hover .stack__image--tr,.stack:focus-visible .stack__image--tr{transform:translate(10px, -10px) rotate(calc(var(--image-rotate,3deg) + 4deg))}.stack:hover .stack__image--bl,.stack:focus-visible .stack__image--bl{transform:translate(-10px, 10px) rotate(calc(var(--image-rotate,3deg) + 4deg))}.stack:hover .stack__image--br,.stack:focus-visible .stack__image--br{transform:translate(10px, 10px) rotate(calc(var(--image-rotate,3deg) + 4deg))}.note--yellow{background:var(--note-yellow-bg);color:var(--note-yellow-ink)}.note--pink{background:var(--note-pink-bg);color:var(--note-pink-ink)}.note--blue{background:var(--note-blue-bg);color:var(--note-blue-ink)}.note--green{background:var(--note-green-bg);color:var(--note-green-ink)}.note--peach{background:var(--note-peach-bg);color:var(--note-peach-ink)}@media (max-width:640px){.page{padding:var(--gutter);gap:var(--space-md);flex-direction:column;display:flex}.identity{text-align:left;pointer-events:auto;flex:none;padding:0;display:block;position:static;inset:auto}.identity__name{font-size:clamp(1.75rem,1rem + 5dvh,2.75rem)}.bio{max-width:none;font-size:var(--text-sm);-webkit-line-clamp:3;-webkit-box-orient:vertical;flex:none;display:-webkit-box;position:static;bottom:auto;left:auto;overflow:hidden}.stacks{gap:var(--space-sm);flex-direction:column;flex:auto;min-height:0;padding-bottom:90px;display:flex;position:static;inset:auto;overflow:hidden}.stack:nth-of-type(n+5){display:none}.stack{align-items:center;gap:var(--space-sm);flex:none;width:100%;height:auto;display:flex;position:static;transform:none!important}.stack__image{aspect-ratio:1;flex:none;order:-1;width:52px;height:52px;position:static;transform:none!important}.stack__note{min-width:0;padding:var(--space-xs) var(--space-sm);flex:auto;align-items:center;display:flex;position:static;inset:auto;transform:none!important}.stack__title{font-size:var(--text-sm)}}.glass-bar{left:50%;bottom:var(--space-lg);z-index:30;align-items:center;gap:var(--space-2xs);padding:var(--space-2xs);border-radius:var(--radius-pill);background:var(--glass-bg);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(20px)saturate(180%);pointer-events:none;display:flex;position:fixed;transform:translate(-50%);box-shadow:0 1px 1px #1414180a,0 18px 40px -18px #14141852}.glass-bar__icon{border-radius:var(--radius-pill);font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-ink-2);white-space:nowrap;pointer-events:auto;transition:color var(--dur-fast) var(--ease-out);padding:8px 10px;text-decoration:none}.glass-bar__icon:hover,.glass-bar__icon:focus-visible{color:var(--color-ink)}.glass-bar__btn{border-radius:var(--radius-pill);background:var(--color-ink);color:var(--color-paper);font-size:var(--text-sm);white-space:nowrap;pointer-events:auto;transition:transform var(--dur-fast) var(--ease-out), background var(--dur-fast) var(--ease-out);align-items:center;gap:6px;padding:10px 18px;font-weight:500;text-decoration:none;display:inline-flex}.glass-bar__btn:hover,.glass-bar__btn:focus-visible{background:color-mix(in oklab, var(--color-ink) 88%, white);transform:translateY(-1px)}@media (max-width:400px){.glass-bar{gap:2px;padding:4px}.glass-bar__icon{padding:8px}.glass-bar__btn{padding:9px 14px}}
.postlist{max-width:860px;padding:clamp(72px, 10vh, 120px) var(--gutter) calc(var(--space-3xl) + 90px);margin:0 auto}.postlist__head{margin:0 0 var(--space-2xl)}.postlist__head h1{margin:0 0 var(--space-2xs);font-family:var(--font-display);letter-spacing:-.025em;font-size:clamp(2.25rem,1.4rem + 2.6vw,3.25rem);font-weight:700}.postlist__head p{color:var(--color-ink-2);font-size:var(--text-md);margin:0}.postrow{align-items:baseline;gap:var(--space-md);padding:var(--space-md) 0;border-top:1px solid var(--color-rule);color:inherit;text-decoration:none;display:flex}.postrow:last-child{border-bottom:1px solid var(--color-rule)}.postrow__date{width:84px;font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-ink-2);flex:none}.postrow__body{flex:auto;min-width:0}.postrow__title{font-family:var(--font-display);font-weight:600;font-size:var(--text-lg);letter-spacing:-.01em;overflow-wrap:anywhere;margin:0 0 4px}.postrow__lede{max-width:62ch;font-size:var(--text-sm);color:var(--color-ink-2);margin:0;line-height:1.5}.postrow:hover .postrow__title,.postrow:focus-visible .postrow__title{text-underline-offset:3px;text-decoration:underline;-webkit-text-decoration-color:var(--color-accent);text-decoration-color:var(--color-accent)}@media (max-width:480px){.postrow{gap:var(--space-2xs);flex-direction:column}.postrow__date{width:auto}}.article{max-width:1040px;padding:clamp(64px, 9vh, 100px) var(--gutter) calc(var(--space-3xl) + 90px);margin:0 auto}.article__back{margin-bottom:var(--space-xl);font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-ink-2);align-items:center;gap:6px;text-decoration:none;display:inline-flex}.article__back:hover,.article__back:focus-visible{color:var(--color-ink)}.article__meta{align-items:center;gap:var(--space-sm);margin-bottom:var(--space-md);font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-ink-2);display:flex}.article__title{margin:0 0 var(--space-lg);max-width:22ch;font-family:var(--font-display);letter-spacing:-.03em;overflow-wrap:anywhere;min-width:0;font-size:clamp(2.25rem,1.3rem + 3vw,3.75rem);font-weight:700;line-height:1.02}.article__lede{max-width:58ch;margin:0 0 var(--space-2xl);font-size:var(--text-lg);color:var(--color-ink-2);line-height:1.5}.article__cover{aspect-ratio:16/10;width:min(680px,82%);margin:0 0 var(--space-2xl) auto;border-radius:var(--radius-card);border:1px solid var(--color-rule);background-position:50%;background-size:cover;background-color:var(--color-paper-2);margin-right:-3%;transform:rotate(-1.2deg);box-shadow:0 24px 48px -26px #14141852}.article__prose{max-width:68ch;font-size:var(--text-md);color:var(--color-ink);line-height:1.7}.article__prose .payload-richtext{gap:var(--space-md);flex-direction:column;display:flex}.article__prose p{margin:0}.article__prose h2,.article__prose h3{margin:var(--space-sm) 0 0;font-family:var(--font-display);letter-spacing:-.01em;font-style:normal;font-weight:600}.article__prose h2{font-size:var(--text-xl)}.article__prose h3{font-size:var(--text-lg)}.article__prose ul,.article__prose ol{max-width:64ch;margin:0;padding-left:1.3em}.article__prose li{margin:0 0 6px}.article__prose a{color:var(--color-accent);text-underline-offset:3px;text-decoration:underline}.article__prose blockquote{padding-left:var(--space-md);border-left:2px solid var(--color-accent);max-width:60ch;color:var(--color-ink-2);margin:0}.article__prose img{border-radius:var(--radius-card);border:1px solid var(--color-rule);width:min(420px,60vw);display:block;box-shadow:0 16px 30px -20px #1414184d}@media (min-width:900px){.article__prose p:has(>img:only-child):nth-of-type(odd) img{margin-left:calc(-1 * var(--space-2xl));transform:rotate(-1.5deg)}.article__prose p:has(>img:only-child):nth-of-type(2n) img{margin-left:auto;margin-right:calc(-1 * var(--space-2xl));transform:rotate(1.5deg)}}.article__meta-line{margin-top:var(--space-xl);padding-top:var(--space-md);border-top:1px solid var(--color-rule);font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-ink-2)}.empty{justify-content:center;align-items:center;gap:var(--space-sm);text-align:center;min-height:100svh;padding:var(--gutter);flex-direction:column;display:flex}