#projects.svelte-1udpmzk{background-color:#fff;color:#000;padding:4em calc(var(--page-padding-x) - 10%)}header.svelte-1udpmzk{display:flex;align-items:center;justify-content:space-between;gap:1em;flex-wrap:wrap;margin-block-end:1.5rem}header.svelte-1udpmzk>:where(.svelte-1udpmzk){font-size:3em}header.svelte-1udpmzk h1:where(.svelte-1udpmzk){font-weight:500;display:inline;flex:1}.title.svelte-1udpmzk{margin-block:0;border:3px solid black;padding-inline:.5em;line-height:1.5;white-space:nowrap}header.svelte-1udpmzk button:where(.svelte-1udpmzk){background-color:#fff;text-align:right;border-radius:100px;cursor:pointer}header.svelte-1udpmzk label:where(.svelte-1udpmzk){display:grid;align-items:center;grid-template-columns:1em auto;gap:.25em;display:inline-block}.title.svelte-1udpmzk,header:where(.svelte-1udpmzk) button:where(.svelte-1udpmzk),#prior-work:where(.svelte-1udpmzk){transition:color .5s ease,background-color .5s ease}header.svelte-1udpmzk button:where(.svelte-1udpmzk):hover{background-color:#000;color:#fff}#category-menu.svelte-1udpmzk{position:relative}#category-menu-popup.svelte-1udpmzk{display:flex;flex-direction:column;margin-top:.2em;gap:.2em;position:absolute;z-index:2;right:0;width:100%;font-size:.75em}#category-menu-popup.svelte-1udpmzk label:where(.svelte-1udpmzk){white-space:nowrap;color:#000;background-color:#fff;text-align:left;border:3px solid black;border-radius:100px;padding-inline:.5em;line-height:1.5;transition:color .5s ease,background-color .5s ease;cursor:pointer;display:flex;align-items:center}#category-menu-popup.svelte-1udpmzk label:where(.svelte-1udpmzk):hover{color:#fff;background-color:#000}#projects-grid.svelte-1udpmzk{display:grid;grid-template-columns:1fr 1fr 1fr;gap:1em;color:#fff}#projects-grid.svelte-1udpmzk img:where(.svelte-1udpmzk){width:100%;height:100%;object-fit:cover}.project-item.svelte-1udpmzk{display:grid}.project-item.svelte-1udpmzk>:where(.svelte-1udpmzk){grid-column:1 / 1;grid-row:1 / 1}.project-item.svelte-1udpmzk>:where(.svelte-1udpmzk):hover{opacity:1;background-color:#0006;padding-bottom:2.3em}.project-item-overlay.svelte-1udpmzk{width:100%;height:100%;z-index:1;display:flex;align-items:end;justify-content:end;color:#fff;padding:2em;box-sizing:border-box;flex-direction:column;transition:.5s opacity ease,2s background-color ease,.5s padding-bottom ease-in-out}.project-item-image.svelte-1udpmzk{aspect-ratio:1}@media (hover: hover){.project-item-overlay.svelte-1udpmzk{opacity:0}}.project-item-overlay.svelte-1udpmzk h1:where(.svelte-1udpmzk),.project-item-overlay:where(.svelte-1udpmzk) h2:where(.svelte-1udpmzk){font-weight:700;margin:0;text-align:right}.project-item-overlay.svelte-1udpmzk h2:where(.svelte-1udpmzk){font-size:1.2em}#title-prior.svelte-1udpmzk{text-align:right}#title-prior.svelte-1udpmzk:hover{color:#fff;background-color:#000}#prior-work.svelte-1udpmzk{display:grid;width:100%;height:100%;border:3px solid black;opacity:1;align-items:end;justify-content:end;padding:.5em;color:#000;font-size:3em;text-align:right;line-height:1em;font-weight:500;aspect-ratio:1}#prior-work.svelte-1udpmzk:hover{color:#fff;background-color:#000}@media (max-width: 768px){#projects.svelte-1udpmzk{padding:1.5em var(--page-padding-x-mobile)}header.svelte-1udpmzk>:where(.svelte-1udpmzk){font-size:2em}header.svelte-1udpmzk button:where(.svelte-1udpmzk){width:100%;text-align:left}#category-menu.svelte-1udpmzk{flex:1}#category-menu-popup.svelte-1udpmzk{right:unset}#projects-grid.svelte-1udpmzk{grid-template-columns:1fr}}