.project:where(.astro-OC5E3K3G){margin-bottom:5rem;position:relative;display:grid;gap:8px;grid-template-columns:repeat(12,1fr);-webkit-box-align:center;align-items:center;transition:opacity .4s ease-in-out}.project-content:where(.astro-OC5E3K3G){position:relative;grid-area:1 / 1 / -1 / 7;z-index:6}.picture:where(.astro-OC5E3K3G){grid-area:1 / 6 / -1 / -1;position:relative;z-index:1;filter:grayscale(80%) contrast(.9) brightness(80%) opacity(.8);transition:all .3s ease-in-out}.picture:where(.astro-OC5E3K3G):hover{filter:none;transition:all .3s ease-in-out}.picture:where(.astro-OC5E3K3G) a:where(.astro-OC5E3K3G) img:where(.astro-OC5E3K3G){width:100%;object-fit:cover;min-height:350px;background-color:var(--bg-top-mid-alpha)}.picture:where(.astro-OC5E3K3G) a:where(.astro-OC5E3K3G){width:100%;height:100%;display:flex;text-decoration:none;overflow:hidden;max-height:400px;border-radius:5px}.tldr:where(.astro-OC5E3K3G){margin:2px 0;color:var(--text-hint-color);font-family:var(--font-code);font-size:clamp(8px,4vw,12px);font-weight:400;text-transform:uppercase;letter-spacing:2px}.project:where(.astro-OC5E3K3G) h2:where(.astro-OC5E3K3G){font-size:clamp(22px,5vw,28px);margin:0 0 18px;font-weight:600}.tags:where(.astro-OC5E3K3G){display:flex;flex-wrap:wrap;position:relative;z-index:2;margin:24px 0px 8;padding:0;list-style:none}.tags:where(.astro-OC5E3K3G) li:where(.astro-OC5E3K3G){margin:0 16px 6px 0;color:var(--text-hint-color);font-family:var(--font-code);font-size:1.1rem;white-space:nowrap}.desc:where(.astro-OC5E3K3G){padding:24px;background-color:var(--bg-top-mid-alpha);color:var(--primary-color);border-radius:5px;box-shadow:#00000021 0 2px 4px;border:1px solid hsla(0,0%,0%,10%);backdrop-filter:blur(10px) saturate(125%);background-clip:padding-box;max-width:450px}.links:where(.astro-OC5E3K3G) svg:where(.astro-OC5E3K3G){width:1.65rem;height:1.65rem}.callout:where(.astro-OC5E3K3G):hover .search-img:where(.astro-OC5E3K3G){transform:translate(-5%);transition:all .2s ease-in-out}.search-img:where(.astro-OC5E3K3G){position:absolute;width:4rem;transition:all .2s ease-in-out}@media screen and (min-width: 740px){li:where(.astro-OC5E3K3G):nth-of-type(2n + 1) .project-content:where(.astro-OC5E3K3G){grid-column:7 / -1}li:where(.astro-OC5E3K3G):nth-of-type(2n + 1) .project-content:where(.astro-OC5E3K3G) .tldr:where(.astro-OC5E3K3G),li:where(.astro-OC5E3K3G):nth-of-type(2n + 1) .project-content:where(.astro-OC5E3K3G) h2:where(.astro-OC5E3K3G),li:where(.astro-OC5E3K3G):nth-of-type(2n + 1) .project-content:where(.astro-OC5E3K3G) .links:where(.astro-OC5E3K3G){text-align:right}li:where(.astro-OC5E3K3G):nth-of-type(2n + 1) .picture:where(.astro-OC5E3K3G){grid-column:1 / -6}li:where(.astro-OC5E3K3G).project:nth-of-type(2n + 1) .tags:where(.astro-OC5E3K3G){-webkit-box-pack:end;justify-content:flex-end}li:where(.astro-OC5E3K3G).project:nth-of-type(2n + 1) .tags:where(.astro-OC5E3K3G) li:where(.astro-OC5E3K3G){margin:0 0 6px 16px}}@media screen and (max-width: 740px){.project-content:where(.astro-OC5E3K3G){display:flex;flex-direction:column;-webkit-box-pack:center;justify-content:center;height:100%;grid-column:1 / -1;padding:42px 42px 32px;z-index:6}.picture:where(.astro-OC5E3K3G){grid-area:1 / 6 / -1 / -1;position:relative;z-index:1;filter:none;grid-column:1 / -1}.project:where(.astro-OC5E3K3G){display:flex;flex-direction:column}}.projects:where(.astro-3ZGAB6AO){list-style:none;padding:0;margin:0}.also-read:where(.astro-6YYEAWYB){margin:4rem 0}.also-read:where(.astro-6YYEAWYB) h2:where(.astro-6YYEAWYB){margin-bottom:2rem}