.project-post.svelte-gygcht{width:100%;padding-bottom:4rem}.project-header.svelte-gygcht{align-items:flex-end;width:100vw;min-height:340px;margin:0 0 2rem calc(50% - 50vw);padding:6rem 0 2rem;display:flex;position:relative;overflow:hidden}.project-header.svelte-gygcht:before{content:"";z-index:1;pointer-events:none;background-image:url(../../../bg_website_m.webp);background-position:0;background-repeat:no-repeat;background-size:cover;width:100%;height:100%;position:absolute;top:0;left:0}.project-header.svelte-gygcht:after{content:"";z-index:2;pointer-events:none;background:#0a0e0fbf;width:100%;height:100%;position:absolute;top:0;left:0}.project-header.svelte-gygcht .container:where(.svelte-gygcht){z-index:3;position:relative}.container.svelte-gygcht{max-width:900px;margin:0 auto;padding:0 1.5rem}.breadcrumb.svelte-gygcht{font-family:var(--font3);color:#a7a7a7;margin-bottom:1.5rem;font-size:.95rem}.breadcrumb.svelte-gygcht ol:where(.svelte-gygcht){flex-wrap:wrap;align-items:center;gap:.5em;margin:0;padding:0;list-style:none;display:flex}.breadcrumb.svelte-gygcht a:where(.svelte-gygcht){color:#a7a7a7;text-decoration:none;transition:color .2s}.breadcrumb.svelte-gygcht a:where(.svelte-gygcht):hover{color:#8bbbe2;text-decoration:underline}.breadcrumb.svelte-gygcht .sep:where(.svelte-gygcht){color:#a7a7a7}.breadcrumb.svelte-gygcht .current:where(.svelte-gygcht){color:#d1d5db;font-weight:500}.post-title.svelte-gygcht{color:#f3f4f6;font-size:2.5rem;font-weight:700;line-height:1.2;font-family:var(--font3);margin:0 0 1rem}.post-meta.svelte-gygcht{flex-wrap:wrap;align-items:center;gap:1rem;margin-bottom:1rem;display:flex}.post-date.svelte-gygcht{color:#9ca3af;font-family:var(--font3);font-size:.9rem}.post-tags.svelte-gygcht{flex-wrap:wrap;gap:.5rem;display:flex}.tag.svelte-gygcht{color:var(--htb-green);font-size:.75rem;font-family:var(--font3);background:#7fff001a;border:1px solid #7fff0033;border-radius:.25rem;padding:.2rem .6rem;font-weight:500}.tag-more-btn.svelte-gygcht{color:var(--htb-green);font-size:.75rem;font-family:var(--font3);cursor:pointer;background:#7fff001a;border:1px solid #7fff0033;border-radius:.25rem;padding:.2rem .6rem;font-weight:500;transition:all .2s}.tag-more-btn.svelte-gygcht:hover{background:#7fff0033}.post-description.svelte-gygcht{color:#d1d5db;font-size:1.1rem;font-family:var(--font3);line-height:1.6}.content-wrapper.svelte-gygcht{max-width:900px}.featured-image.svelte-gygcht{border-radius:12px;margin:2rem 0;overflow:hidden}.featured-image.svelte-gygcht img:where(.svelte-gygcht){width:100%;height:auto;display:block}.article-content.svelte-gygcht{font-family:var(--font3);color:#d1d5db;font-size:1.05rem;line-height:1.8}.post-nav.svelte-gygcht{margin-top:3rem}.nav-divider.svelte-gygcht{border:none;border-top:1px solid #ffffff14}.nav-links.svelte-gygcht{justify-content:space-between;align-items:center;padding:1.5rem 0;display:flex}.nav-btn.svelte-gygcht{color:#ccc;font-family:var(--font3);align-items:center;gap:.5rem;font-size:1rem;text-decoration:none;transition:color .2s;display:inline-flex}.nav-btn.svelte-gygcht:hover{color:var(--htb-green)}.nav-arrow.svelte-gygcht{font-size:1.2rem}.nav-spacer.svelte-gygcht{flex:1}@media (width<=768px){.post-title.svelte-gygcht{font-size:1.8rem}.project-header.svelte-gygcht{padding:5rem 0 1.5rem}.container.svelte-gygcht{padding:0 1rem}.post-nav.svelte-gygcht{margin-top:2rem}.nav-links.svelte-gygcht{padding:.75rem 0}.nav-btn.svelte-gygcht{gap:.3rem;font-size:.85rem}.nav-btn.svelte-gygcht .nav-arrow:where(.svelte-gygcht){font-size:1rem}}