.blog-card{background:0 0;border:1px solid #0000;border-radius:12px;flex-direction:column;transition:border-color .2s,background-color .2s,box-shadow .2s;display:flex;overflow:hidden}.blog-card:hover{border-color:var(--border-color);background-color:#ffffff80;box-shadow:0 4px 20px #0000000f}.blog-card-image{aspect-ratio:16/9;border-radius:8px;width:calc(100% - 1.5rem);margin:.75rem .75rem 0;position:relative;overflow:hidden}.blog-card-image img{transition:transform .3s}.blog-card:hover .blog-card-image img{transform:scale(1.02)}.blog-card-image-placeholder{background:linear-gradient(135deg,var(--sage-green)0%,#a8c4a0 50%,#8fb087 100%);width:100%;height:100%}.blog-card-content{flex-direction:column;flex-grow:1;padding:1rem 1.25rem 1.25rem;display:flex}.blog-card-category{letter-spacing:.08em;text-transform:uppercase;color:var(--gray-text);margin-bottom:.5rem;font-size:.7rem;font-weight:500;display:inline-block}.blog-card-title{color:var(--dark-text);margin-bottom:.75rem;font-family:ClashGrotesk,sans-serif;font-size:1.35rem;font-weight:500;line-height:1.3}.blog-card-excerpt{color:var(--gray-text);-webkit-line-clamp:3;-webkit-box-orient:vertical;flex-grow:1;font-size:.95rem;line-height:1.6;display:-webkit-box;overflow:hidden}.blog-card-meta{border-top:1px solid var(--border-color);color:var(--gray-text);align-items:center;gap:.5rem;margin-top:1rem;padding-top:1rem;font-size:.85rem;display:flex}.blog-card-author{color:var(--dark-text);font-weight:500}.blog-card-separator{opacity:.5}.blog-card-date{color:var(--gray-text)}@media (max-width:768px){.blog-card-title{font-size:1.2rem}.blog-card-content{padding:1rem}.blog-card-image{width:calc(100% - 1rem);margin:.5rem}}
.blog-hero{text-align:center;padding:8rem 2rem 4rem}.blog-hero-container{max-width:800px;margin:0 auto}.blog-hero-title{color:var(--dark-text);margin-bottom:1rem;font-size:3.5rem;font-weight:500;line-height:1.1}.blog-hero-subtitle{color:var(--gray-text);max-width:600px;margin:0 auto;font-size:1.15rem;line-height:1.6}.blog-list{padding:2rem 2rem 6rem}.blog-list-container{max-width:1000px;margin:0 auto}.blog-grid{grid-template-columns:repeat(2,1fr);gap:2rem;padding:2rem 2.5rem 0;display:grid;position:relative}.blog-grid:before{content:"";background-color:var(--border-color);z-index:0;height:1px;position:absolute;top:0;left:-3rem;right:-3rem}.blog-grid-line-left,.blog-grid-line-center,.blog-grid-line-right{background-color:var(--border-color);z-index:0;pointer-events:none;width:1px;position:absolute;top:0;bottom:-2rem}.blog-grid-line-left{left:2.5rem}.blog-grid-line-center{left:50%;transform:translate(-50%)}.blog-grid-line-right{right:2.5rem}.blog-grid-marker{border:1px solid var(--border-color);background-color:var(--paper-bg);z-index:2;width:7px;height:7px;position:absolute}.blog-grid-marker.top-left{top:0;left:2.5rem;transform:translate(-50%,-50%)}.blog-grid-marker.top-center{top:0;left:50%;transform:translate(-50%,-50%)}.blog-grid-marker.top-right{top:0;right:2.5rem;transform:translate(50%,-50%)}@media (max-width:768px){.blog-hero{padding:6rem 1.5rem 3rem}.blog-hero-title{font-size:2.25rem}.blog-hero-subtitle{font-size:1rem}.blog-list{padding:1.5rem 1.5rem 4rem}.blog-grid{grid-template-columns:1fr;gap:1.5rem}.blog-grid:before,.blog-grid-line-left,.blog-grid-line-center,.blog-grid-line-right,.blog-grid-marker{display:none}.blog-grid{padding:0}}