.blog-hero{text-align:center;padding:160px 24px 60px;position:relative;overflow:hidden}.blog-hero:before{content:"";pointer-events:none;background:0 0;width:600px;height:400px;position:absolute;top:-120px;left:50%;transform:translate(-50%)}.blog-hero h1{margin-bottom:16px;font-size:clamp(2.2rem,4vw,3.5rem);font-weight:700;line-height:1.15}.blog-hero .subtitle{font-family:var(--font-serif);color:var(--gray-500);max-width:520px;margin:0 auto;font-size:clamp(1rem,2vw,1.3rem);font-style:italic}.blog-section{max-width:calc(var(--container) + 220px);margin:0 auto;padding:0 110px 80px}.blog-sort{flex-wrap:wrap;justify-content:center;gap:10px;margin-bottom:40px;display:flex}.blog-sort-btn{border:1.5px solid var(--gray-200);background:var(--white);color:var(--gray-500);font-size:.82rem;font-weight:500;font-family:var(--font-sans);cursor:pointer;border-radius:999px;padding:8px 18px;transition:all .2s}.blog-sort-btn:hover{border-color:var(--gray-400);color:var(--black)}.blog-sort-btn.active{background:var(--black);color:var(--white);border-color:var(--black)}.blog-grid{grid-template-columns:repeat(3,1fr);gap:24px;margin-bottom:48px;display:grid}.blog-card{border:1px solid var(--gray-200);background:#fff;border-radius:20px;flex-direction:column;transition:transform .2s,box-shadow .2s;display:flex;overflow:hidden}.blog-card:hover{transform:translateY(-3px);box-shadow:0 12px 40px #00000017}.blog-img{aspect-ratio:16/9;background:var(--gray-100);flex-shrink:0;width:100%;overflow:hidden}.blog-img img{object-fit:cover;width:100%;height:100%;display:block}.blog-card-small .blog-img{aspect-ratio:16/9}.blog-card-body{flex-direction:column;flex:1;padding:22px 22px 24px;display:flex}.blog-meta{align-items:center;gap:10px;margin-bottom:10px;display:flex}.blog-tag{background:var(--gray-100);color:var(--gray-700);text-transform:uppercase;letter-spacing:.04em;border-radius:999px;padding:3px 10px;font-size:.7rem;font-weight:600}.blog-date{color:var(--gray-400);font-size:.75rem}.blog-card-body h3{margin-bottom:10px;font-size:1rem;font-weight:700;line-height:1.4}.blog-card-body p{color:var(--gray-500);flex:1;font-size:.82rem;line-height:1.6}.blog-read-more{color:var(--black);align-items:center;gap:5px;margin-top:16px;font-size:.8rem;font-weight:600;text-decoration:none;display:inline-flex}a.blog-card-link{color:inherit;min-width:0;text-decoration:none;display:flex}a.blog-card-link .blog-card{flex:1;width:100%}@media (max-width:1100px){.blog-section{padding:0 48px 80px}.blog-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.blog-hero{padding:120px 24px 40px}.blog-section{padding:0 24px 60px}.blog-grid{grid-template-columns:1fr}}