.posts-title.svelte-14e3xa9{margin-bottom:1em;font-weight:500;font-size:4rem}.post-item.svelte-14e3xa9{display:grid;grid-template-columns:1fr 1fr;margin-bottom:3rem}@media(min-width:768px){.post-item.svelte-14e3xa9{grid-template-columns:1fr 1fr 1fr}}.post-title-wrapper.svelte-14e3xa9{grid-column:span 2;margin-bottom:0}.post-title-link.svelte-14e3xa9{transition:color .15s ease;color:var(--color-text);font-weight:500;font-size:var(--content-font-size-heading-md);line-height:1;font-family:var(--font-serif)}@media(max-width:768px){.post-title-link.svelte-14e3xa9{font-size:1.75rem}}.post-title-link.svelte-14e3xa9:hover{color:var(--color-accent-strong)}.post-title-link.svelte-14e3xa9:active{color:var(--color-text-muted)}.post-subtitle.svelte-14e3xa9{grid-row-start:2;grid-column:span 2;margin:var(--space-2) 0 var(--space-4);max-width:var(--content-measure-subtitle);color:var(--color-text);font-style:italic;font-size:var(--content-font-size-body);line-height:1;text-wrap:balance}.post-date.svelte-14e3xa9{grid-row-start:3;color:var(--color-text-muted)}@media(min-width:768px){.post-date.svelte-14e3xa9{grid-row-start:1;grid-column-start:3}}.post-category-wrapper.svelte-14e3xa9{display:flex;grid-column-start:2;justify-content:flex-end}@media(min-width:768px){.post-category-wrapper.svelte-14e3xa9{grid-column-start:1;justify-content:flex-start}}.post-category.svelte-14e3xa9{color:var(--color-text-muted)}@media(max-width:768px){.post-category.svelte-14e3xa9{display:none}}.blog-page.svelte-1es0dbr{background-color:var(--color-bg);min-height:100vh}.opacity-0.svelte-1es0dbr{opacity:0}.blog-content.svelte-1es0dbr{display:flex;position:relative;justify-content:center;align-items:center;z-index:20;padding-top:5rem;padding-bottom:5rem;width:100%}.blog-wrapper.svelte-1es0dbr{position:relative;width:90%}.background-container.svelte-1es0dbr{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none}.background-container.svelte-1es0dbr .background-image{position:absolute;opacity:.1;z-index:10;width:100%;height:100%;object-fit:cover;object-position:right}@media(min-width:768px){.blog-wrapper.svelte-1es0dbr{left:2.5rem;width:60%}.background-container.svelte-1es0dbr .background-image{object-position:50% 35%}}