.blog-intro{max-width:60ch;margin:2rem auto clamp(3rem,2rem + 3vw,4.5rem) auto;padding:0 1.5rem}.blog-intro-title{font-family:var(--font-display);font-weight:700;font-size:clamp(2.5rem,1.5rem + 4vw,4.5rem);line-height:1.05;letter-spacing:-.02em;color:var(--ink-primary);margin:0 0 1rem}.blog-intro-lede{font-size:clamp(1.125rem,1rem + .5vw,1.375rem);line-height:1.5;color:var(--ink-muted);margin:0}.blog-content-wrap{max-width:var(--container-max, 1200px);margin:0 auto;padding:0 1.5rem}.blog-search-wrap{max-width:28rem;margin:0 auto 1.5rem}.blog-search-inner{position:relative}.blog-search-icon{position:absolute;left:1rem;top:50%;transform:translateY(-50%);width:1rem;height:1rem;color:var(--ink-muted);opacity:.5;pointer-events:none}.blog-search-input{width:100%;border-radius:1.5rem;border:1px solid color-mix(in oklch,var(--color-navy-200) 40%,transparent);background:var(--surface-canvas);padding:.75rem 1rem .75rem 2.75rem;font-size:var(--text-small);color:var(--ink-primary);outline:none;transition:border-color .15s ease,box-shadow .15s ease;box-shadow:0 1px 3px #0000000a}.blog-search-input::placeholder{color:var(--ink-muted);opacity:.5}.blog-search-input:focus{border-color:var(--color-amber);box-shadow:0 0 0 3px color-mix(in oklch,var(--color-amber) 15%,transparent)}.blog-filters{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.5rem;margin-bottom:2.5rem}.blog-filter-chip{display:inline-flex;align-items:center;padding:.375rem .875rem;border:1px solid color-mix(in oklch,var(--color-navy-200) 50%,transparent);border-radius:999px;font-size:var(--text-small);font-weight:500;color:var(--ink-muted);cursor:pointer;transition:all .15s ease;background:transparent}.blog-filter-chip:hover,.blog-filter-chip[aria-pressed=true]{border-color:var(--color-amber);color:var(--color-amber);background:color-mix(in oklch,var(--color-amber) 8%,transparent)}.blog-featured{display:grid;gap:2rem;max-width:var(--container-max, 1200px);margin:0 auto 4rem;text-decoration:none}@media(min-width:768px){.blog-featured{grid-template-columns:5fr 4fr;align-items:center}}.blog-featured-media{position:relative;aspect-ratio:16 / 10;border-radius:1.25rem;overflow:hidden;background:var(--surface-elevated)}.blog-featured-media img{width:100%;height:100%;object-fit:cover}.blog-featured-media-placeholder{position:absolute;inset:0;background:radial-gradient(circle at 30% 30%,color-mix(in oklch,var(--color-amber) 30%,transparent) 0%,transparent 60%),linear-gradient(135deg,var(--surface-ink),color-mix(in oklch,var(--surface-ink) 70%,var(--color-amber)))}.blog-featured-title{font-family:var(--font-display);font-weight:700;font-size:clamp(1.75rem,1.25rem + 2vw,2.5rem);line-height:1.1;letter-spacing:-.015em;color:var(--ink-primary);margin:.75rem 0;transition:color .15s ease}.blog-featured:hover .blog-featured-title{color:var(--color-amber)}.blog-featured-desc{font-size:1.125rem;line-height:1.55;color:var(--ink-muted);margin:0 0 1rem}.blog-grid-section{max-width:var(--container-max, 1200px);margin:0 auto;padding:0 0 4rem}.blog-grid{display:grid;gap:2rem}@media(min-width:640px){.blog-grid{grid-template-columns:1fr 1fr}}@media(min-width:1024px){.blog-grid{grid-template-columns:1fr 1fr 1fr}}.blog-card{display:flex;flex-direction:column;padding:0;border:1px solid color-mix(in oklch,var(--color-navy-200) 40%,transparent);border-radius:1rem;background:var(--surface-canvas);text-decoration:none;overflow:hidden;transition:border-color .28s ease,transform .28s cubic-bezier(.16,1,.3,1),box-shadow .28s ease}.blog-card:hover{border-color:color-mix(in oklch,var(--color-amber) 40%,transparent);transform:translateY(-3px);box-shadow:0 12px 32px color-mix(in oklch,var(--color-navy-900) 12%,transparent)}.blog-card[hidden]{display:none!important}.blog-card-media{position:relative;aspect-ratio:16 / 9;overflow:hidden;background:color-mix(in oklch,var(--color-navy-900) 10%,var(--surface-canvas))}.blog-card-img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s cubic-bezier(.16,1,.3,1)}.blog-card:hover .blog-card-img{transform:scale(1.04)}.blog-card-body{padding:1.5rem;display:flex;flex-direction:column;flex:1}.blog-card-tags{display:flex;gap:.5rem;margin-bottom:.75rem;flex-wrap:wrap}.blog-card-tag{font-size:.625rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--color-amber);padding:.125rem .5rem;background:color-mix(in oklch,var(--color-amber) 10%,transparent);border-radius:999px}.blog-card-title{font-family:var(--font-display);font-size:1.125rem;font-weight:600;line-height:1.25;color:var(--ink-primary);margin:0 0 .5rem;transition:color .15s ease}.blog-card:hover .blog-card-title{color:var(--color-amber)}.blog-card-desc{font-size:var(--text-small);line-height:1.5;color:var(--ink-muted);margin:0 0 1rem;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.blog-card-meta{display:flex;gap:.5rem;font-size:.75rem;color:var(--ink-muted);flex-wrap:wrap}.blog-empty{border-radius:1.5rem;background:var(--surface-canvas);border:1px solid color-mix(in oklch,var(--color-navy-200) 40%,transparent);padding:4rem 2rem;text-align:center}.blog-empty-icon{width:4rem;height:4rem;border-radius:1rem;background:color-mix(in oklch,var(--color-amber) 10%,transparent);display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem;color:var(--color-amber)}.blog-empty-icon svg{width:2rem;height:2rem}.blog-empty-text{font-size:1.125rem;color:var(--ink-muted);margin:0}.blog-cta-wrap{max-width:var(--container-max, 1200px);margin:0 auto;padding:0 1.5rem 2rem}.blog-cta-card{border-radius:1.25rem;border:1px solid color-mix(in oklch,var(--color-amber) 20%,transparent);background:color-mix(in oklch,var(--color-amber) 5%,transparent);padding:1.5rem;display:flex;flex-direction:column;gap:1.5rem}@media(min-width:640px){.blog-cta-card{flex-direction:row;align-items:center}}.blog-cta-body{flex:1}.blog-cta-title{font-family:var(--font-display);font-weight:700;font-size:.875rem;color:var(--ink-primary);margin:0 0 .25rem}.blog-cta-sub{font-size:var(--text-small);color:var(--ink-muted);margin:0}.blog-cta-actions{display:flex;gap:.5rem;flex-shrink:0;flex-wrap:wrap}.blog-cta-btn-primary{border-radius:.75rem;background:var(--color-amber);padding:.625rem 1.25rem;font-size:var(--text-small);font-weight:600;color:var(--ink-inverse);text-decoration:none;transition:opacity .15s ease}.blog-cta-btn-primary:hover{opacity:.85}.blog-cta-btn-secondary{border-radius:.75rem;border:1px solid color-mix(in oklch,var(--color-amber) 30%,transparent);padding:.625rem 1.25rem;font-size:var(--text-small);font-weight:600;color:var(--color-amber);text-decoration:none;transition:background .15s ease}.blog-cta-btn-secondary:hover{background:color-mix(in oklch,var(--color-amber) 8%,transparent)}