body{color:#f5f5f5;background:#0c0c0c}.project-header.svelte-gygcht{flex-direction:column;gap:2.5rem;max-width:888px;margin:0 auto;padding:8vh 2rem 0;display:flex}.project-cover-wrap.svelte-gygcht{aspect-ratio:16/9;width:100%;overflow:hidden}.project-cover.svelte-gygcht{object-fit:cover;width:100%;height:100%;display:block}.project-meta.svelte-gygcht{flex-direction:column;gap:.75rem;display:flex}.project-title.svelte-gygcht{letter-spacing:-.03em;color:#f5f5f5;max-width:18ch;margin:0;font-family:Syne,sans-serif;font-size:clamp(1.8rem,3.5vw,4.5rem);font-weight:800;line-height:1.05}.project-date.svelte-gygcht{color:#f5f5f5;opacity:.5;letter-spacing:.04em;font-variant-numeric:tabular-nums;font-family:Syne,sans-serif;font-size:clamp(.85rem,1vw,1rem);font-weight:400}.project-content.svelte-gygcht{max-width:888px;margin:0 auto;padding:6vh 2rem 20vh;font-family:system-ui,-apple-system,sans-serif}.project-content p{color:#f5f5f5bf;margin:0 0 1.5em;font-size:clamp(.95rem,1.2vw,1.1rem);line-height:1.75}.project-content h2{letter-spacing:-.01em;color:#f5f5f5;margin:3em 0 .75em;font-size:clamp(1rem,1.4vw,1.25rem);font-weight:700}.project-content h3{color:#f5f5f5;letter-spacing:-.01em;margin:2em 0 .75em;font-size:clamp(1rem,1.3vw,1.2rem);font-weight:700}.project-content img{width:100%;margin:2em 0;display:block}.project-content a{color:#f5f5f5;text-underline-offset:3px;text-decoration-color:#f5f5f54d}.project-content a:hover{text-decoration-color:#f5f5f5cc}.project-buttons{flex-wrap:wrap;gap:.75rem;margin-top:2.5em;display:flex}.page-nav.svelte-gygcht{display:none}@media (width>=641px){.page-nav.svelte-gygcht{z-index:10;cursor:pointer;justify-content:center;align-items:center;width:20px;height:80px;display:flex;position:fixed;top:50%;left:40px;transform:translateY(-50%)}}.nav-indicator.svelte-gygcht{background:#f5f5f52e;border-radius:2px;width:1.5px;height:80px;transition:width .5s cubic-bezier(.16,1,.3,1),height .5s cubic-bezier(.16,1,.3,1),border-radius .5s cubic-bezier(.16,1,.3,1),background .4s,box-shadow .4s;position:relative;overflow:hidden;box-shadow:inset 0 0 #0000}.page-nav.svelte-gygcht:hover .nav-indicator:where(.svelte-gygcht){background:0 0;border-radius:50%;width:12px;height:12px;overflow:visible;box-shadow:inset 0 0 0 1.5px #f5f5f5bf}.nav-fill.svelte-gygcht{background:#f5f5f5bf;width:100%;height:0%;transition:opacity .3s;position:absolute;top:0;left:0}.page-nav.svelte-gygcht:hover .nav-fill:where(.svelte-gygcht){opacity:0}@media (width<=640px){.project-header.svelte-gygcht,.project-content.svelte-gygcht{padding-left:1.25rem;padding-right:1.25rem}}
