@layer portfolio{.project-page.svelte-gygcht{--media-space:clamp(3rem, 6vw, 5rem);max-inline-size:64rem;margin-inline:auto;padding:12rem 2rem 4rem;scroll-margin-block-start:var(--site-header-height)}.back-link.svelte-gygcht,h1.svelte-gygcht,.tags.svelte-gygcht,footer.svelte-gygcht,.prose.svelte-gygcht>:not(p:has(>img)){max-inline-size:39rem;margin-inline:auto}.back-link.svelte-gygcht{color:var(--muted);font-family:var(--font-mono);margin-block-end:3rem;font-size:.75rem}h1.svelte-gygcht{font-family:var(--font-display);letter-spacing:-.025em;text-wrap:balance;margin-block-end:2rem;font-size:clamp(2.625rem,6.5vw,3.625rem);font-weight:400;line-height:1.08}h1.svelte-gygcht span:where(.svelte-gygcht){view-transition-class:project-title;display:inline-block}.hero-image.svelte-gygcht{view-transition-class:project-image;background:var(--image-paper);block-size:auto;inline-size:100%;margin-block:0 var(--media-space);border-radius:.625rem;display:block}.tags.svelte-gygcht{flex-wrap:wrap;gap:.625rem;margin-block:0 3.5rem;padding:0;list-style:none;display:flex}.tags.svelte-gygcht li:where(.svelte-gygcht){border:1px solid var(--rule);color:var(--muted);font-family:var(--font-mono);border-radius:2rem;padding:.375rem .75rem;font-size:.75rem}.prose.svelte-gygcht{color:var(--muted);overflow-wrap:anywhere;font-size:1.0625rem;line-height:1.85}.prose.svelte-gygcht>*+*{margin-block-start:2rem}.prose.svelte-gygcht>p:first-child{color:var(--ink);margin-block-end:3rem;font-size:1.25rem;line-height:1.7}.prose.svelte-gygcht h2,.prose.svelte-gygcht h3{color:var(--ink);font-family:var(--font-display);margin-block-start:4rem;font-size:1.75rem;font-weight:500;line-height:1.3}.prose.svelte-gygcht strong,.prose.svelte-gygcht a{color:var(--ink)}.prose.svelte-gygcht a:hover{color:var(--accent-ink)}.prose.svelte-gygcht p:has(>img){margin-block:var(--media-space)}.prose.svelte-gygcht img{background:var(--image-paper);border-radius:.625rem;block-size:auto;inline-size:100%;display:block}.prose.svelte-gygcht p:has(>img)+p:has(>em:only-child){margin-block-start:calc(1rem - var(--media-space));font-size:.8125rem}footer.svelte-gygcht{border-block-start:1px solid var(--rule);flex-wrap:wrap;justify-content:space-between;gap:1rem;margin-block-start:5rem;padding-block-start:2rem;font-size:.875rem;display:flex}@media (width<=600px){.project-page.svelte-gygcht{padding:9rem 1.5rem 3rem}}}