.tiles{grid-template-columns:repeat(3,minmax(0,1fr));gap:.9em;margin:1em 0 0;padding:0;list-style:none;display:grid}.tile{aspect-ratio:4/3;background:var(--code-bg);clip-path:inset(0 -2em -2em);grid-template:1fr/minmax(0,1fr);display:grid;position:relative}.tile-picture{background:var(--inset);grid-area:1/1;min-height:0;position:relative;overflow:hidden}.tile-picture>svg,.tile-picture>img{width:100%;height:100%;display:block;position:absolute;inset:0}.tile-picture>img{object-fit:cover}.tile-project{color:color-mix(in srgb, var(--accent) 75%, var(--fg));font:600 .7em/1.25 var(--mono);letter-spacing:.06em;text-align:center;text-transform:uppercase;place-items:start center;padding:12% .4em .4em;display:grid;position:absolute;inset:0}.tile-text{z-index:1;background:var(--code-bg);flex-direction:column;grid-area:1/1;align-self:end;padding:.6em .9em .8em;display:flex}.tile:has(.tile-picture>img){--on-fade:#f4f1ea;--on-fade-muted:#cec9c0;--on-fade-link:#aadfb5}.tile:has(.tile-picture>img) .tile-text{background:linear-gradient(#14131100,#141311e0 1.8em,#141311eb);padding-top:2.2em}.tile:has(.tile-picture>img) h2 a{color:var(--on-fade)}.tile:has(.tile-picture>img):hover h2 a{color:var(--on-fade-link)}.tile:has(.tile-picture>img) :is(.tile-meta,.tile-description){color:var(--on-fade-muted)}.tile h2{-webkit-line-clamp:2;-webkit-box-orient:vertical;order:1;margin:0;font-size:1em;font-weight:650;line-height:1.25;display:-webkit-box;overflow:hidden}.tile h2 a{color:var(--fg);border-bottom:0}.tile:hover h2 a{color:var(--link)}.tile h2 a:after{content:"";position:absolute;inset:0}.tile-meta{color:var(--muted);font-variant-numeric:tabular-nums;order:0;margin:0 0 .1em;font-size:.78em}.tile-project-link{z-index:1;min-height:24px;color:inherit;text-underline-offset:.22em;border-bottom:0;line-height:24px;text-decoration:underline 1px dotted;display:inline-block;position:relative}.tile-project-link:hover{color:var(--link)}.tile:has(.tile-picture>img) .tile-project-link:hover{color:var(--on-fade-link)}.tile-description{color:var(--muted);order:2;margin:.15em 0 0;font-size:.85em;line-height:1.4}.tile-tags{flex-wrap:wrap;order:3;gap:.35em;margin:.45em 0 0;padding:0;font-size:.72em;list-style:none;display:flex}.tile-tags a{z-index:1;background:var(--inset);min-height:24px;color:color-mix(in srgb, var(--muted) 75%, var(--fg));border:0;border-radius:999px;align-items:center;padding:0 .75em;display:inline-flex;position:relative}.tile-tags a:hover{color:var(--link)}.tile-tags a:focus-visible{outline-offset:-2px}@font-face{font-family:Bungee;src:url(data:font/woff2;base64,d09GMgABAAAAAANoAAoAAAAABeQAAAMdAAIAAAAAAAAAAAAAAAAAAAAAAAAAAAAABmAAXAqFTIRVATYCJAMkCxQABCAFgVoHIBuoBAguCmxj6eCVoBBUeBVJ5GyL/Z1Zpct6pTMd2Fe2TDwGYn6E6FOE6COEiDgjHvqdv7sEU4/qeTLhDXQKy2C85T8wQFnWdqxsra2rtdU7kpYqlgKlU8r+oYv5cjNkkjXx+K0Smlu7TKJRKollbnSNsl9fgChN2TIUgLu4bABxYRY24VrsEXyZF8tXqwmuIkRW/vnug+LBHwRWj7I3NsAED+CAuAp4DNRFogGqlHEUhYiQKFmGrF8QIhw2pP/CLltEDDWrMKozSnj9gjVYRZDjnAUrddaUVZUN9AWxYORWNiwWzzJ+5JFb1kGJbM4w49wDcKN2Js5Ll2TutjIyqc4qjCwJVb9fy0nmZG1ErDbMAMekFJI6Lwacl4hXYFS1yWBlAaKzG5ncsEx8KnCG1vtiMYYLQfAsz50RLyGfa4eZGgdxw03LwDOzD5M840+FHp4+Fmzm0dVZcsggff2UWDx7QuvjpJO+TdiZ0oEjR6nvnaxvPq6bwY/IzYnWiJSN1BPcMt8espZZHWJRN7rDSJloy4rmz3knOG7tT9WLpbpSnE8hmiZKGewqq/au7ipTk6d3Obn8dHaCz17QIutYJCTcIKojupEpwBL/TfVVU+21Fw+InKB9fWfuxRJEN+10zat0tsnyHfY10FDKaztBTNjKNTTU8BAMDLFzhOjjGlEPkZzuWvtIOH3RUS823KPLoKBAgAfoixy/Eu0nuis8dfd4Ktwl2iZCzLNBNG7ied9lKpHkE/KFJIcjwTIVWbDjkQXTcXlZksvMzUiTUaJdomafgeb9GrbCgnoDAQDAABxYDKGmSM3/t3Ly7wB4O3Clllxq/3voT73StmI5AEXc4eB/yCicS8a/BwWZTlBlMK88nvKMDyJiMfLv/Awtw8D/KTiD4I8BVAxQUkGEoZLHqpgtMFRVAGwC0sZIbX6Go+oIwjRp1qNVjSrV2plw5cyVGxPpqlUwEapDoyoV0jVZqya18bJjFKKjxuoRtWqD49bXgcRmsN+XEydVahbndSjlqEyThiGVq6XY6vROD+ltQEwlWEWoXonI8xJ//+cKAAA=)format("woff2")}.tile-banner{--fill:#c4472b;--ink:#2a1a14;z-index:2;color:#fff8ec;font:400 .68em/1 Bungee, var(--sans);letter-spacing:.06em;text-transform:uppercase;filter:drop-shadow(1.5px 0 0 var(--ink)) drop-shadow(-1.5px 0 0 var(--ink)) drop-shadow(0 1.5px 0 var(--ink)) drop-shadow(0 -1.5px 0 var(--ink)) drop-shadow(0 3px 0 #0000004d);transform-origin:0;pointer-events:none;position:absolute;top:.9em;left:-.4em;transform:rotate(-4deg)}.tile-banner-updated{--fill:#1f6d8c}.tile-banner>span{background:var(--fill);clip-path:polygon(0 0,100% 0,calc(100% - .8em) 50%,100% 100%,0 100%);padding:.7em 2em .7em 1.3em;display:block}.tile-banner:after{content:"";border-top:.5em solid color-mix(in srgb, var(--fill) 55%, #000);border-left:.55em solid #0000;position:absolute;bottom:-.5em;left:0}.tile-date{background:var(--bg);color:var(--muted);font:500 .72em/1 var(--sans);white-space:nowrap;pointer-events:none;padding:.55em .8em .55em .85em;position:absolute;top:0;right:0}@media (width>560px) and (hover:hover) and (pointer:fine){.tile-meta,.tile-description,.tile-tags{opacity:0;max-height:0;margin-top:0;margin-bottom:0;overflow:hidden}.tile:is(:hover,:focus-within) .tile-meta{opacity:1;max-height:2em;margin-bottom:.1em}.tile:is(:hover,:focus-within) .tile-description{opacity:1;-webkit-line-clamp:2;-webkit-box-orient:vertical;max-height:2.9em;margin-top:.15em;display:-webkit-box}.tile:is(:hover,:focus-within) .tile-tags{opacity:1;max-height:3.2em;margin-top:.45em}.tile:is(:hover,:focus-within) .tile-date{opacity:0}}@media (width>560px) and (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){.tile{transition:transform .15s,box-shadow .15s}.tile:hover{transform:translateY(-1px);box-shadow:0 4px 14px #0000001f}.tile-meta,.tile-description,.tile-tags{transition:max-height .2s,margin .2s,opacity .2s}.tile-date{transition:opacity .2s}}@media (width<=560px),(hover:none),(pointer:coarse){.tile{aspect-ratio:auto;grid-template:auto auto/minmax(0,1fr)}.tile-picture{aspect-ratio:5/2;grid-area:1/1}.tile-project{place-items:center;padding-top:.4em;font-size:.6em}.tile-text,.tile:has(.tile-picture>img) .tile-text{background:0 0;grid-area:2/1;align-self:start;padding:.55em 1em .6em}.tile:has(.tile-picture>img){--on-fade:var(--fg);--on-fade-muted:var(--muted);--on-fade-link:var(--link)}.tile h2{display:block}.tile-description{margin-bottom:.2em}.tile-tags{font-size:.75em}.tile-date{display:none}}@media (width<=560px){.tiles{grid-template-columns:minmax(0,1fr);gap:.75em}}.pager{flex-wrap:wrap;justify-content:center;align-items:center;gap:.5em;margin:1.3em 0 0;display:flex}.pager a,.pager span{border:1px solid var(--line);background:var(--code-bg);width:2.3em;height:2.3em;color:var(--fg);font:600 .85em var(--mono);border-radius:50%;place-items:center;display:grid}.pager a:hover{border-color:var(--link);color:var(--link)}.pager [aria-current=page]{border-color:var(--accent);background:var(--accent);color:var(--bg)}.pager svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2px;width:13px;height:13px;display:block}.pager span.pager-arrow{opacity:.35}.pager-count{color:var(--muted);font:.78em var(--sans);font-variant-numeric:tabular-nums;letter-spacing:.01em;text-align:center;margin:.45em 0 0}