.blog-banner{position:relative;width:100%;min-height:220px;background:url(/images/blog/welcome-banner.png) center 40%/cover no-repeat;display:flex;align-items:center;justify-content:center;margin-top:4.5rem}.blog-banner-overlay{position:absolute;inset:0;background:linear-gradient(135deg,#0f2b3ce0,#195f73c7)}.blog-banner-content{position:relative;z-index:1;text-align:center;padding:2.5rem var(--space-md);max-width:620px}.blog-banner-content h1{font-family:var(--font-heading);font-size:clamp(1.5rem,3.5vw,2.125rem);color:#fff;margin-bottom:.625rem;line-height:1.25;letter-spacing:-.01em}.blog-banner-eyebrow{display:block;font-family:var(--font-body);font-size:.6875rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#ffffff8c;margin-bottom:.75rem}.blog-banner-rule{width:36px;height:2px;background:var(--color-accent);border:none;margin:.75rem auto .875rem}.blog-banner-content p{font-size:.9375rem;color:#ffffffc7;line-height:1.65;margin:0}.blog-section-label{display:flex;align-items:center;gap:.75rem;margin-bottom:1.25rem;margin-top:var(--space-md)}.blog-section-label span{font-family:var(--font-body);font-size:.6875rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--color-text-light)}.blog-section-label:after{content:"";flex:1;height:1px;background:#0f2b3c1a}.blog-hero-card{display:grid;grid-template-columns:1fr 1.1fr;background:var(--color-surface);border-radius:var(--radius-md);overflow:hidden;box-shadow:var(--shadow-md);text-decoration:none;color:inherit;border:1px solid rgba(15,43,60,.06);transition:box-shadow var(--transition-normal),transform var(--transition-normal);margin-bottom:var(--space-md)}.blog-hero-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-3px)}.blog-hero-image-wrap{overflow:hidden;position:relative}.blog-hero-image{width:100%;height:100%;min-height:260px;max-height:300px;object-fit:cover;display:block;transition:transform .6s var(--ease-out-expo)}.blog-hero-card:hover .blog-hero-image{transform:scale(1.04)}.blog-hero-content{padding:2rem 2.25rem;display:flex;flex-direction:column;justify-content:center;gap:.75rem}.blog-featured-eyebrow{font-family:var(--font-body);font-size:.625rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--color-accent)}.blog-hero-content h2{font-family:var(--font-heading);font-size:clamp(1.25rem,2.2vw,1.625rem);line-height:1.28;color:var(--color-primary);margin:0;letter-spacing:-.01em}.blog-hero-content p{font-size:.9rem;color:var(--color-text-light);line-height:1.7;margin:0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.blog-hero-cta{display:inline-flex;align-items:center;gap:.375rem;font-family:var(--font-body);font-size:.8125rem;font-weight:600;color:var(--color-secondary);margin-top:.25rem;letter-spacing:.01em}.blog-hero-cta svg{transition:transform var(--transition-fast)}.blog-hero-card:hover .blog-hero-cta svg{transform:translate(3px)}.blog-grid-label{display:flex;align-items:center;gap:.75rem;margin-bottom:1.25rem}.blog-grid-label span{font-family:var(--font-body);font-size:.6875rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--color-text-light)}.blog-grid-label:after{content:"";flex:1;height:1px;background:#0f2b3c1a}.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;padding-bottom:var(--space-md)}.blog-card{background:var(--color-surface);border-radius:var(--radius-md);overflow:hidden;border:1px solid rgba(15,43,60,.06);box-shadow:var(--shadow-sm);text-decoration:none;color:inherit;display:flex;flex-direction:column;transition:box-shadow var(--transition-normal),transform var(--transition-normal),border-color var(--transition-normal)}.blog-card:hover{box-shadow:var(--shadow-md);transform:translateY(-4px);border-color:#6b8f7140}.blog-card-image-wrap{overflow:hidden;position:relative}.blog-card-image{width:100%;height:158px;object-fit:cover;display:block;transition:transform .5s var(--ease-out-expo)}.blog-card:hover .blog-card-image{transform:scale(1.05)}.blog-card-image-placeholder{width:100%;height:158px;background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-secondary) 100%);display:flex;align-items:center;justify-content:center}.blog-card-image-placeholder span{font-size:1.75rem;opacity:.2;color:#fff}.blog-card-body{padding:1.125rem 1.25rem 1.375rem;display:flex;flex-direction:column;flex:1;gap:.375rem}.blog-card-body h3{font-family:var(--font-heading);font-size:1.0625rem;line-height:1.32;color:var(--color-primary);margin:0;letter-spacing:-.005em}.blog-card-body p{font-size:.8375rem;color:var(--color-text-light);line-height:1.62;margin:0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.blog-meta{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem .625rem;font-family:var(--font-body);font-size:.775rem;color:var(--color-text-light);margin-bottom:.5rem}.blog-meta time{opacity:.75}.blog-category{display:inline-flex;align-items:center;font-family:var(--font-body);font-size:.6875rem;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--color-secondary);background:var(--color-secondary-light);padding:.175rem .55rem;border-radius:var(--radius-full)}.blog-reading-time{opacity:.6;font-size:.75rem}.blog-meta-dot{width:3px;height:3px;border-radius:50%;background:#596b7a66;display:inline-block}.blog-pagination{display:flex;justify-content:center;align-items:center;gap:var(--space-sm);margin-top:var(--space-lg)}.blog-pagination a,.blog-pagination span{font-family:var(--font-body);font-size:.875rem;font-weight:600;padding:.5rem 1rem;border-radius:var(--radius-sm);text-decoration:none;transition:background-color var(--transition-fast),color var(--transition-fast)}.blog-pagination a{color:var(--color-primary);background:var(--color-surface);box-shadow:var(--shadow-sm)}.blog-pagination a:hover,.blog-pagination .current{background:var(--color-primary);color:var(--color-text-inverse)}.blog-post-header{max-width:720px;margin:0 auto var(--space-md);text-align:center}.blog-post-header h1{font-size:clamp(1.75rem,4vw,2.5rem);color:var(--color-primary);margin-bottom:var(--space-xs)}.blog-post-header .blog-meta{justify-content:center}.blog-post-hero-image{width:100%;max-height:480px;object-fit:cover;border-radius:var(--radius-md);margin-bottom:var(--space-md)}.blog-prose{max-width:720px;margin:0 auto;font-size:1.0625rem;line-height:1.8;color:var(--color-text)}.blog-prose h2{font-size:1.5rem;color:var(--color-primary);margin:var(--space-md) 0 var(--space-sm);padding-top:var(--space-sm);border-top:1px solid rgba(15,43,60,.08)}.blog-prose h3{font-size:1.25rem;color:var(--color-primary);margin:var(--space-sm) 0 var(--space-xs)}.blog-prose p{margin-bottom:var(--space-sm)}.blog-prose ul,.blog-prose ol{margin-bottom:var(--space-sm);padding-left:1.5rem}.blog-prose li{margin-bottom:.375rem}.blog-prose blockquote{border-left:3px solid var(--color-accent);padding:var(--space-xs) var(--space-sm);margin:var(--space-sm) 0;background:#d4853d0f;border-radius:0 var(--radius-sm) var(--radius-sm) 0;font-style:italic;color:var(--color-text-light)}.blog-prose a{color:var(--color-accent);text-decoration:underline;text-underline-offset:2px;transition:color var(--transition-fast)}.blog-prose a:hover{color:var(--color-accent-hover)}.blog-prose img{max-width:100%;height:auto;border-radius:var(--radius-sm);margin:var(--space-sm) 0}.blog-prose table{width:100%;border-collapse:collapse;margin:var(--space-sm) 0;font-size:.9375rem}.blog-prose th,.blog-prose td{padding:.625rem .875rem;text-align:left;border-bottom:1px solid rgba(15,43,60,.1)}.blog-prose th{font-weight:600;color:var(--color-primary);background:#0f2b3c08}.blog-prose code{font-size:.875em;background:#0f2b3c0f;padding:.15em .4em;border-radius:4px}.blog-prose pre{background:var(--color-primary);color:var(--color-text-inverse);padding:var(--space-sm);border-radius:var(--radius-sm);overflow-x:auto;margin:var(--space-sm) 0}.blog-prose pre code{background:none;padding:0;color:inherit}.blog-post-footer{max-width:720px;margin:var(--space-lg) auto 0;padding-top:var(--space-md);border-top:1px solid rgba(15,43,60,.1)}.blog-post-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:var(--space-md)}.blog-tag{font-size:.75rem;font-weight:500;color:var(--color-primary);background:#0f2b3c0f;padding:.25rem .75rem;border-radius:var(--radius-full);text-decoration:none;transition:background-color var(--transition-fast)}.blog-tag:hover{background:#0f2b3c1f}.blog-empty{text-align:center;padding:var(--space-xl) var(--space-md)}.blog-empty h2{color:var(--color-primary);margin-bottom:var(--space-xs)}.blog-empty p{color:var(--color-text-light)}@media(max-width:960px){.blog-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:680px){.blog-banner{min-height:180px}.blog-hero-card{grid-template-columns:1fr}.blog-hero-image{min-height:200px;max-height:220px}.blog-hero-content{padding:1.375rem 1.25rem 1.5rem}.blog-hero-content h2{font-size:1.25rem}.blog-grid{grid-template-columns:1fr;gap:1rem}}