:root{--white: #faf9f7;--black: #1e1c19;--grey-light: #dedad4;--grey-mid: #a8a298;--grey-dark: #716b62;--grey-black: #46413a;--surface-1: #f2efeb;--surface-2: #e6e2dc;--info: oklch(42.453% .24955 269.04);--shimmer: oklch(70% .02 70 / .35);--br: 12px;--padding: 14px;--box-shadow: rgba(30, 28, 25, .06) 0px 4px 8px;--overlay-box-shadow: rgba(30, 28, 25, .14) 0px 10px 28px}:root.dark{--white: #141310;--black: #eae7e2;--grey-light: #222019;--grey-mid: #38352e;--grey-dark: #9e9a92;--grey-black: #c6c2ba;--surface-1: #191714;--surface-2: #282520;--info: oklch(62% .2 269.04);--shimmer: oklch(70% .02 70 / .2);--box-shadow: rgba(0, 0, 0, .2) 0px 4px 8px;--overlay-box-shadow: rgba(0, 0, 0, .42) 0px 10px 28px}.blog.svelte-8fdu19{opacity:0;transform:translateY(24px);transition:opacity .6s cubic-bezier(.16,1,.3,1),transform .6s cubic-bezier(.16,1,.3,1)}.blog.visible.svelte-8fdu19{opacity:1;transform:translateY(0)}.hero.svelte-8fdu19{display:flex;flex-direction:column;align-items:center;text-align:center;padding:calc(var(--padding) * 10) calc(var(--padding) * 3) calc(var(--padding) * 5)}@media(max-width:768px){.hero.svelte-8fdu19{padding:calc(var(--padding) * 3) calc(var(--padding) * 2) calc(var(--padding) * 3)}}.pill.svelte-8fdu19{display:inline-flex;align-items:center;gap:5px;padding:5px 14px;font-size:.75rem;font-weight:600;letter-spacing:.03em;color:var(--info);background:color-mix(in oklch,var(--info) 12%,transparent);border:1.5px solid color-mix(in oklch,var(--info) 25%,transparent);border-radius:999px;margin-bottom:calc(var(--padding) * 1.5)}h1.svelte-8fdu19{font-size:clamp(1.75rem,3.5vw,2.5rem);font-weight:600;line-height:1.35;letter-spacing:-.015em}.bold.svelte-8fdu19{color:var(--black)}.soft.svelte-8fdu19{color:var(--grey-dark)}.featured.svelte-8fdu19{max-width:1080px;margin:0 auto;padding:0 calc(var(--padding) * 3)}@media(max-width:768px){.featured.svelte-8fdu19{padding:0 calc(var(--padding) * 2)}}.featured-card.svelte-8fdu19{display:grid;grid-template-columns:3fr 4fr;border-radius:calc(var(--br) * 1.25);overflow:hidden;text-decoration:none;opacity:0;transform:translateY(16px);transition:opacity .6s cubic-bezier(.16,1,.3,1) .15s,transform .6s cubic-bezier(.16,1,.3,1) .15s,background .2s ease}.visible.svelte-8fdu19 .featured-card:where(.svelte-8fdu19){opacity:1;transform:translateY(0)}.featured-card.svelte-8fdu19:hover{background:var(--surface-1)}.featured-card.svelte-8fdu19:hover .read-more:where(.svelte-8fdu19){color:var(--black);gap:calc(var(--padding) * .6)}.featured-card.svelte-8fdu19:hover .featured-visual:where(.svelte-8fdu19){border-color:color-mix(in oklch,var(--info) 40%,var(--grey-light))}@media(max-width:768px){.featured-card.svelte-8fdu19{grid-template-columns:1fr}}.featured-visual.svelte-8fdu19{display:flex;flex-direction:column;justify-content:space-between;gap:calc(var(--padding) * 2);padding:calc(var(--padding) * 2.5);background:color-mix(in oklch,var(--info) 6%,var(--surface-1));border:1px solid color-mix(in oklch,var(--info) 20%,var(--grey-light));border-radius:calc(var(--br) * 1.25);transition:border-color .2s ease}@media(max-width:768px){.featured-visual.svelte-8fdu19{border-radius:calc(var(--br) * 1.25) calc(var(--br) * 1.25) 0 0}}.featured-icon.svelte-8fdu19 svg{color:var(--info)}.featured-headline.svelte-8fdu19{display:flex;flex-direction:column;gap:6px}.featured-tag.svelte-8fdu19{font-size:.75rem;font-weight:600;color:var(--info);text-transform:uppercase;letter-spacing:.04em}.featured-title.svelte-8fdu19{font-size:clamp(1.5rem,2.5vw,2rem);font-weight:700;color:var(--black);line-height:1.2;letter-spacing:-.02em;text-wrap:balance}.featured-body.svelte-8fdu19{padding:calc(var(--padding) * 2.5) calc(var(--padding) * 3);display:flex;flex-direction:column;justify-content:center;gap:calc(var(--padding) * .75)}@media(max-width:768px){.featured-body.svelte-8fdu19{padding:calc(var(--padding) * 2)}}.featured-meta.svelte-8fdu19{font-size:.75rem;color:var(--grey-dark)}.featured-body.svelte-8fdu19 p:where(.svelte-8fdu19){font-size:.875rem;color:var(--grey-dark);line-height:1.7;margin:0}.featured-footer.svelte-8fdu19{display:flex;align-items:center;justify-content:space-between;gap:var(--padding);margin-top:calc(var(--padding) * .5)}.author-line.svelte-8fdu19{display:flex;align-items:center;gap:8px}.author-line.svelte-8fdu19 picture{width:26px;height:26px}.author-line.svelte-8fdu19 .author-name:where(.svelte-8fdu19){font-size:.875rem}.posts.svelte-8fdu19{max-width:820px;margin:0 auto;padding:calc(var(--padding) * 6) calc(var(--padding) * 3) calc(var(--padding) * 10);display:flex;flex-direction:column;gap:calc(var(--padding) * 2)}@media(max-width:768px){.posts.svelte-8fdu19{padding:calc(var(--padding) * 4) calc(var(--padding) * 2) calc(var(--padding) * 6)}}.card.svelte-8fdu19{display:flex;flex-direction:column;gap:calc(var(--padding) * .75);background:var(--surface-1);border:1px solid var(--grey-light);border-radius:var(--br);box-shadow:var(--box-shadow);padding:calc(var(--padding) * 2.5);text-decoration:none;opacity:0;transform:translateY(12px);transition:opacity .5s cubic-bezier(.16,1,.3,1),transform .5s cubic-bezier(.16,1,.3,1),box-shadow .25s ease,border-color .25s ease}.visible.svelte-8fdu19 .card:where(.svelte-8fdu19){opacity:1;transform:translateY(0)}.card.svelte-8fdu19:hover{box-shadow:var(--overlay-box-shadow);border-color:var(--grey-mid)}.card.svelte-8fdu19:hover .read-more:where(.svelte-8fdu19){color:var(--black);gap:calc(var(--padding) * .6)}.card-meta.svelte-8fdu19{display:flex;align-items:center;gap:calc(var(--padding) * .5);font-size:.75rem;color:var(--grey-dark)}.dot.svelte-8fdu19{width:3px;height:3px;border-radius:50%;background:var(--grey-mid)}.card-meta.svelte-8fdu19 picture{width:20px;height:20px}picture img{width:100%;height:100%;border-radius:50%;object-fit:cover}.author-name.svelte-8fdu19{font-weight:500;color:var(--black)}.card.svelte-8fdu19 h2:where(.svelte-8fdu19){font-size:1.5rem;font-weight:600;color:var(--black);margin:0;line-height:1.3}.card.svelte-8fdu19 p:where(.svelte-8fdu19){font-size:.875rem;color:var(--grey-dark);line-height:1.6;margin:0}.read-more.svelte-8fdu19{display:inline-flex;align-items:center;gap:calc(var(--padding) * .35);font-size:.875rem;font-weight:500;color:var(--grey-dark);margin-top:calc(var(--padding) * .5);transition:color .25s ease,gap .25s cubic-bezier(.16,1,.3,1)}
