.introduction{display:grid;padding-block:var(--pico-spacing)calc(var(--pico-spacing)*1.5);gap:2rem}.introduction h1{text-wrap:balance;margin-block-end:1rem;line-height:1.15}.introduction>div>p{color:var(--pico-muted-color);margin-block-end:var(--pico-spacing);font-size:1.2rem;line-height:1.5}.introduction a{text-underline-offset:.2em;font-weight:500}.blog-callout{border-radius:var(--pico-border-radius);background:var(--surface-low);align-self: center;padding:1.5rem}.blog-callout h2{margin-block-end:.5rem;font-size:1.2rem}.blog-callout p{color:var(--pico-muted-color);margin-block-end:.75rem;font-size:.95rem}.blog-callout a{font-size:.95rem}.project-section{margin-block-end:3rem}.project-section>h2{margin-block-end:1.25rem}.project-grid{--pico-grid-column-gap:1.5rem;--pico-grid-row-gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(min(16rem,100%),1fr))}.project-grid article{--pico-block-spacing-horizontal:1.25rem;--pico-block-spacing-vertical:1rem;--pico-border-radius:.5rem;overflow:hidden;margin-block-end:0}.project-grid article header{padding:0}.project-grid article header img{display:block;aspect-ratio:5/3;object-fit:cover;width:100%}.project-grid article header img[data-fit=contain]{object-fit:contain;padding:15%}.screenshot-grid article header img{background:#fff}.screenshot-grid article header img[data-fit=contain]{padding:4%}.project-grid article header a{display:block;color:var(--pico-primary);text-decoration:none}.project-grid article header a:focus-visible{outline-offset:-2px}.project-grid article header a:hover h3{text-decoration:underline;text-underline-offset:.2em}.project-grid article h3{padding:var(--pico-block-spacing-vertical)var(--pico-block-spacing-horizontal)0;color:inherit;margin:0;font-size:1.15rem;font-weight:700}.project-grid article p{font-size:.95rem;line-height:1.65}.project-grid article p:last-child{margin-block-end:0}@media (min-width:56rem){.introduction:has(>aside){grid-template-columns:minmax(0,1fr)17rem;column-gap:3rem}}.home>main{--container-width:var(--site-width)}.project-list{padding-inline-start:1.25rem}.project-list li{margin-block-end:.4rem;font-size:.95rem;line-height:1.6}@media (min-width:48rem){.project-list{columns:2;column-gap:2.5rem}.project-list li{break-inside:avoid}}.overflow-auto :-webkit-any(td,th){vertical-align:top}.overflow-auto :-moz-any(td,th){vertical-align:top}.overflow-auto :is(td,th){vertical-align:top}.overflow-auto :-webkit-any(td,th):first-child{white-space:nowrap}.overflow-auto :-moz-any(td,th):first-child{white-space:nowrap}.overflow-auto :is(td,th):first-child{white-space:nowrap}.overflow-auto table{min-width:40rem}