*,:before,:after{box-sizing:border-box}:root{--s4:clamp(34px, min(10vw, 16vh), 158px);--s3:clamp(28px, min(5.6vw, 9vh), 87px);--s2:clamp(19px, min(3.4vw, 5.4vh), 52px);--s1:clamp(15px, min(1.4vw, 2.2vh), 20px);--s0:clamp(13.5px, min(1.15vw, 1.85vh), 15.5px);--gap:clamp(26px, 5.1vh, 64px);--font-display:"Young Serif", Georgia, serif;--font-body:"IBM Plex Sans", system-ui, sans-serif;--font-mono:"IBM Plex Mono", ui-monospace, monospace;--ground:#f0e6d2;--ink:#3b2f27;--muted:#665b4e;--accent:#a8322a;--hair:color-mix(in srgb, var(--muted) 45%, transparent)}html{-webkit-text-size-adjust:100%;height:100%}body{background:radial-gradient(ellipse at 50% 35%, #ffffff1f, transparent 60%), var(--ground);min-height:100%;color:var(--ink);font-family:var(--font-display);font-kerning:normal;font-variant-ligatures:common-ligatures;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;margin:0;padding:clamp(24px,3.6vh,44px) 24px calc(clamp(24px,3.6vh,44px) + 1.5vh);display:flex;overflow-x:clip}main{z-index:1;text-align:center;width:100%;margin:auto;position:relative}.container{z-index:1;width:100%;max-width:62ch;margin:0 auto;position:relative}::selection{background:var(--accent);color:var(--ground)}.grain,.mottle{pointer-events:none;mix-blend-mode:multiply;position:fixed;inset:0}.grain{z-index:2;opacity:.055;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='f'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.72' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='180' height='180' filter='url(%23f)'/%3E%3C/svg%3E");background-size:180px 180px}.mottle{z-index:0;opacity:.045;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='720' height='720'%3E%3Cfilter id='m'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.01' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='720' height='720' filter='url(%23m)'/%3E%3C/svg%3E");background-size:720px 720px}.whisper{font-size:var(--s1);letter-spacing:.045em;word-spacing:-.02em;color:var(--muted);text-wrap:balance;margin:0 0 .55em;line-height:1.3}.group--name .whisper{margin-bottom:.95em}.shout{margin:0;line-height:.95}.name{font-size:var(--s3);letter-spacing:-.026em;word-spacing:.04em}.role{font-size:var(--s4);letter-spacing:-.032em;word-spacing:.05em;text-wrap:balance}.prev{font-size:var(--s2);letter-spacing:-.018em;word-spacing:.03em;line-height:1.28}.prev-line{white-space:nowrap;display:block}.amp{color:var(--muted);letter-spacing:0;margin-left:.4em;font-size:.66em}.group+.group{margin-top:var(--gap)}.group:has(.role)+.group{margin-top:calc(var(--gap) - var(--s4) * .032)}.group:has(.prev)+.group{margin-top:calc(var(--gap) + var(--s2) * .14)}.rule{background:var(--ink);opacity:.75;width:clamp(160px,22vw,320px);height:1px;margin:calc(var(--gap) * .68) auto 0}main:has(.panel.open) .rule{opacity:0}.rule+.group{margin-top:calc(var(--gap) * .85)}.trigger{font:inherit;letter-spacing:inherit;word-spacing:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0;transition:color .3s;display:inline-block;position:relative}.trigger:before{content:"";position:absolute;inset:-.14em -.22em}.name .trigger:before{left:-.5em;right:-.5em}.role .trigger:before{left:-.26em;right:-.26em}.trigger:hover,.trigger:focus-visible,.trigger[aria-expanded=true]{color:var(--accent)}:focus-visible{outline:2px solid var(--accent);outline-offset:8px}.posts-trigger{font-size:var(--s1);letter-spacing:.045em;color:var(--accent)}.panel{letter-spacing:normal;word-spacing:normal;grid-template-rows:0fr;margin-top:0;font-size:1rem;line-height:1.5;transition:grid-template-rows .45s cubic-bezier(.2,.7,.2,1),margin-top .45s cubic-bezier(.2,.7,.2,1);display:grid}.panel>.panel-inner{opacity:0;transition:opacity .3s,transform .3s;overflow:hidden;transform:translateY(-5px)}.panel.open{grid-template-rows:1fr;margin-top:clamp(16px,2vh,22px)}.prev .panel.open{margin-bottom:clamp(16px,2vh,22px)}.panel.open>.panel-inner{opacity:1;transition-delay:.14s;transform:none}.panel-body{max-width:64ch;margin-inline:auto;padding:2px 2px 4px}.panel-body:after{content:"";background:var(--muted);opacity:.45;height:1px;margin-top:clamp(22px,2.6vh,30px);display:block}.bio{font-family:var(--font-body);font-size:var(--s1);letter-spacing:.015em;text-wrap:pretty;max-width:34ch;color:var(--muted);margin:0 auto;line-height:1.7}.bio+.bio{margin-top:1em}.bio a{color:var(--accent);border-bottom:2px solid;padding-bottom:1px;text-decoration:none}.socials{flex-wrap:wrap;justify-content:center;gap:0 clamp(18px,2.4vw,30px);margin-top:clamp(18px,2.4vh,26px);display:flex}.socials a{font-size:var(--s0);letter-spacing:.05em;color:var(--ink);text-decoration:none;transition:color .25s}.socials a:hover,.socials a:focus-visible{color:var(--accent)}.items{gap:clamp(18px,2.6vh,28px);display:grid}.item{color:inherit;text-decoration:none;display:block}.item h3{font-size:var(--s1);letter-spacing:-.012em;margin:0;font-weight:400;transition:color .25s}.item:hover h3,.item:focus-visible h3{color:var(--accent)}.item p{font-family:var(--font-body);font-size:var(--s0);letter-spacing:.015em;text-wrap:balance;color:var(--muted);margin:.35em 0 0;line-height:1.6}.posts-list{gap:clamp(14px,2vh,22px);display:grid}.post-row{font-size:var(--s1);letter-spacing:-.008em}.post-row .time{font-size:var(--s0);letter-spacing:.05em;color:var(--muted);white-space:nowrap;margin-left:.75em}.post-row a{color:inherit;text-decoration:none;transition:color .25s}.post-row a:hover,.post-row a:focus-visible{color:var(--accent)}.btn{font-family:inherit;font-size:var(--s1);letter-spacing:.045em;color:var(--accent);cursor:pointer;background:0 0;border:0;margin-top:clamp(24px,3.2vh,34px);padding:0;text-decoration:none;transition:color .25s;display:inline-block}.btn:hover,.btn:focus-visible{color:color-mix(in srgb, var(--accent) 55%, var(--ink))}.hint{z-index:3;flex-direction:column;align-items:flex-end;gap:10px;display:flex;position:fixed;bottom:20px;right:20px}.hint-bubble{background:var(--ink);max-width:min(250px,100vw - 48px);color:var(--ground);font-size:var(--s0);letter-spacing:.02em;text-align:left;opacity:0;pointer-events:none;padding:12px 14px;line-height:1.55;transition:opacity .25s,transform .25s;position:relative;transform:translateY(6px)}.hint-bubble:after{content:"";border-left:7px solid #0000;border-right:7px solid #0000;border-top:7px solid var(--ink);position:absolute;bottom:-7px;right:15px}.hint:hover .hint-bubble,.hint:focus-within .hint-bubble,.hint.show .hint-bubble{opacity:1;transform:none}.hint-btn{border:2px solid var(--muted);width:40px;height:40px;color:var(--muted);cursor:pointer;background:0 0;border-radius:50%;place-items:center;font-family:inherit;font-size:17px;line-height:1;transition:color .25s,border-color .25s;display:grid}.hint-btn span{transform:translateY(1px)}.hint-btn:hover,.hint-btn:focus-visible{color:var(--accent);border-color:var(--accent)}.back{font-size:var(--s0);letter-spacing:.05em;color:var(--accent);text-decoration:none;transition:color .25s;display:inline-block}.back:hover,.back:focus-visible{color:color-mix(in srgb, var(--accent) 55%, var(--ink))}.blog-header{margin-bottom:var(--gap)}.blog-header h1{font-size:var(--s2);letter-spacing:-.026em;margin:clamp(16px,2.4vh,26px) 0 0;font-weight:400;line-height:1.05}.post-list{gap:clamp(22px,3.2vh,34px);margin:0;padding:0;list-style:none;display:grid}.post-card{color:inherit;text-decoration:none;display:block}.post-meta{font-family:var(--font-body);font-size:var(--s0);letter-spacing:.05em;color:var(--muted);margin:0;display:block}.post-title{font-size:var(--s1);letter-spacing:-.012em;margin-top:.3em;transition:color .25s;display:block}.post-card:hover .post-title,.post-card:focus-visible .post-title{color:var(--accent)}.post-desc{font-family:var(--font-body);font-size:var(--s0);letter-spacing:.015em;color:var(--muted);margin-top:.4em;line-height:1.6;display:block}.post{margin-top:clamp(22px,3.2vh,34px)}.post>h1{font-size:var(--s2);letter-spacing:-.026em;border-bottom:1px solid var(--hair);margin:.3em 0 0;padding-bottom:clamp(22px,3vh,32px);font-weight:400;line-height:1.05}.prose{font-family:var(--font-body);font-size:var(--s1);letter-spacing:.015em;text-wrap:pretty;margin-top:clamp(22px,3vh,32px);line-height:1.7}.prose>*+*{margin-top:1em}.prose h2{font-family:var(--font-display);font-size:calc(var(--s1) * 1.35);letter-spacing:-.016em;margin-top:1.9em;font-weight:400;line-height:1.15}.prose h3{font-family:var(--font-display);font-size:calc(var(--s1) * 1.12);letter-spacing:-.012em;margin-top:1.6em;font-weight:400}.prose strong{font-weight:600}.prose a{color:var(--accent);border-bottom:2px solid;padding-bottom:1px;text-decoration:none}.prose ul,.prose ol{padding-left:1.2em}.prose li+li{margin-top:.4em}.prose blockquote{border-left:2px solid var(--accent);color:var(--muted);margin-inline:0;padding-left:1em}.prose code{font-family:var(--font-mono);background:color-mix(in srgb, var(--muted) 16%, transparent);padding:.1em .35em;font-size:.85em}.prose pre{font-family:var(--font-mono);background:var(--ink);color:var(--ground);padding:1em 1.1em;font-size:.8em;line-height:1.6;overflow-x:auto}.prose pre code{font-size:inherit;background:0 0;padding:0}.prose img{max-width:100%;height:auto}.prose hr{border:none;border-top:1px solid var(--hair);margin:2em 0}@media (width<=560px){body{align-items:flex-start;padding-top:46px;padding-bottom:104px}main{margin:0 auto}}@media (prefers-reduced-motion:reduce){*{transition:none!important}}