*,*:before,*:after{padding:0;margin:0;box-sizing:border-box}.section-hero{width:100%;height:40vh;position:relative}.section-hero img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;filter:brightness(70%) contrast(90%)}.section-hero .content{width:100%;height:40vh;color:#fff;padding:1rem;display:flex;justify-content:center;align-items:center;position:absolute;top:0}:root{--card-bg: #fff;--card-shadow: 0 4px 12px rgba(0, 0, 0, .08);--card-hover-shadow: 0 6px 16px rgba(0, 0, 0, .12);--text-primary: #1a202c;--text-secondary: #5a677d;--border-radius-md: 10px;--transition-fast: .2s ease-in-out}.section-blog{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(340px,100%),1fr));gap:1.5rem;padding:1rem;width:100%;box-sizing:border-box}@media (max-width: 768px){.section-blog{grid-template-columns:1fr;gap:1rem;padding:.75rem}}@media (min-width: 769px) and (max-width: 1024px){.section-blog{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}}@media (min-width: 1025px){.section-blog{grid-template-columns:repeat(auto-fit,minmax(340px,1fr));max-width:1280px;margin:0 auto}}.blog-card{background:var(--card-bg);border-radius:var(--border-radius-md);box-shadow:var(--card-shadow);transition:transform var(--transition-fast),box-shadow var(--transition-fast);overflow:hidden;display:flex;flex-direction:column;position:relative;width:100%;max-width:100%;box-sizing:border-box;min-height:300px;border:1px solid transparent;word-wrap:break-word;overflow-wrap:break-word}@media (max-width: 768px){.blog-card{border-radius:8px;margin:0}}.blog-card *{box-sizing:border-box}.blog-card-debug{border:2px solid #ff0000!important}.blog-card:hover{box-shadow:var(--card-hover-shadow)}.blog-card .img{aspect-ratio:16 / 9}.blog-card .img img{width:100%;-o-object-fit:cover;object-fit:cover}.blog-card .content{padding:1.5rem;display:flex;flex-direction:column;flex-grow:1}.blog-card h2,.blog-card p{margin:0}.blog-card .title h2{font-size:1.25rem;line-height:1.3;margin-bottom:.75rem}.blog-card .title a{color:var(--text-primary);text-decoration:none;position:relative;z-index:1}.blog-card .title a:hover{text-decoration:underline}.blog-card .description p{color:var(--text-secondary);line-height:1.6}.blog-card .meta-data{padding:1rem 1.5rem;margin-top:auto;border-top:1px solid #eef2f7;font-size:.875rem;color:var(--text-secondary)}.blog-card .card-link:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}