.blog-page{padding:var(--spacing-2xl) 0}.blog-header{border-bottom:var(--border-width) solid var(--color-border);margin-bottom:var(--spacing-2xl);padding-bottom:var(--spacing-lg)}.blog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));grid-gap:var(--spacing-lg);gap:var(--spacing-lg);border-top:var(--border-width) solid var(--color-border)}.blog-card{display:flex;flex-direction:column;border-bottom:var(--border-width) solid var(--color-border);border-right:var(--border-width) solid var(--color-border);padding:var(--spacing-lg);transition:background .2s;background:transparent}.blog-card:hover{background:var(--color-dark-gray);transform:none}.blog-image{width:100%;height:240px;background-color:var(--color-gray-800);margin-bottom:var(--spacing-md);filter:grayscale(100%);transition:filter .2s;display:flex;align-items:center;justify-content:center}.blog-image span{font-family:var(--font-display);font-weight:900;font-size:3rem;color:rgba(255,255,255,.1);letter-spacing:.5em;transform:rotate(-10deg);-webkit-user-select:none;-moz-user-select:none;user-select:none}.blog-card:hover .blog-image{filter:grayscale(0)}.blog-card:hover .blog-meta{align-items:center;font-size:.85rem;color:var(--color-white)}.blog-card:hover .blog-meta,.blog-meta{display:flex;gap:var(--spacing-sm);font-family:var(--font-display);font-weight:700;letter-spacing:.1em;margin-bottom:var(--spacing-sm)}.blog-meta{font-size:.75rem;color:var(--color-accent);text-transform:uppercase}.blog-card-title,.blog-header h1{color:var(--color-white)}.blog-card-title{font-size:1.75rem;line-height:1.1;margin-bottom:var(--spacing-md)}.blog-excerpt{font-family:var(--font-sans);color:var(--color-slate-300);font-size:1rem;margin-bottom:var(--spacing-lg);flex-grow:1}.btn-link{font-family:var(--font-display);text-transform:uppercase;font-weight:700;font-size:.875rem;letter-spacing:.1em}.post-container{max-width:1180px;background:var(--color-black);padding:var(--spacing-3xl);border:var(--border-width) solid var(--color-border);border-radius:var(--border-radius-lg);color:var(--color-white);--color-text-header:var(--color-white)}.post-header{border-bottom:var(--border-width) solid var(--color-border);padding-bottom:var(--spacing-xl);margin-bottom:var(--spacing-xl)}.post-title{font-size:3.5rem}.post-body{font-size:1.25rem;line-height:1.6}