.blog-hero{background:linear-gradient(135deg, var(--color-dark) 0%, #2c2f30 100%);padding:8rem 0 var(--space-3xl);position:relative;overflow:hidden}.blog-hero:before{content:"";pointer-events:none;background:radial-gradient(#50c0af0f 0%,#0000 70%);width:50%;height:100%;position:absolute;top:0;right:-10%}.blog-hero h1{color:var(--color-white);margin-bottom:var(--space-sm)}.blog-hero p{color:#fff9;max-width:520px;font-size:1.1rem;line-height:1.7}.blog-categories{gap:var(--space-xs);margin-top:var(--space-lg);flex-wrap:wrap;display:flex}.blog-cat-pill{border-radius:var(--radius-full);font-size:.8125rem;font-weight:500;font-family:var(--font-body);color:#fff9;cursor:pointer;background:#ffffff14;border:1px solid #ffffff1a;padding:.4rem 1rem;text-decoration:none;transition:all .25s;display:inline-block}.blog-cat-pill:hover,.blog-cat-pill.active{color:var(--color-teal);background:#50c0af26;border-color:#50c0af4d}.blog-featured{gap:var(--space-2xl);margin-bottom:var(--space-2xl);padding-bottom:var(--space-2xl);border-bottom:1px solid #eef0f2;grid-template-columns:1.2fr 1fr;align-items:center;display:grid}.blog-featured-img{aspect-ratio:4/3;border-radius:var(--radius-xl);position:relative;overflow:hidden}.blog-featured-img img{object-fit:cover;width:100%;height:100%;transition:transform .7s cubic-bezier(.22,1,.36,1)}.blog-featured:hover .blog-featured-img img{transform:scale(1.03)}.blog-featured-content{flex-direction:column;display:flex}.blog-featured-label{text-transform:uppercase;letter-spacing:.12em;color:var(--color-teal);margin-bottom:var(--space-sm);font-size:.6875rem;font-weight:700}.blog-featured-content h2{font-size:var(--text-h2);color:var(--color-dark);margin-bottom:var(--space-md);font-weight:800;line-height:1.15;transition:color .25s}.blog-featured:hover .blog-featured-content h2{color:var(--color-teal)}.blog-featured-content p{color:var(--color-dim);margin-bottom:var(--space-md);line-height:1.7}.blog-featured-meta{align-items:center;gap:var(--space-sm);font-size:var(--text-small);color:var(--color-dim);display:flex}.blog-featured-meta .meta-sep{color:var(--color-light-gray)}.blog-grid{gap:var(--space-lg);grid-template-columns:repeat(3,1fr);display:grid}.blog-card{background:var(--color-white);border-radius:var(--radius-lg);color:inherit;border:1px solid #eef0f2;flex-direction:column;text-decoration:none;transition:transform .35s cubic-bezier(.22,1,.36,1),box-shadow .35s,border-color .3s;display:flex;overflow:hidden}.blog-card:hover{box-shadow:var(--shadow-light);border-color:var(--color-teal);transform:translateY(-4px)}.blog-card-img{aspect-ratio:3/2;background:#f0f2f4;position:relative;overflow:hidden}.blog-card-img img{object-fit:cover;width:100%;height:100%;transition:transform .5s cubic-bezier(.22,1,.36,1)}.blog-card:hover .blog-card-img img{transform:scale(1.05)}.blog-card-img .blog-card-placeholder{width:100%;height:100%;color:var(--color-light-gray);justify-content:center;align-items:center;display:flex}.blog-card-body{padding:var(--space-md) var(--space-md) var(--space-lg);flex-direction:column;flex:1;display:flex}.blog-card-cats{margin-bottom:var(--space-xs);flex-wrap:wrap;gap:.35rem;display:flex}.blog-card-cat{text-transform:uppercase;letter-spacing:.08em;color:var(--color-teal);font-size:.6875rem;font-weight:600}.blog-card-body h3{font-family:var(--font-heading);color:var(--color-dark);margin-bottom:var(--space-xs);font-size:1.125rem;font-weight:700;line-height:1.3;transition:color .25s}.blog-card:hover .blog-card-body h3{color:var(--color-teal)}.blog-card-body p{color:var(--color-dim);margin-bottom:var(--space-sm);-webkit-line-clamp:3;-webkit-box-orient:vertical;font-size:.875rem;line-height:1.65;display:-webkit-box;overflow:hidden}.blog-card-date{color:var(--color-light-gray);margin-top:auto;font-size:.75rem;font-weight:500}.blog-post-header{padding:8rem 0 var(--space-2xl);background:var(--color-white)}.blog-post-back{font-size:var(--text-small);color:var(--color-dim);margin-bottom:var(--space-lg);align-items:center;gap:.35rem;font-weight:500;text-decoration:none;transition:color .2s;display:inline-flex}.blog-post-back:hover{color:var(--color-teal)}.blog-post-cats{margin-bottom:var(--space-md);flex-wrap:wrap;gap:.5rem;display:flex}.blog-post-cat{color:var(--color-teal);border-radius:var(--radius-full);letter-spacing:.04em;background:#50c0af1a;padding:.3rem .85rem;font-size:.75rem;font-weight:600;display:inline-block}.blog-post-header h1{font-size:var(--text-display);letter-spacing:-.02em;color:var(--color-dark);margin-bottom:var(--space-md);max-width:800px;font-weight:800;line-height:1.08}.blog-post-meta{font-size:var(--text-small);color:var(--color-dim);flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.blog-post-meta .meta-sep{color:var(--color-light-gray)}.blog-post-hero{width:100%;max-width:900px;margin:0 auto var(--space-2xl);aspect-ratio:16/9;border-radius:var(--radius-xl);position:relative;overflow:hidden}.blog-post-body{padding-bottom:var(--space-3xl)}.prose-light h2{font-family:var(--font-heading);font-size:var(--text-h3);color:var(--color-dark);margin-top:var(--space-2xl);margin-bottom:var(--space-md);font-weight:700;line-height:1.25}.prose-light h3{font-family:var(--font-heading);font-size:var(--text-h4);color:var(--color-dark);margin-top:var(--space-xl);margin-bottom:var(--space-sm);font-weight:700}.prose-light h4{font-family:var(--font-heading);color:var(--color-dark);margin-top:var(--space-lg);margin-bottom:var(--space-sm);font-size:1.125rem;font-weight:700}.prose-light p{color:var(--color-text);margin-bottom:var(--space-md);font-size:1.0625rem;line-height:1.8}.prose-light blockquote{margin:var(--space-lg) 0;padding:var(--space-sm) 0 var(--space-sm) var(--space-lg);border-left:3px solid var(--color-teal);color:var(--color-dim);font-style:italic}.prose-light a{color:var(--color-teal);text-underline-offset:3px;-webkit-text-decoration:underline #50c0af66;text-decoration:underline #50c0af66;transition:text-decoration-color .2s}.prose-light a:hover{-webkit-text-decoration-color:var(--color-teal);text-decoration-color:var(--color-teal)}.prose-light strong{color:var(--color-dark);font-weight:700}.prose-light ul,.prose-light ol{margin-left:var(--space-lg);margin-bottom:var(--space-md)}.prose-light ul{list-style:outside}.prose-light ol{list-style:decimal}.prose-light li{color:var(--color-text);margin-bottom:var(--space-xs);font-size:1.0625rem;line-height:1.75}.prose-light figure{margin:var(--space-xl) 0}.prose-light figure img{border-radius:var(--radius-lg)}.prose-light figcaption{text-align:center;font-size:var(--text-small);color:var(--color-dim);margin-top:var(--space-xs)}.prose-light code{color:var(--color-teal);border-radius:var(--radius-sm);background:#50c0af14;padding:.15rem .4rem;font-size:.9em}.prose-light pre{background:var(--color-dark);border-radius:var(--radius-lg);padding:var(--space-md);margin:var(--space-lg) 0;overflow-x:auto}.prose-light pre code{color:#ffffffe6;background:0 0;padding:0}@media (max-width:991px){.blog-featured{gap:var(--space-lg);grid-template-columns:1fr}.blog-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:767px){.blog-hero{padding:6rem 0 var(--space-xl)}.blog-grid{grid-template-columns:1fr;max-width:480px;margin:0 auto}.blog-featured{grid-template-columns:1fr}.blog-card:hover{transform:none}.blog-post-header{padding:6rem 0 var(--space-lg)}.blog-post-header h1{font-size:var(--text-h1)}}