.blog-grid.svelte-1jt8mlb{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px 20px;row-gap:32px;margin:32px 0 60px;@media (max-width: 1200px){grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;row-gap:28px}@media (max-width: 768px){grid-template-columns:1fr;gap:12px;row-gap:24px}}.blog-post.svelte-1jt8mlb{display:flex;flex-direction:column;height:100%;background:var(--bg-color-lighter);border:1px solid rgba(255,255,255,.1);border-radius:4px;transition:all .3s ease;overflow:hidden;&:hover{border-color:var(--royale-blue);box-shadow:0 4px 20px #0000001a;.read-more:where(.svelte-1jt8mlb) .arrow-wrapper:where(.svelte-1jt8mlb){transform:translate(4px)}}.image-wrapper:where(.svelte-1jt8mlb){width:100%;height:200px;position:relative;img:where(.svelte-1jt8mlb){width:100%;height:100%;object-fit:cover}}.content:where(.svelte-1jt8mlb){flex:1;display:flex;flex-direction:column;padding:20px;gap:12px;.meta:where(.svelte-1jt8mlb){display:flex;align-items:center;gap:8px;color:var(--text-secondary);font-size:14px;.date:where(.svelte-1jt8mlb){display:flex;align-items:center;gap:6px}}.title:where(.svelte-1jt8mlb){font-size:18px;font-weight:600;color:var(--font-white);line-height:1.4}p:where(.svelte-1jt8mlb){font-size:15px;line-height:1.6;color:var(--text-secondary);display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;margin:0}.read-more:where(.svelte-1jt8mlb){margin-top:auto;padding-top:16px;display:flex;align-items:center;gap:8px;color:var(--royale-blue);font-weight:500;font-size:14px;.arrow-wrapper:where(.svelte-1jt8mlb){display:inline-flex;transition:transform .3s ease}}}}.featured-post.svelte-1jt8mlb{margin:40px 0 60px;@media (max-width: 768px){margin:40px 0}}.featured-post-card.svelte-1jt8mlb{display:grid;grid-template-columns:1.5fr 1fr;gap:32px;background:var(--bg-color-lighter);border:1px solid rgba(255,255,255,.1);border-radius:4px;padding:32px;transition:all .3s ease;&:hover{background:var(--bg-color-lightest);border-color:var(--royale-blue);.read-more:where(.svelte-1jt8mlb) .arrow-wrapper:where(.svelte-1jt8mlb){transform:translate(4px)}}.image-wrapper:where(.svelte-1jt8mlb){position:relative;width:100%;height:400px;img:where(.svelte-1jt8mlb){width:100%;height:100%;object-fit:cover;border-radius:4px}.image-overlay:where(.svelte-1jt8mlb){position:absolute;inset:0;border-radius:4px}}.content:where(.svelte-1jt8mlb){display:flex;flex-direction:column;justify-content:center;.date:where(.svelte-1jt8mlb){font-size:14px;font-weight:500;color:#a1a1aa}.title:where(.svelte-1jt8mlb){font-size:24px;font-weight:600;margin:16px 0;color:#fafafa;line-height:var(--line-height-tight)}p:where(.svelte-1jt8mlb){font-size:16px;line-height:var(--line-height-relaxed);margin:0 0 24px;color:var(--text-secondary)}.read-more:where(.svelte-1jt8mlb){display:flex;align-items:center;gap:8px;font-weight:500;font-size:14px;color:var(--royale-blue);margin-top:auto;.arrow-wrapper:where(.svelte-1jt8mlb){display:inline-flex;transition:transform .3s ease}}}@media (max-width: 992px){grid-template-columns:1fr;gap:24px;padding:24px;.image-wrapper:where(.svelte-1jt8mlb){height:300px}}@media (max-width: 768px){padding:20px;.image-wrapper:where(.svelte-1jt8mlb){height:240px}.content:where(.svelte-1jt8mlb){.title:where(.svelte-1jt8mlb){font-size:20px;margin:12px 0}p:where(.svelte-1jt8mlb){font-size:14px;margin-bottom:20px}}}}.recent-posts.svelte-1jt8mlb{margin:0 0 60px;h2:where(.svelte-1jt8mlb){font-size:24px}}h1.svelte-1jt8mlb,h2.svelte-1jt8mlb{color:var(--font-white);margin-bottom:24px}.blog-header.svelte-1jt8mlb{background:linear-gradient(to right,var(--bg-color-lighter),var(--bg-color-light));padding:32px 0;margin-bottom:40px;border-bottom:1px solid rgba(255,255,255,.1);position:relative;overflow:hidden}.header-content.svelte-1jt8mlb{display:flex;justify-content:space-between;align-items:center;gap:32px}.title-section.svelte-1jt8mlb{flex:1}.blog-header.svelte-1jt8mlb h1:where(.svelte-1jt8mlb){font-size:36px;margin:0 0 8px;color:var(--font-white);position:relative}.blog-header.svelte-1jt8mlb p:where(.svelte-1jt8mlb){font-size:16px;color:var(--text-secondary);max-width:600px;margin:0;position:relative}@media (max-width: 768px){.blog-header.svelte-1jt8mlb{padding:24px 0;margin-bottom:32px}.header-content.svelte-1jt8mlb{flex-direction:column;gap:16px}.blog-header.svelte-1jt8mlb h1:where(.svelte-1jt8mlb){font-size:28px;margin-bottom:4px}.blog-header.svelte-1jt8mlb p:where(.svelte-1jt8mlb){font-size:14px}}.section-header.svelte-1jt8mlb{display:flex;align-items:center;gap:16px;margin-bottom:32px;h2:where(.svelte-1jt8mlb){margin:0;white-space:nowrap}.header-line:where(.svelte-1jt8mlb){height:1px;background:linear-gradient(to right,var(--royale-blue),rgba(255,255,255,.1));flex:1}}.image-wrapper.svelte-1jt8mlb{position:relative;.image-overlay:where(.svelte-1jt8mlb){position:absolute;inset:0;background:linear-gradient(to bottom,transparent 0%,transparent 50%,rgba(0,0,0,.1) 100%);border-radius:4px;transition:background .3s ease}}.blog-post.svelte-1jt8mlb:hover .image-overlay:where(.svelte-1jt8mlb),.featured-post-card.svelte-1jt8mlb:hover .image-overlay:where(.svelte-1jt8mlb){background:linear-gradient(to bottom,transparent 0%,transparent 50%,rgba(0,0,0,.2) 100%)}.meta.svelte-1jt8mlb{display:flex;align-items:center;gap:16px;color:var(--text-secondary);font-size:14px;.date:where(.svelte-1jt8mlb){display:flex;align-items:center;gap:6px;svg{font-size:12px}}}
