.blog-hero-section{padding:var(--sp-16) 0 var(--sp-12);background:var(--white)}.blog-hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:48px;align-items:center}.blog-hero-image{width:100%;overflow:hidden;border-radius:var(--r-xl);box-shadow:var(--shadow-card);background:var(--off-white)}.hero-post-img{width:100%;height:400px;object-fit:cover;display:block;transition:transform var(--t-slow)}.blog-hero-grid:hover .hero-post-img{transform:scale(1.03)}.blog-hero-content{display:flex;flex-direction:column;align-items:flex-start}.blog-badge{background:#247fdb14;color:var(--brand);font-weight:var(--weight-bold);font-size:11px;padding:6px 12px;border-radius:var(--r-sm);text-transform:uppercase;letter-spacing:.08em;margin-bottom:var(--sp-4)}.blog-hero-title{font-family:var(--font-headings);font-size:38px;font-weight:var(--weight-extrabold);line-height:var(--leading-tight);color:var(--ink);margin-bottom:var(--sp-4);letter-spacing:-.02em}.blog-hero-excerpt{font-size:16px;line-height:var(--leading-normal);color:var(--ink-60);margin-bottom:var(--sp-6)}.post-meta{display:flex;align-items:center;gap:12px}.author-avatar{width:44px;height:44px;border-radius:var(--r-full);background:var(--brand);color:var(--white);display:flex;align-items:center;justify-content:center;font-weight:var(--weight-bold);font-size:var(--text-md)}.author-avatar-sm{width:32px;height:32px;border-radius:var(--r-full);background:var(--brand);color:var(--white);display:flex;align-items:center;justify-content:center;font-weight:var(--weight-bold);font-size:var(--text-xs)}.meta-info{display:flex;flex-direction:column}.meta-author{font-weight:var(--weight-bold);color:var(--ink);font-size:14px;line-height:1.2}.meta-date{font-size:12px;color:var(--ink-40);margin-top:2px}.blog-list-section{padding:var(--sp-16) 0}.section-title-wrap{margin-bottom:var(--sp-10)}.section-heading{font-family:var(--font-headings);font-size:26px;font-weight:var(--weight-bold);color:var(--ink);margin-bottom:8px;letter-spacing:-.01em}.section-subtext{font-size:16px;color:var(--ink-60);margin:0}.border-top{border-top:1px solid var(--ink-10)}.blog-card{display:flex;flex-direction:column;padding:0;overflow:hidden;background:var(--white);border:1px solid var(--ink-10);border-radius:var(--r-xl);transition:transform var(--t-base),box-shadow var(--t-base),border-color var(--t-base)}.blog-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-hover);border-color:var(--ink-20)}.blog-card-image{position:relative;width:100%;aspect-ratio:16/10;overflow:hidden;background:var(--off-white)}.card-img{width:100%;height:100%;object-fit:cover;display:block;transition:transform var(--t-slow)}.blog-card:hover .card-img{transform:scale(1.04)}.blog-badge-abs{position:absolute;top:16px;left:16px;background:#0a1628c2;backdrop-filter:blur(4px);color:var(--white);font-weight:var(--weight-bold);font-size:9px;padding:4px 8px;border-radius:var(--r-sm);text-transform:uppercase;letter-spacing:.08em;z-index:5}.blog-card-content{padding:var(--sp-6);display:flex;flex-direction:column;flex-grow:1}.blog-card-title{font-family:var(--font-headings);font-size:19px;font-weight:var(--weight-bold);line-height:1.35;color:var(--ink);margin-bottom:var(--sp-3);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:52px}.blog-card-excerpt{font-size:16px;line-height:1.5;color:var(--ink-60);margin-bottom:var(--sp-6);flex-grow:1;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.section-footer-link{display:flex;justify-content:flex-start;margin-top:var(--sp-8)}.view-all-link{font-weight:var(--weight-bold);color:var(--brand);text-decoration:none;font-size:16px;transition:color var(--t-fast)}.view-all-link:hover{color:var(--brand-dark);text-decoration:underline}.all-stories-section{padding:var(--sp-16) 0}.stories-list{display:flex;flex-direction:column;gap:0;margin-bottom:var(--sp-12)}.story-list-item{display:grid;grid-template-columns:1fr auto;gap:var(--sp-8);padding:var(--sp-6) 0;border-bottom:1px solid var(--ink-10);align-items:center}.story-list-left{display:flex;flex-direction:column;align-items:flex-start}.story-list-date{font-size:13px;color:var(--ink-40);margin-bottom:8px}.story-list-title{font-family:var(--font-headings);font-size:20px;font-weight:var(--weight-bold);margin-bottom:8px}.story-title-link{color:var(--ink);text-decoration:none;transition:color var(--t-fast)}.story-title-link:hover{color:var(--brand)}.post-title-link{color:var(--ink);text-decoration:none;transition:color var(--t-fast)}.post-title-link:hover{color:var(--brand)}.story-list-excerpt{font-size:16px;color:var(--ink-60);line-height:1.5;margin:0}.story-list-badge{background:var(--off-white);color:var(--ink-80);font-weight:var(--weight-semibold);font-size:11px;padding:6px 12px;border-radius:var(--r-sm);border:1px solid var(--ink-10);text-transform:uppercase;letter-spacing:.05em}.pagination{display:flex;justify-content:center;align-items:center;gap:8px}.page-num{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:var(--r-md);border:1px solid var(--ink-10);color:var(--ink-80);text-decoration:none;font-weight:var(--weight-semibold);font-size:14px;transition:all var(--t-fast)}.page-num:hover,.page-num.active{background:var(--brand);color:var(--white);border-color:var(--brand)}.page-dots{color:var(--ink-40);font-size:14px;padding:0 4px}.page-next{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:var(--r-md);border:1px solid var(--ink-10);color:var(--ink-80);text-decoration:none;transition:all var(--t-fast)}.page-next:hover{background:var(--brand);color:var(--white);border-color:var(--brand)}@media(max-width:992px){.blog-hero-grid{grid-template-columns:1fr;gap:var(--sp-8)}.hero-post-img{height:300px}.blog-hero-title{font-size:30px}}@media(max-width:768px){.story-list-item{grid-template-columns:1fr;gap:var(--sp-3);align-items:flex-start}.story-list-right{order:-1}}
