#portfolio[data-astro-cid-hnavoqro]{padding:0 var(--margin)}.portfolio-hero[data-astro-cid-hnavoqro]{display:flex;flex-direction:column;gap:2rem;padding:40px 0;border-bottom:.5px solid var(--color-g1);margin-bottom:3rem}.portfolio-heading[data-astro-cid-hnavoqro]{display:flex;flex-direction:column}.portfolio-heading[data-astro-cid-hnavoqro]>[data-astro-cid-hnavoqro]:last-child{margin-top:-2rem}.portfolio-intro[data-astro-cid-hnavoqro]{max-width:32ch}.portfolio-index[data-astro-cid-hnavoqro]{display:flex;flex-direction:column;gap:2rem;padding-bottom:4rem;border-bottom:.5px solid var(--color-g1);margin-bottom:3rem}.index-category[data-astro-cid-hnavoqro]{display:flex;flex-direction:column;gap:.5rem}.index-category-name[data-astro-cid-hnavoqro]{font-family:DMMono,monospace;font-weight:300;font-size:.6rem;text-transform:uppercase;letter-spacing:.08em;color:var(--color-g2)}.index-project-list[data-astro-cid-hnavoqro]{list-style:none;display:flex;flex-direction:column;gap:.2rem}.index-project-item[data-astro-cid-hnavoqro]{font-family:Satoshi,sans-serif;font-weight:500;font-size:.94rem;letter-spacing:-.02em;text-transform:uppercase;color:var(--color-w1)}.portfolio-grid[data-astro-cid-hnavoqro]{display:grid;grid-template-columns:1fr;gap:var(--gutter);margin-bottom:6rem}.project-card[data-astro-cid-hnavoqro]{background-color:var(--color-b2);border:.5px solid var(--color-g1);cursor:pointer;transition:border-color .2s ease}.project-card[data-astro-cid-hnavoqro]:hover{border-color:var(--color-g2)}.card-header[data-astro-cid-hnavoqro]{display:flex;align-items:center;padding:.7rem;background-color:var(--color-b3);border-bottom:.5px solid var(--color-g1)}.card-header-left[data-astro-cid-hnavoqro]{display:flex;align-items:center;gap:1rem;padding-left:.4rem}.card-title[data-astro-cid-hnavoqro]{font-family:Satoshi,sans-serif;font-weight:500;font-size:.94rem;letter-spacing:-.02em;text-transform:uppercase;color:var(--color-w1)}.card-category[data-astro-cid-hnavoqro]{font-family:DMMono,monospace;font-weight:300;font-size:.6rem;color:var(--color-g2);text-transform:uppercase;letter-spacing:.03em}.card-preview[data-astro-cid-hnavoqro]{aspect-ratio:4 / 3;overflow:hidden;position:relative;background-color:var(--color-b3)}.card-placeholder[data-astro-cid-hnavoqro]{position:absolute;inset:0;background-color:var(--color-b3)}.overlay[data-astro-cid-hnavoqro]{display:none;min-height:100vh;background-color:var(--color-b1);border-top:.5px solid var(--color-g1)}.overlay[data-astro-cid-hnavoqro]:not(.hidden){display:block}.overlay-topbar[data-astro-cid-hnavoqro]{position:sticky;top:0;display:flex;justify-content:space-between;align-items:center;padding:.7rem;background-color:var(--color-b3);border-bottom:.5px solid var(--color-g1);z-index:1}.overlay-topbar-left[data-astro-cid-hnavoqro]{display:flex;align-items:center;gap:1rem;padding-left:.4rem}.overlay-project-title[data-astro-cid-hnavoqro]{font-family:Satoshi,sans-serif;font-weight:500;font-size:.94rem;letter-spacing:-.02em;text-transform:uppercase;color:var(--color-w1)}.overlay-project-category[data-astro-cid-hnavoqro]{font-family:DMMono,monospace;font-weight:300;font-size:.6rem;color:var(--color-g2);text-transform:uppercase;letter-spacing:.03em}.overlay-close[data-astro-cid-hnavoqro]{font-family:DMMono,monospace;font-weight:300;font-size:.8rem;color:var(--color-w3);background:none;border:none;padding:.4rem .8rem;margin-right:.2rem}.overlay-images[data-astro-cid-hnavoqro]{display:flex;flex-direction:column;gap:var(--gutter);padding:var(--gutter)}.overlay-placeholder[data-astro-cid-hnavoqro]{width:100%;aspect-ratio:16 / 9;background-color:var(--color-b2);border:.5px solid var(--color-g1)}@media(min-width:768px){.portfolio-index[data-astro-cid-hnavoqro]{flex-direction:row;gap:4rem}.portfolio-grid[data-astro-cid-hnavoqro]{grid-template-columns:repeat(2,1fr)}}@media(min-width:1280px){.portfolio-hero[data-astro-cid-hnavoqro]{flex-direction:row;justify-content:space-between;align-items:flex-end}.portfolio-intro[data-astro-cid-hnavoqro]{max-width:28ch;padding-bottom:.5rem}.portfolio-grid[data-astro-cid-hnavoqro]{grid-template-columns:repeat(3,1fr)}.overlay[data-astro-cid-hnavoqro]{margin-left:40px;border-top:none;border-left:.5px solid var(--color-g1)}}