.project:where(.astro-S3Z3LVC7){margin-bottom:5rem;position:relative;display:grid;gap:8px;grid-template-columns:repeat(12,1fr);-webkit-box-align:center;align-items:center}.project-content:where(.astro-S3Z3LVC7){position:relative;grid-area:1 / 1 / -1 / 7;z-index:6}.picture:where(.astro-S3Z3LVC7){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-S3Z3LVC7):hover{filter:none;transition:all .3s ease-in-out}.picture:where(.astro-S3Z3LVC7) a:where(.astro-S3Z3LVC7) img:where(.astro-S3Z3LVC7){width:100%;object-fit:cover;min-height:350px;background-color:var(--bg-top-mid-alpha)}.picture:where(.astro-S3Z3LVC7) a:where(.astro-S3Z3LVC7){width:100%;height:100%;display:flex;text-decoration:none;overflow:hidden;max-height:400px;border-radius:5px}.tldr:where(.astro-S3Z3LVC7){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-S3Z3LVC7) h2:where(.astro-S3Z3LVC7){font-size:clamp(22px,5vw,28px);margin:0 0 18px;font-weight:600}.tags:where(.astro-S3Z3LVC7){display:flex;flex-wrap:wrap;position:relative;z-index:2;margin:24px 0px 8;padding:0;list-style:none}.tags:where(.astro-S3Z3LVC7) li:where(.astro-S3Z3LVC7){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-S3Z3LVC7){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-S3Z3LVC7) svg:where(.astro-S3Z3LVC7){width:1.65rem;height:1.65rem}.callout:where(.astro-S3Z3LVC7):hover .search-img:where(.astro-S3Z3LVC7){transform:translate(-5%);transition:all .2s ease-in-out}.search-img:where(.astro-S3Z3LVC7){position:absolute;width:4rem;transition:all .2s ease-in-out}@media screen and (min-width: 740px){li:where(.astro-S3Z3LVC7):nth-of-type(2n + 1) .project-content:where(.astro-S3Z3LVC7){grid-column:7 / -1}li:where(.astro-S3Z3LVC7):nth-of-type(2n + 1) .project-content:where(.astro-S3Z3LVC7) .tldr:where(.astro-S3Z3LVC7),li:where(.astro-S3Z3LVC7):nth-of-type(2n + 1) .project-content:where(.astro-S3Z3LVC7) h2:where(.astro-S3Z3LVC7),li:where(.astro-S3Z3LVC7):nth-of-type(2n + 1) .project-content:where(.astro-S3Z3LVC7) .links:where(.astro-S3Z3LVC7){text-align:right}li:where(.astro-S3Z3LVC7):nth-of-type(2n + 1) .picture:where(.astro-S3Z3LVC7){grid-column:1 / -6}li:where(.astro-S3Z3LVC7).project:nth-of-type(2n + 1) .tags:where(.astro-S3Z3LVC7){-webkit-box-pack:end;justify-content:flex-end}li:where(.astro-S3Z3LVC7).project:nth-of-type(2n + 1) .tags:where(.astro-S3Z3LVC7) li:where(.astro-S3Z3LVC7){margin:0 0 6px 16px}}@media screen and (max-width: 740px){.project-content:where(.astro-S3Z3LVC7){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-S3Z3LVC7){grid-area:1 / 6 / -1 / -1;position:relative;z-index:1;filter:none;grid-column:1 / -1}.project:where(.astro-S3Z3LVC7){display:flex;flex-direction:column}}.projects:where(.astro-DHJCD3II){list-style:none;padding:0;margin:0}.subtitle:where(.astro-UUMYK7XE){text-align:center;margin-top:0;margin-bottom:4rem}.content:where(.astro-UUMYK7XE){width:100%;max-width:min(1024px,90vw);margin:var(--column-margin-top) auto 0;display:flex;flex-direction:column;justify-content:center}.callout:where(.astro-UUMYK7XE){display:flex;flex-direction:column;align-items:center}.callout:where(.astro-UUMYK7XE) h2:where(.astro-UUMYK7XE){margin-bottom:.5rem}b:where(.astro-UUMYK7XE){color:var(--text-accent)}svg:where(.astro-UUMYK7XE){position:absolute;width:4rem;transition:all .2s ease-in-out}