section.svelte-1nf42ih{display:grid}@media (min-width: 0px){section.svelte-1nf42ih{grid-template-rows:auto 1fr;gap:2rem}}@media (min-width: 576px){section.svelte-1nf42ih{grid-template-columns:auto 1fr;gap:4rem}}#work-list.svelte-1nf42ih{position:relative;display:flex;flex-direction:column;column-gap:2rem;row-gap:.5rem;display:grid;grid-template-columns:min-content 1fr;grid-template-rows:repeat(9,1.5rem)}#work-list.svelte-1nf42ih>li:where(.svelte-1nf42ih){display:grid;grid-column:1/3;grid-template-columns:subgrid;justify-items:baseline;align-content:start}.scroll-dot.svelte-1nf42ih{position:absolute;width:5px;height:5px;border-radius:50%;background:var(--flexoki-green-400);transform:translateY(-50%)}.work-date.svelte-1nf42ih{padding-right:.75rem;line-height:normal;white-space:nowrap}a.work-title.svelte-1nf42ih{color:inherit;text-decoration:none;line-height:normal}a.work-title.svelte-1nf42ih:hover{color:var(--flexoki-green-100)}.work-selected.svelte-1nf42ih{color:var(--flexoki-green-400)!important}aside.svelte-1nf42ih{justify-self:end;display:grid;grid-template-rows:auto 1fr;row-gap:24px;overflow:hidden}.aside-img.svelte-1nf42ih{grid-row-start:1;grid-column-start:1;z-index:3}.aside-text.svelte-1nf42ih{grid-row-start:2;grid-column-start:1;display:flex;flex-direction:column;gap:1rem;-webkit-mask-image:linear-gradient(to top,transparent,black 6%,black 94%,transparent);mask-image:linear-gradient(to top,transparent,black .5%,black 99.5%,transparent)}aside.svelte-1nf42ih .img-container:where(.svelte-1nf42ih){max-width:100%;display:grid;place-items:center;grid-template-columns:1}.img-container.svelte-1nf42ih img:where(.svelte-1nf42ih){max-width:100%;aspect-ratio:10 / 8;transition:all .3s ease-in-out;grid-row-start:1;grid-column-start:1;border-radius:3px}#article-header.svelte-1nf42ih{display:flex;justify-content:space-between;align-items:baseline}a.header-title.svelte-1nf42ih{color:inherit;text-decoration:none;line-height:normal}a.header-title.svelte-1nf42ih:hover{color:var(--flexoki-text-link)}#tag-container.svelte-1nf42ih{display:flex;gap:.5rem;color:var(--flexoki-dark-tx-2);font-weight:300;font-size:.8rem}article.svelte-1nf42ih{line-height:1.4;text-wrap:pretty;font-weight:300}h2.svelte-1nf42ih{font-weight:500}a.svelte-1nf42ih{color:var(--flexoki-dark-tx)}.img-hover{cursor:pointer;color:var(--flexoki-green-300)}.img-hover:hover{color:var(--flexoki-green-100)}