.project-filter[data-astro-cid-v3345bgs]{display:flex;align-items:center;justify-content:center;gap:var(--space-4);margin:var(--space-8) 0;flex-wrap:wrap}.project-filter__label[data-astro-cid-v3345bgs]{font-family:var(--font-primary);font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--color-text-primary);text-transform:uppercase;letter-spacing:.05em}.project-filter__label[data-astro-cid-v3345bgs] span[data-astro-cid-v3345bgs][data-lang]{display:none}html[lang=en] .project-filter__label[data-astro-cid-v3345bgs] span[data-astro-cid-v3345bgs][data-lang=en],html[lang=id] .project-filter__label[data-astro-cid-v3345bgs] span[data-astro-cid-v3345bgs][data-lang=id]{display:inline}.project-filter__buttons[data-astro-cid-v3345bgs]{display:flex;gap:var(--space-2);flex-wrap:wrap}.project-filter__button[data-astro-cid-v3345bgs]{font-family:var(--font-primary);font-size:var(--text-sm);font-weight:var(--weight-medium);padding:var(--space-2) var(--space-4);background:transparent;color:var(--color-text-secondary);border:1px solid var(--color-border-medium);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--duration-fast) var(--ease-out)}.project-filter__button[data-astro-cid-v3345bgs]:hover{background:var(--color-social-hover-bg-subtle);color:var(--color-text-primary);border-color:var(--color-border-accent)}.project-filter__button[data-astro-cid-v3345bgs][data-active=true]{background:var(--color-accent-primary);color:var(--bg-elevated);border-color:var(--color-accent-primary)}.project-filter__button[data-astro-cid-v3345bgs]:focus-visible{outline:2px solid var(--color-accent-primary);outline-offset:2px}.project-filter__button[data-astro-cid-v3345bgs] span[data-astro-cid-v3345bgs][data-lang]{display:none}html[lang=en] .project-filter__button[data-astro-cid-v3345bgs] span[data-astro-cid-v3345bgs][data-lang=en],html[lang=id] .project-filter__button[data-astro-cid-v3345bgs] span[data-astro-cid-v3345bgs][data-lang=id]{display:inline}@media(max-width:768px){.project-filter[data-astro-cid-v3345bgs]{flex-direction:column;align-items:center;gap:var(--space-6);margin:var(--space-6) 0}.project-filter__buttons[data-astro-cid-v3345bgs]{width:100%;justify-content:center;gap:var(--space-2)}.project-filter__button[data-astro-cid-v3345bgs]{flex:0 1 auto;min-width:fit-content;text-align:center;white-space:nowrap}}@media(prefers-reduced-motion:reduce){.project-filter__button[data-astro-cid-v3345bgs]{transition:none}}.project-icon[data-astro-cid-7gckqdo5]{width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:help;transition:all var(--duration-fast) var(--ease-out);border-radius:var(--radius-md);padding:6px;position:relative;flex-shrink:0}.project-icon[data-astro-cid-7gckqdo5]:hover{transform:scale(1.1)}html:not([data-theme=light]) .project-icon[data-astro-cid-7gckqdo5]{box-shadow:0 0 10px #f6e05e66,0 0 6px #f6e05e4d,inset 0 0 6px #f6e05e33}html:not([data-theme=light]) .project-icon[data-astro-cid-7gckqdo5]:hover{box-shadow:0 0 16px #f6e05e99,0 0 10px #f6e05e66,inset 0 0 8px #f6e05e4d}[data-theme=light] .project-icon[data-astro-cid-7gckqdo5]{box-shadow:0 0 10px #f506,0 0 6px #ff55004d,inset 0 0 6px #f503}[data-theme=light] .project-icon[data-astro-cid-7gckqdo5]:hover{box-shadow:0 0 16px #f509,0 0 10px #f506,inset 0 0 8px #ff55004d}.project-icon__light[data-astro-cid-7gckqdo5],.project-icon__dark[data-astro-cid-7gckqdo5],.project-icon__single[data-astro-cid-7gckqdo5]{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.project-icon__light[data-astro-cid-7gckqdo5] svg,.project-icon__dark[data-astro-cid-7gckqdo5] svg,.project-icon__single[data-astro-cid-7gckqdo5] svg{width:100%;height:100%}.project-icon__dark[data-astro-cid-7gckqdo5]{display:none}html:not([data-theme=light]) .project-icon__light[data-astro-cid-7gckqdo5]{display:none}html:not([data-theme=light]) .project-icon__dark[data-astro-cid-7gckqdo5]{display:flex}.project-icon__single[data-astro-cid-7gckqdo5][data-fallback=true] svg{fill:currentColor}.project-icon__text[data-astro-cid-7gckqdo5]{font-family:var(--font-primary);font-size:var(--text-xs);font-weight:var(--weight-medium);color:var(--color-text-secondary);background-color:var(--color-social-hover-bg-subtle);padding:var(--space-1) var(--space-3);border-radius:var(--radius-sm);border:1px solid var(--color-border-medium);white-space:nowrap}@media(prefers-reduced-motion:reduce){.project-icon[data-astro-cid-7gckqdo5]{transition:none}.project-icon[data-astro-cid-7gckqdo5]:hover{transform:none}}.project-card[data-astro-cid-oeghznkx]{background:var(--bg-elevated);border:2px solid var(--color-border-accent);border-radius:var(--radius-lg);box-shadow:0 4px 12px var(--color-shadow-medium),0 2px 4px var(--color-shadow-light);transition:border-color var(--duration-medium) var(--ease-out),transform var(--duration-medium) var(--ease-out),box-shadow var(--duration-medium) var(--ease-out);position:relative;overflow:hidden;height:auto;display:flex;flex-direction:column}.project-card[data-astro-cid-oeghznkx]:hover{border-color:var(--color-accent-primary);transform:translateY(-2px)}html:not([data-theme=light]) .project-card[data-astro-cid-oeghznkx]{border-color:#f6e05e66;box-shadow:0 4px 16px #0006,0 2px 8px #0000004d}html:not([data-theme=light]) .project-card[data-astro-cid-oeghznkx]:hover{border-color:#f6e05ecc;box-shadow:0 8px 24px #00000080,0 0 30px #f6e05e4d,0 0 15px #f6e05e33}[data-theme=light] .project-card[data-astro-cid-oeghznkx]{border-color:#f506;box-shadow:0 4px 16px #00000026,0 2px 8px #0000001a}[data-theme=light] .project-card[data-astro-cid-oeghznkx]:hover{border-color:#f50c;box-shadow:0 8px 24px #0003,0 0 30px #ff550040,0 0 15px #ff550026}.project-card__content[data-astro-cid-oeghznkx]{display:flex;flex-direction:column;gap:var(--space-6);padding:var(--space-6);position:relative;z-index:1;height:100%}.project-card__thumbnail[data-astro-cid-oeghznkx]{overflow:hidden;border-radius:var(--radius-md);flex-shrink:0}.project-card__image[data-astro-cid-oeghznkx]{width:100%;display:block;transition:transform var(--duration-medium) var(--ease-out)}.project-card[data-astro-cid-oeghznkx]:hover .project-card__image[data-astro-cid-oeghznkx]{transform:scale(1.05)}.project-card__title[data-astro-cid-oeghznkx]{font-family:var(--font-primary);font-size:var(--text-xl);font-weight:var(--weight-semibold);line-height:var(--leading-tight);color:var(--color-text-primary);text-align:center;transition:all var(--duration-fast) var(--ease-out)}.project-card[data-astro-cid-oeghznkx]:hover .project-card__title[data-astro-cid-oeghznkx]{color:var(--color-accent-primary)}html:not([data-theme=light]) .project-card[data-astro-cid-oeghznkx]:hover .project-card__title[data-astro-cid-oeghznkx]{color:#f6e05e;text-shadow:0 0 20px rgba(246,224,94,.6),0 0 10px rgba(246,224,94,.4)}[data-theme=light] .project-card[data-astro-cid-oeghznkx]:hover .project-card__title[data-astro-cid-oeghznkx]{color:#f50;text-shadow:0 0 20px rgba(255,85,0,.5),0 0 10px rgba(255,85,0,.3)}.project-card__title[data-astro-cid-oeghznkx] span[data-astro-cid-oeghznkx][data-lang]{display:none}html[lang=en] .project-card__title[data-astro-cid-oeghznkx] span[data-astro-cid-oeghznkx][data-lang=en],html[lang=id] .project-card__title[data-astro-cid-oeghznkx] span[data-astro-cid-oeghznkx][data-lang=id]{display:inline}.project-card__meta[data-astro-cid-oeghznkx]{display:flex;align-items:center;gap:var(--space-4);flex-wrap:wrap}.project-card__year[data-astro-cid-oeghznkx]{font-family:var(--font-primary);font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--color-text-tertiary)}.project-card__status[data-astro-cid-oeghznkx]{font-family:var(--font-primary);font-size:var(--text-xs);font-weight:var(--weight-semibold);padding:var(--space-1) var(--space-3);border-radius:var(--radius-sm);border:1px solid;transition:all var(--duration-fast) var(--ease-out)}.project-card__status[data-astro-cid-oeghznkx][data-status=completed]{border-color:#22c55e80;background:#22c55e1a}html:not([data-theme=light]) .project-card__status[data-astro-cid-oeghznkx][data-status=completed]{color:#4ade80;border-color:#4ade8080;background:#4ade801a}[data-theme=light] .project-card__status[data-astro-cid-oeghznkx][data-status=completed]{color:#16a34a;border-color:#16a34a80;background:#16a34a1a}.project-card__status[data-astro-cid-oeghznkx][data-status=in-progress]{border-color:#3b82f680;background:#3b82f61a}html:not([data-theme=light]) .project-card__status[data-astro-cid-oeghznkx][data-status=in-progress]{color:#60a5fa;border-color:#60a5fa80;background:#60a5fa1a}[data-theme=light] .project-card__status[data-astro-cid-oeghznkx][data-status=in-progress]{color:#2563eb;border-color:#2563eb80;background:#2563eb1a}.project-card__status[data-astro-cid-oeghznkx][data-status=experimental]{border-color:#a855f780;background:#a855f71a}html:not([data-theme=light]) .project-card__status[data-astro-cid-oeghznkx][data-status=experimental]{color:#c084fc;border-color:#c084fc80;background:#c084fc1a}[data-theme=light] .project-card__status[data-astro-cid-oeghznkx][data-status=experimental]{color:#9333ea;border-color:#9333ea80;background:#9333ea1a}.project-card__status[data-astro-cid-oeghznkx][data-status=archived]{border-color:#9ca3af80;background:#9ca3af1a}html:not([data-theme=light]) .project-card__status[data-astro-cid-oeghznkx][data-status=archived]{color:#9ca3af;border-color:#9ca3af80;background:#9ca3af1a}[data-theme=light] .project-card__status[data-astro-cid-oeghznkx][data-status=archived]{color:#6b7280;border-color:#6b728080;background:#6b72801a}.project-card__status[data-astro-cid-oeghznkx] span[data-astro-cid-oeghznkx][data-lang]{display:none}html[lang=en] .project-card__status[data-astro-cid-oeghznkx] span[data-astro-cid-oeghznkx][data-lang=en],html[lang=id] .project-card__status[data-astro-cid-oeghznkx] span[data-astro-cid-oeghznkx][data-lang=id]{display:inline}.project-card__tech[data-astro-cid-oeghznkx]{display:flex;flex-wrap:wrap;gap:var(--space-4);align-items:center}.project-card__tech-icon[data-astro-cid-oeghznkx]{position:relative}.tech-tooltip[data-astro-cid-oeghznkx]{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);background:var(--color-text-primary);color:var(--bg-elevated);padding:4px 8px;border-radius:4px;font-size:12px;font-family:var(--font-primary);white-space:nowrap;z-index:var(--layer-tooltip, 40);pointer-events:none;opacity:0;transition:opacity var(--duration-fast) var(--ease-out)}.project-card__tech-icon[data-astro-cid-oeghznkx]:hover .tech-tooltip[data-astro-cid-oeghznkx],.project-card__tech-icon[data-astro-cid-oeghznkx]:focus-within .tech-tooltip[data-astro-cid-oeghznkx],.project-card__tech-icon[data-astro-cid-oeghznkx] .tech-tooltip[data-astro-cid-oeghznkx].visible{opacity:1}.project-card__links[data-astro-cid-oeghznkx]{display:flex;gap:var(--space-4);flex-wrap:wrap;margin-top:auto}.project-card__link[data-astro-cid-oeghznkx]{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:transparent;color:var(--color-accent-primary);text-decoration:none;border:1px solid var(--color-accent-primary);border-radius:var(--radius-sm);font-family:var(--font-primary);font-size:var(--text-sm);font-weight:var(--weight-medium);transition:all var(--duration-fast) var(--ease-out)}.project-card__link[data-astro-cid-oeghznkx]:hover{background:var(--color-accent-primary);color:var(--bg-elevated)}.project-card__link[data-astro-cid-oeghznkx]:focus-visible{outline:2px solid var(--color-accent-primary);outline-offset:2px}.project-card__link[data-astro-cid-oeghznkx] i[data-astro-cid-oeghznkx]{font-size:var(--text-sm)}.project-card__link[data-astro-cid-oeghznkx] span[data-astro-cid-oeghznkx][data-lang]{display:none}html[lang=en] .project-card__link[data-astro-cid-oeghznkx] span[data-astro-cid-oeghznkx][data-lang=en],html[lang=id] .project-card__link[data-astro-cid-oeghznkx] span[data-astro-cid-oeghznkx][data-lang=id]{display:inline}@media(prefers-reduced-motion:reduce){.project-card[data-astro-cid-oeghznkx],.project-card__image[data-astro-cid-oeghznkx],.project-card__title[data-astro-cid-oeghznkx],.project-card__link[data-astro-cid-oeghznkx]{transition:none}.project-card[data-astro-cid-oeghznkx]:hover,.project-card[data-astro-cid-oeghznkx]:hover .project-card__image[data-astro-cid-oeghznkx]{transform:none}}@media(max-width:768px){.project-card[data-astro-cid-oeghznkx]{height:auto}.project-card__content[data-astro-cid-oeghznkx]{padding:var(--space-6)}.project-card__title[data-astro-cid-oeghznkx]{text-align:left}}.project-grid[data-astro-cid-kghe44ci]{display:grid;grid-template-columns:1fr;gap:var(--space-8);width:100%;margin:0;padding:var(--space-8) 0}@media(min-width:769px)and (max-width:899px){.project-grid[data-astro-cid-kghe44ci]{grid-template-columns:repeat(2,1fr);gap:var(--space-6);padding:var(--space-6) 0}}@media(min-width:900px){.project-grid[data-astro-cid-kghe44ci]{grid-template-columns:repeat(3,1fr);gap:var(--space-8);padding:var(--space-8) 0}}@media(max-width:768px){.project-grid[data-astro-cid-kghe44ci]{gap:var(--space-8);padding:var(--space-6) 0}}@media(max-width:480px){.project-grid[data-astro-cid-kghe44ci]{gap:var(--space-6);padding:var(--space-6) 0}}.page-layout[data-astro-cid-2hwget37]{position:relative;min-height:100vh;padding-top:100px;background:var(--bg-elevated)}.page-layout[data-astro-cid-2hwget37]>*:not(.page-gradient){position:relative;z-index:1}.projects-main[data-astro-cid-2hwget37]{max-width:1200px;margin:0 auto;padding:0 var(--space-6)}.projects-hero[data-astro-cid-2hwget37]{max-width:700px;margin:0 auto;padding:var(--space-12) 0 var(--space-8)}.hero-panel{padding:var(--space-8) var(--space-6);text-align:center}.projects-hero__title[data-astro-cid-2hwget37]{font-family:var(--font-primary);font-size:var(--text-4xl);font-weight:var(--weight-bold);color:var(--color-text-primary);margin:0 0 var(--space-3) 0;line-height:var(--leading-tight)}.projects-hero__title[data-astro-cid-2hwget37] span[data-astro-cid-2hwget37][data-lang]{display:none}html[lang=en] .projects-hero__title[data-astro-cid-2hwget37] span[data-astro-cid-2hwget37][data-lang=en],html[lang=id] .projects-hero__title[data-astro-cid-2hwget37] span[data-astro-cid-2hwget37][data-lang=id]{display:inline}.projects-hero__description[data-astro-cid-2hwget37]{font-family:var(--font-primary);font-size:var(--text-base);color:var(--color-text-secondary);line-height:var(--leading-relaxed);margin:0}.projects-hero__description[data-astro-cid-2hwget37] span[data-astro-cid-2hwget37][data-lang]{display:none}html[lang=en] .projects-hero__description[data-astro-cid-2hwget37] span[data-astro-cid-2hwget37][data-lang=en],html[lang=id] .projects-hero__description[data-astro-cid-2hwget37] span[data-astro-cid-2hwget37][data-lang=id]{display:inline}.projects-content[data-astro-cid-2hwget37]{padding-bottom:var(--space-12)}@media(max-width:768px){.page-layout[data-astro-cid-2hwget37]{padding-top:80px}.projects-main[data-astro-cid-2hwget37]{padding:0 var(--space-4)}.projects-hero[data-astro-cid-2hwget37]{padding:var(--space-8) 0 var(--space-8)}.hero-panel{padding:var(--space-6) var(--space-4)}.projects-hero__title[data-astro-cid-2hwget37]{font-size:var(--text-3xl)}.projects-hero__description[data-astro-cid-2hwget37]{font-size:var(--text-sm)}.projects-content[data-astro-cid-2hwget37]{padding-bottom:var(--space-8)}}