.blog-hero{padding:80px 0 60px;text-align:center;position:relative;overflow:hidden}.blog-hero__inner{max-width:720px;margin:0 auto}.blog-hero h1{font-size:clamp(40px,5.4vw,68px);font-weight:900;line-height:1.05;letter-spacing:-.02em;color:var(--ink-900);margin:28px 0 24px}.blog-hero p{font-size:18px;font-weight:600;color:var(--ink-700);line-height:1.6;max-width:560px;margin:0 auto}.blog-grid-section{padding:40px 0 100px}.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.blog-card{background:var(--ink-0);border:1.5px solid rgba(40,40,40,.08);border-radius:var(--radius-2xl);overflow:hidden;transition:transform var(--duration) var(--ease),box-shadow var(--duration) var(--ease);text-decoration:none;display:flex;flex-direction:column}.blog-card:hover{transform:translateY(-4px);box-shadow:0 20px 40px #28282814}.blog-card__cover{width:100%;aspect-ratio:16 / 9;object-fit:cover;background:var(--ink-100)}.blog-card__cover--placeholder{display:flex;align-items:center;justify-content:center;background:var(--brand-bg-soft);color:var(--brand-500);font-size:32px;font-weight:900}.blog-card__body{padding:28px;flex:1;display:flex;flex-direction:column}.blog-card__date{font-size:12px;font-weight:700;color:var(--ink-500);text-transform:uppercase;letter-spacing:.04em;margin-bottom:12px}.blog-card__title{font-size:20px;font-weight:900;color:var(--ink-900);line-height:1.25;margin-bottom:12px}.blog-card__excerpt{font-size:14px;font-weight:600;color:var(--ink-700);line-height:1.55;flex:1}.blog-card__read{display:inline-flex;align-items:center;gap:6px;font-size:14px;font-weight:800;color:var(--brand-500);margin-top:16px}.blog-card:hover .blog-card__read{text-decoration:underline}.blog-empty{text-align:center;padding:80px 0}.blog-empty p{font-size:18px;font-weight:600;color:var(--ink-500)}.blog-pagination{display:flex;justify-content:center;gap:8px;margin-top:48px}.blog-pagination__btn{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:var(--radius-md);font-size:14px;font-weight:800;color:var(--ink-700);background:var(--ink-100);border:none;cursor:pointer;transition:background var(--duration) var(--ease),color var(--duration) var(--ease)}.blog-pagination__btn:hover{background:var(--brand-bg-soft);color:var(--brand-500)}.blog-pagination__btn--active{background:var(--brand-gradient);color:#fff}.blog-loading{text-align:center;padding:60px 0;font-size:16px;font-weight:600;color:var(--ink-500)}@media (max-width: 1024px){.blog-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 640px){.blog-grid{grid-template-columns:1fr}}