article.svelte-8dd9by.svelte-8dd9by{position:relative;margin-bottom:2rem;transition:transform .3s ease}article.svelte-8dd9by.svelte-8dd9by:hover{transform:translate(-5px,-5px)}article.svelte-8dd9by .image-container.svelte-8dd9by{width:400px;height:220px;overflow:hidden;position:relative;transform:skew(10deg);margin-bottom:1rem}article.svelte-8dd9by .image-container.svelte-8dd9by:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:#0000001a;transition:background .3s ease}article.svelte-8dd9by .image-container.svelte-8dd9by img{width:120%;height:100%;-o-object-fit:cover;object-fit:cover;transform:skew(-10deg) scale(1.2);transition:transform .3s ease}article.svelte-8dd9by .image-container.svelte-8dd9by:hover:after{background:#0000}article.svelte-8dd9by .image-container.svelte-8dd9by:hover img{transform:skew(-10deg) scale(1.3)}article.svelte-8dd9by .content.svelte-8dd9by{padding:0 1rem}article.svelte-8dd9by .content h2.svelte-8dd9by{margin:0 0 .5rem;font-size:1.5rem;line-height:1.3}article.svelte-8dd9by .content a.svelte-8dd9by{text-decoration:none;color:inherit}article.svelte-8dd9by .content .meta.svelte-8dd9by{display:flex;justify-content:space-between;align-items:center}article.svelte-8dd9by .content .meta .category.svelte-8dd9by{text-transform:uppercase}@media (max-width: 768px){article.svelte-8dd9by .image-container.svelte-8dd9by{width:100%;height:180px}article.svelte-8dd9by .content.svelte-8dd9by{padding:0}}.category-filter.svelte-ebdht7{display:flex;flex-direction:column;gap:.5rem}@media (max-width: 768px){.category-filter.svelte-ebdht7{flex-direction:row;flex-wrap:wrap;margin-bottom:1rem}}.writing.svelte-m6bhup.svelte-m6bhup{margin:0 auto}.writing.svelte-m6bhup .writing-layout.svelte-m6bhup{display:flex;gap:2rem}.writing.svelte-m6bhup .writing-layout .filter-column.svelte-m6bhup{flex:0 0 250px}.writing.svelte-m6bhup .writing-layout .articles-column.svelte-m6bhup{flex:1}.writing.svelte-m6bhup .writing-layout .articles-column ul.svelte-m6bhup{list-style-type:none;padding:0;margin:0}.writing.svelte-m6bhup .writing-layout .articles-column ul li.svelte-m6bhup{width:100%;opacity:0;animation:svelte-m6bhup-heavyLoad 1s ease-out forwards;animation-delay:calc(var(--item-index, 0) * .3s)}@keyframes svelte-m6bhup-heavyLoad{0%{opacity:0;transform:translateY(30px) scale(.95)}50%{opacity:.5;transform:translateY(15px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width: 768px){.writing.svelte-m6bhup .writing-layout.svelte-m6bhup{flex-direction:column}.writing.svelte-m6bhup .writing-layout .filter-column.svelte-m6bhup{flex:0 0 auto}}