.nav.svelte-l0ehaz{grid-column:1/-1;padding:16px 12px 32px}@media (min-width:768px){.nav.svelte-l0ehaz{display:flex;flex-direction:column;grid-column:1/span 4;grid-row:1;padding:24px;position:sticky;z-index:5}}.nav.svelte-l0ehaz ul:where(.svelte-l0ehaz){gap:6px}@media (min-width:768px){.nav.svelte-l0ehaz ul:where(.svelte-l0ehaz){gap:8px}}.nav.svelte-l0ehaz li:where(.svelte-l0ehaz){display:block}.nav.svelte-l0ehaz li:where(.svelte-l0ehaz):not(.is-active) a:where(.svelte-l0ehaz){opacity:.3}.nav.svelte-l0ehaz li:where(.svelte-l0ehaz) a:where(.svelte-l0ehaz){color:inherit;text-decoration:none}.nav.svelte-l0ehaz li:where(.svelte-l0ehaz) a:where(.svelte-l0ehaz),.nav.svelte-l0ehaz li:where(.svelte-l0ehaz) a:where(.svelte-l0ehaz) span:where(.svelte-l0ehaz){transition:opacity .3s var(--ease-quart)}.nav.svelte-l0ehaz li:where(.svelte-l0ehaz) a:where(.svelte-l0ehaz):hover{opacity:1}.nav.svelte-l0ehaz li:where(.svelte-l0ehaz) a:where(.svelte-l0ehaz):hover .title:where(.svelte-l0ehaz){opacity:1}@media (min-width:768px){.categories.svelte-l0ehaz{top:var(--header-height)}}.categories.svelte-l0ehaz a:where(.svelte-l0ehaz){align-items:center;display:flex;gap:6px;padding-block:3px}.projects.svelte-l0ehaz{grid-row:3}@media (min-width:768px){.projects.svelte-l0ehaz{align-self:flex-end;bottom:0;grid-row:1}}.projects.svelte-l0ehaz a:where(.svelte-l0ehaz){align-items:baseline;display:flex;gap:8px;justify-content:space-between;padding-block:3px;text-align:right}@media (min-width:768px){.projects.is-reading.svelte-l0ehaz .title:where(.svelte-l0ehaz){opacity:0}}.project-layout.svelte-l0ehaz{flex:1;grid-auto-flow:dense;grid-auto-rows:min-content}@media (min-width:768px){.project-layout.svelte-l0ehaz{grid-auto-rows:auto;height:calc(var(--screen) - var(--header-height))}}.project-layout.svelte-l0ehaz .project-preview{display:grid;grid-column:1/-1;position:relative}@media (min-width:768px){.project-layout.svelte-l0ehaz .project-preview{grid-column:5/-1;grid-row:1/-1;height:100%}}.project-layout.svelte-l0ehaz .project-preview picture{grid-area:1/1;opacity:0;transition:opacity .4s var(--ease-quart)}@media (min-width:768px){.project-layout.svelte-l0ehaz .project-preview picture{contain:size}}.project-layout.svelte-l0ehaz .project-preview .is-visible{opacity:1}.project-layout.svelte-l0ehaz .project-preview img{display:block;height:100%;object-fit:cover;width:100%}.project-layout.svelte-l0ehaz .project{grid-column:1/-1}@media (min-width:768px){.project-layout.svelte-l0ehaz .project{grid-column:5/-1;grid-row:1;height:100%}}