.project-page.svelte-gygcht{max-width:900px;margin:0 auto;min-height:calc(100vh - 64px)}.breadcrumb.svelte-gygcht{display:flex;align-items:center;gap:8px;margin-bottom:2rem;font-size:.95rem;font-weight:500}.breadcrumb.svelte-gygcht a:where(.svelte-gygcht){color:var(--ctp-subtext0);text-decoration:none;transition:color .2s}.breadcrumb.svelte-gygcht a:where(.svelte-gygcht):hover{color:var(--accent)}.breadcrumb.svelte-gygcht .current:where(.svelte-gygcht){color:var(--ctp-text)}.hero-section.svelte-gygcht{display:flex;flex-direction:column;gap:2rem;margin-bottom:4rem}.hero-image-wrapper.svelte-gygcht{width:100%;height:400px;border-radius:16px;overflow:hidden;background:var(--ctp-surface0);border:1px solid var(--ctp-surface1)}.hero-image.svelte-gygcht{width:100%;height:100%;object-fit:cover;object-position:center top}.project-title.svelte-gygcht{font-size:3rem;font-weight:800;color:var(--ctp-text);margin-bottom:.5rem;line-height:1.2}.project-date.svelte-gygcht{color:var(--ctp-subtext0);font-size:1rem;margin-bottom:1.5rem}.tags.svelte-gygcht{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:2rem}.tag.svelte-gygcht{padding:4px 12px;background:var(--ctp-surface0);color:var(--ctp-text);border:1px solid var(--ctp-surface1);border-radius:20px;font-size:.85rem;font-weight:500}.action-buttons.svelte-gygcht{display:flex;flex-wrap:wrap;gap:16px}.btn.svelte-gygcht{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;border-radius:8px;font-weight:600;text-decoration:none;transition:all .2s}.btn.primary.svelte-gygcht{background:var(--accent);color:var(--ctp-base)}.btn.primary.svelte-gygcht:hover{opacity:.9;transform:translateY(-2px)}.btn.secondary.svelte-gygcht{background:var(--ctp-surface1);color:var(--ctp-text)}.btn.secondary.svelte-gygcht:hover{background:var(--ctp-surface2)}.content-section.svelte-gygcht{display:flex;flex-direction:column;gap:3rem}.content-block.svelte-gygcht h2:where(.svelte-gygcht){font-size:1.8rem;color:var(--ctp-text);margin-bottom:1rem;font-weight:700}.content-block.svelte-gygcht p:where(.svelte-gygcht){color:var(--ctp-subtext0);line-height:1.8;font-size:1.1rem}@media(max-width:768px){.hero-image-wrapper.svelte-gygcht{height:250px}.project-title.svelte-gygcht{font-size:2rem}.content-block.svelte-gygcht h2:where(.svelte-gygcht){font-size:1.5rem}}