.blog-page{overflow-x:hidden}.blog-hero{background:linear-gradient(135deg,var(--color-primary) 0,var(--color-secondary) 100%);color:var(--color-white);padding:var(--spacing-xlarge) 0;text-align:center}.blog-hero h1{color:var(--color-white);font-size:3rem;font-weight:var(--font-bold);margin-bottom:var(--spacing-large)}.hero-description{font-size:1.25rem;line-height:1.6;margin:0 auto var(--spacing-xlarge) auto;max-width:700px;opacity:.9}.newsletter-signup-hero{backdrop-filter:blur(10px);background:hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.2);border-radius:var(--radius-lg);margin-left:auto;margin-right:auto;margin-top:var(--spacing-xlarge);max-width:600px;padding:var(--spacing-xlarge)}.newsletter-signup-hero h3{color:var(--color-white);font-size:1.75rem;font-weight:var(--font-bold);margin-bottom:var(--spacing-medium)}.newsletter-description{color:hsla(0,0%,100%,.9);font-size:1rem;line-height:1.6;margin-bottom:var(--spacing-large)}.newsletter-form{align-items:center;display:flex;gap:var(--spacing-medium);justify-content:center;margin:0 auto;max-width:450px}.newsletter-input{backdrop-filter:blur(10px);background:hsla(0,0%,100%,.1);border:2px solid hsla(0,0%,100%,.2);border-radius:var(--radius-full);color:var(--color-white);flex:1;font-size:1rem;padding:1rem 1.5rem;transition:all var(--transition-base)}.newsletter-input::placeholder{color:hsla(0,0%,100%,.7)}.newsletter-input:focus{background:hsla(0,0%,100%,.15);border-color:var(--color-white);outline:none}.newsletter-form .btn{border-radius:var(--radius-full);font-weight:var(--font-medium);padding:1rem 2rem;transition:all var(--transition-base);white-space:nowrap}.btn-white{background:var(--color-white);border:2px solid var(--color-white);color:var(--color-primary)}.btn-white:hover{background:transparent;border-color:var(--color-white);color:var(--color-white)}.featured-post{background-color:var(--color-light);padding:var(--spacing-xlarge) 0}.featured-content{align-items:start;display:grid;gap:var(--spacing-xlarge);grid-template-columns:1fr 1fr}.featured-image{border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);height:400px;overflow:hidden;position:relative}.featured-image img{height:100%;object-fit:cover;object-position:center;width:100%}.featured-image .placeholder-image{align-items:center;background:linear-gradient(135deg,#f0f0f0,#e0e0e0);color:var(--color-secondary);display:flex;font-size:1rem;font-weight:var(--font-medium);height:100%;justify-content:center;width:100%}.featured-image .placeholder-image:before{content:"Featured Article Image"}.featured-label{background:var(--color-tertiary);border-radius:var(--radius-sm);color:var(--color-white);display:inline-block;font-size:.8rem;font-weight:var(--font-medium);letter-spacing:.5px;padding:var(--spacing-xs) var(--spacing-sm);text-transform:uppercase}.image-badges{display:flex;gap:8px;left:16px;position:absolute;top:16px}.category-chip{background:#f8f8fa;border-radius:9999px;color:var(--color-primary);display:inline-block;font-size:.8rem;font-weight:var(--font-medium);margin-bottom:var(--spacing-sm);padding:6px 10px}.featured-text h2{color:var(--color-primary);font-size:2rem;font-weight:var(--font-bold);line-height:1.3;margin-bottom:var(--spacing-medium)}.featured-excerpt{color:var(--text-dark);font-size:1.1rem;line-height:1.7}.featured-excerpt,.post-meta{margin-bottom:var(--spacing-large)}.post-meta{color:var(--color-secondary);display:flex;font-size:.9rem;gap:var(--spacing-medium)}.post-author,.post-date{font-weight:var(--font-medium)}.blog-posts{background-color:var(--color-white);padding:var(--spacing-xlarge) 0}.blog-content .container .posts-grid,.blog-posts .container .posts-grid{display:grid!important;gap:2rem!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;margin-top:3rem!important;width:100%!important}.blog-card,.posts-grid{min-width:0}.posts-grid--2cols{grid-template-columns:repeat(2,minmax(0,1fr))!important}.posts-grid--3cols{grid-template-columns:repeat(3,minmax(0,1fr))!important}.posts-grid--4cols{grid-template-columns:repeat(4,minmax(0,1fr))!important}.blog-page .blog-content .container .posts-grid,.blog-page .blog-posts .container .posts-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important}@media (min-width:769px){.blog-page .blog-content .container .posts-grid,.blog-page .blog-posts .container .posts-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important}}.blog-card{background:var(--color-white);border:1px solid rgba(0,0,0,.05);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);display:flex;flex-direction:column;height:100%;overflow:hidden;transition:transform var(--transition-base),box-shadow var(--transition-base)}.blog-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-6px)}.blog-image{background:var(--color-light);flex-shrink:0;height:240px;overflow:hidden;position:relative}.blog-image img{height:100%;object-fit:cover;object-position:center;transition:transform var(--transition-slow);width:100%}.category-pill{background:hsla(0,0%,100%,.92);border-radius:9999px;box-shadow:0 2px 6px rgba(0,0,0,.08);color:var(--color-primary);font-size:.75rem;font-weight:var(--font-medium);left:12px;padding:6px 10px;position:absolute;top:12px}.blog-card:hover .blog-image img{transform:scale(1.05)}.blog-image .placeholder-image{align-items:center;background:linear-gradient(135deg,var(--color-light) 0,#e0e0e0 100%);color:var(--color-secondary);display:flex;font-size:.9rem;font-weight:var(--font-medium);height:100%;justify-content:center;width:100%}.blog-image .placeholder-image:before{content:"Blog Post Image"}.blog-content{display:flex;flex-direction:column;flex-grow:1;padding:var(--spacing-large)}.blog-content h3{color:var(--color-primary);font-size:1.2rem;font-weight:var(--font-semibold);line-height:1.4;-webkit-line-clamp:2}.blog-content h3,.blog-content p{display:-webkit-box;margin-bottom:var(--spacing-medium);-webkit-box-orient:vertical;overflow:hidden}.blog-content p{color:var(--text-dark);flex-grow:1;font-size:.95rem;line-height:1.6;-webkit-line-clamp:4}.blog-content .post-meta{border-top:1px solid var(--color-light);font-size:.85rem;justify-content:space-between;margin-bottom:var(--spacing-medium);margin-top:auto;padding-top:var(--spacing-sm)}.read-time{color:var(--color-secondary);font-weight:var(--font-medium)}.post-meta .icon-calendar,.post-meta .icon-clock{color:var(--color-secondary);height:16px;width:16px}.post-meta .meta-date,.post-meta .read-time{align-items:center;display:flex;gap:6px}.read-more-button{border:2px solid var(--color-primary);border-radius:var(--radius-sm);color:var(--color-primary);display:block;font-weight:var(--font-medium);padding:.75rem 1rem;text-align:center;text-decoration:none;transition:all var(--transition-base);width:100%}.read-more-button:hover{background:var(--color-primary);color:#fff}@media (max-width:768px){.blog-hero{padding:var(--spacing-large) 0}.blog-hero h1{font-size:2.5rem;margin-bottom:var(--spacing-medium)}.blog-posts,.featured-post{padding:var(--spacing-large) 0}.featured-content{gap:var(--spacing-large);grid-template-columns:1fr}.featured-image{height:auto;order:-1}.featured-image img{aspect-ratio:16/9;height:auto}.featured-text h2{font-size:1.5rem}.featured-excerpt{font-size:1rem}.blog-content .container .posts-grid,.blog-content .container .posts-grid.posts-grid--2cols,.blog-content .container .posts-grid.posts-grid--3cols,.blog-content .container .posts-grid.posts-grid--4cols,.blog-posts .container .posts-grid,.blog-posts .container .posts-grid.posts-grid--2cols,.blog-posts .container .posts-grid.posts-grid--3cols,.blog-posts .container .posts-grid.posts-grid--4cols{gap:var(--spacing-medium)!important;grid-template-columns:1fr!important}.blog-image{height:auto}.blog-image img{aspect-ratio:16/9;height:auto}.read-more-button{height:44px}}@media (max-width:480px){.blog-hero h1{font-size:2rem}.blog-content{padding:var(--spacing-medium)}.blog-content h3{font-size:1.1rem}.blog-image,.featured-image{height:auto}.featured-image img{aspect-ratio:16/9;height:auto}.featured-text h2{font-size:1.3rem}.post-meta{flex-direction:column;gap:var(--spacing-xs)}.blog-content .container .posts-grid,.blog-posts .container .posts-grid{gap:var(--spacing-medium)!important;grid-template-columns:1fr!important}}.no-posts-message{grid-column:1/-1;padding:3rem 0;text-align:center}.no-posts-message p{color:var(--color-text-secondary);font-size:1.2rem;margin-bottom:2rem}.no-posts-message .button{background-color:var(--color-primary);border-radius:5px;color:var(--color-white);display:inline-block;padding:.75rem 2rem;text-decoration:none;transition:background-color .3s ease}.no-posts-message .button:hover{background-color:var(--color-primary-dark)}