.blog-container{max-width:1200px;margin:0 auto;padding:2rem;padding-top:120px}.blog-intro{text-align:left;font-size:1.2rem;color:#666;margin-bottom:3rem}.blog-posts{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:2rem;margin-top:2rem}.blog-post-card{background:#fff;border-radius:12px;box-shadow:0 4px 6px rgba(0,0,0,.1);overflow:hidden;transition:transform .3s ease,box-shadow .3s ease;display:flex;flex-direction:column}.blog-post-card:hover{transform:translateY(-5px);box-shadow:0 8px 12px rgba(0,0,0,.15)}.blog-post-image{width:100%;height:200px;overflow:hidden;background-color:#f0f0f0}.blog-post-image img{width:100%;height:100%;object-fit:cover;display:block}.blog-post-content{padding:1.5rem;flex-grow:1;display:flex;flex-direction:column}.blog-post-title{font-size:1.4rem;margin:0 0 .75rem;color:#333;line-height:1.3}.blog-post-excerpt{font-size:1rem;color:#666;margin-bottom:1rem;line-height:1.6;flex-grow:1}.blog-post-meta{display:flex;justify-content:space-between;align-items:center;margin-top:auto;margin-bottom:1rem;font-size:.9rem;color:#888}.blog-post-date{display:flex;align-items:center;gap:.5rem}.blog-post-date svg{width:16px;height:16px}.blog-post-category{background:#f0f0f0;padding:.25rem .75rem;border-radius:15px;font-size:.8rem;color:#666}.read-more{display:inline-block;background:#000;color:#fff;padding:.75rem 1.5rem;border-radius:25px;text-decoration:none;font-weight:500;transition:background-color .3s ease}.read-more:hover{background:#333}.blog-post{max-width:1200px;margin:0 auto}.blog-post-intro{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:start;margin-bottom:3rem}.blog-post-header{text-align:left;margin-bottom:2rem}.blog-post-header h1{font-size:2.5rem;margin-bottom:1rem;line-height:1.2}.blog-post-meta-full{margin-bottom:2rem}.blog-post-featured-image{width:100%;height:600px;overflow:hidden;border-radius:12px;box-shadow:0 4px 6px rgba(0,0,0,.1);background:#f5f5f5}.blog-post-featured-image img{width:100%;height:100%;object-fit:cover}.blog-post-intro-content{font-size:1.2rem;line-height:1.8;color:#333}.blog-post-content-full{font-size:1.1rem;line-height:1.8;color:#333}.blog-post-content-full p{margin-bottom:1.5rem}.blog-post-content-full h2{font-size:1.8rem;margin:2rem 0 1rem}.blog-post-content-full h3{font-size:1.4rem;margin:1.5rem 0 1rem}.blog-post-content-full ol,.blog-post-content-full ul{margin:1rem 0;padding-left:2rem}.blog-post-content-full li{margin-bottom:.5rem}@media (max-width:768px){.blog-post-intro{grid-template-columns:1fr;gap:2rem}.blog-post-header{text-align:center}.blog-post-featured-image{height:400px}.blog-container{padding:1rem}.blog-posts{grid-template-columns:1fr}.blog-post-header h1{font-size:2rem}.blog-post-content-full{font-size:1rem}}.loading{text-align:center;padding:40px;color:#999;opacity:0;animation:fadeIn .3s ease forwards;min-height:200px;display:flex;align-items:center;justify-content:center}.blog-post-card:first-child{animation-delay:.1s}.blog-post-card:nth-child(2){animation-delay:.2s}.blog-post-card:nth-child(3){animation-delay:.3s}@keyframes fadeIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}*{backface-visibility:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{overflow-y:scroll}.blog-post-card:hover .blog-post-image img{transform:scale(1.05)}.blog-navigation{margin-top:3rem;margin-bottom:2rem}.blog-navigation.top-nav{margin-top:0;margin-bottom:2rem}.back-to-blog{display:inline-flex;align-items:center;color:#333;text-decoration:none;font-weight:500;transition:color .3s ease;gap:.5rem}.back-to-blog svg{transition:transform .3s ease}.back-to-blog:hover{color:#ff6b6b}.back-to-blog:hover svg{transform:translateX(-5px)}