.blog-layout{background:0 0;min-height:100vh;padding-top:80px}.blog-hero{max-width:var(--content-max);margin:0 auto;padding:clamp(120px,18vh,240px) 48px clamp(80px,10vh,160px)}.blog-hero-title{font-family:var(--serif);color:var(--white-bright);letter-spacing:-.03em;margin-bottom:24px;font-size:clamp(3rem,8vw,6rem);font-weight:400}.blog-hero-sub{font-family:var(--sans);color:var(--gray);max-width:480px;font-size:15px;font-weight:300}.blog-listing{max-width:var(--content-max);margin:0 auto;padding:0 48px clamp(100px,14vh,200px)}.blog-filters{border-bottom:1px solid var(--border);gap:24px;margin-bottom:48px;padding-bottom:24px;display:flex}.blog-filter-btn{font-family:var(--mono);letter-spacing:.2em;text-transform:uppercase;color:var(--gray-dim);cursor:pointer;transition:color .3s var(--ease);background:0 0;border:none;padding:0;font-size:10px}.blog-filter-btn:hover{color:var(--white)}.blog-filter-btn.active{color:var(--accent)}.blog-list-item{border-bottom:1px solid var(--border);transition:all .4s var(--ease);padding:32px 0;text-decoration:none;display:block}.blog-list-item:hover{padding-left:16px}.blog-list-item:hover .blog-list-title{color:var(--accent)}.blog-list-meta{gap:16px;margin-bottom:12px;display:flex}.blog-list-date,.blog-list-category{font-family:var(--mono);letter-spacing:.15em;color:var(--gray-dim);text-transform:uppercase;font-size:10px}.blog-list-title{font-family:var(--serif);color:var(--white-bright);transition:color .3s var(--ease);margin-bottom:8px;font-size:clamp(1.25rem,2.5vw,1.75rem);font-weight:400}.blog-list-desc{font-family:var(--sans);color:var(--gray);max-width:640px;font-size:15px;font-weight:300;line-height:1.6}.blog-list-read{font-family:var(--mono);color:var(--gray-dim);letter-spacing:.1em;margin-top:12px;font-size:10px;display:block}.blog-empty{font-family:var(--serif);color:var(--gray-dim);text-align:center;padding:80px 0;font-style:italic}.blog-progress{background:var(--accent);z-index:1000;height:2px;transition:width .1s linear;position:fixed;top:0;left:0}.blog-post{max-width:720px;margin:0 auto;padding:clamp(80px,12vh,160px) 48px clamp(100px,14vh,200px)}.blog-post-header{margin-bottom:64px}.blog-post-meta-row{font-family:var(--mono);letter-spacing:.15em;text-transform:uppercase;color:var(--gray-dim);gap:12px;margin-bottom:32px;font-size:10px;display:flex}.blog-post-title{font-family:var(--serif);color:var(--white-bright);letter-spacing:-.02em;margin-bottom:24px;font-size:clamp(2rem,5vw,3.5rem);font-weight:400;line-height:1.1}.blog-post-desc{font-family:var(--sans);color:var(--gray);font-size:clamp(16px,1.3vw,20px);font-weight:300;line-height:1.6}.blog-post-body{margin-bottom:64px}.blog-post-tags{border-top:1px solid var(--border);flex-wrap:wrap;gap:12px;padding:32px 0;display:flex}.blog-tag{font-family:var(--mono);letter-spacing:.15em;text-transform:uppercase;color:var(--gray-dim);border:1px solid var(--border);transition:all .3s var(--ease);padding:6px 12px;font-size:10px}.blog-tag:hover{color:var(--white);border-color:var(--border-active)}.blog-author{border-top:1px solid var(--border);align-items:baseline;gap:16px;padding:32px 0;display:flex}.blog-author-name{font-family:var(--serif);color:var(--white-bright);font-size:16px}.blog-author-role{font-family:var(--mono);letter-spacing:.15em;color:var(--gray-dim);text-transform:uppercase;font-size:10px}.blog-post-cta{text-align:center;border-top:1px solid var(--border);padding:80px 0}.blog-post-cta p{font-family:var(--sans);color:var(--gray-dim);margin-bottom:16px;font-size:15px}.cta-email{font-family:var(--mono);letter-spacing:.1em;color:var(--white-bright);border-bottom:1px solid var(--border);transition:border-color .3s var(--ease);font-size:13px;text-decoration:none}.cta-email:hover{border-color:var(--accent)}.blog-related{border-top:1px solid var(--border);max-width:720px;margin:0 auto;padding:0 48px 80px}.blog-related .label{font-family:var(--mono);letter-spacing:.2em;text-transform:uppercase;color:var(--gray-dim);margin:48px 0 32px;font-size:10px;display:block}.blog-related-list{flex-direction:column;display:flex}.blog-related-item{border-bottom:1px solid var(--border);transition:all .3s var(--ease);justify-content:space-between;align-items:center;padding:24px 0;text-decoration:none;display:flex}.blog-related-item:hover{padding-left:16px}.blog-related-item h3{font-family:var(--serif);color:var(--white-bright);transition:color .3s var(--ease);font-size:clamp(1rem,1.5vw,1.25rem);font-weight:400}.blog-related-item:hover h3{color:var(--accent)}.blog-content{font-family:var(--sans);color:var(--white);line-height:1.8}.blog-content h1{font-family:var(--serif);letter-spacing:-.02em;color:var(--white-bright);margin:64px 0 24px;font-size:clamp(2rem,5vw,3.5rem);font-weight:400;line-height:1.1}.blog-content h2{font-family:var(--serif);letter-spacing:-.02em;color:var(--white-bright);margin:56px 0 20px;font-size:clamp(1.5rem,3vw,2.25rem);font-weight:400;line-height:1.15}.blog-content h3{font-family:var(--serif);color:var(--white-bright);margin:40px 0 16px;font-size:clamp(1.25rem,2vw,1.5rem);font-weight:400;line-height:1.2}.blog-content p{color:var(--white);margin:20px 0;font-size:17px;line-height:1.8}.blog-content a{color:var(--white-bright);border-bottom:1px solid var(--border-active);transition:border-color .3s var(--ease);text-decoration:none}.blog-content a:hover{border-color:var(--accent)}.blog-content blockquote{border-left:2px solid var(--accent);font-family:var(--serif);color:var(--gray);margin:40px 0;padding:0 0 0 24px;font-style:italic}.blog-content code{font-family:var(--mono);background:var(--surface);border:1px solid var(--border);padding:.2em .4em;font-size:.85em}.blog-content pre{background:var(--surface);border:1px solid var(--border);margin:32px 0;padding:24px;overflow-x:auto}.blog-content pre code{background:0 0;border:none;padding:0}.blog-content ul,.blog-content ol{color:var(--white);margin:20px 0;padding-left:24px}.blog-content li{margin:8px 0;line-height:1.8}.blog-content img{border:1px solid var(--border);width:100%;height:auto;margin:40px 0}.blog-content hr{background:var(--border);border:none;height:1px;margin:56px 0}.anchor{opacity:0;transition:opacity .3s var(--ease);border:none;margin-left:8px;text-decoration:none}h1:hover .anchor,h2:hover .anchor,h3:hover .anchor{opacity:.5}.anchor:hover{opacity:.8!important}@media (max-width:768px){.blog-hero,.blog-listing{padding-left:24px;padding-right:24px}.blog-filters{flex-wrap:wrap;gap:16px}.blog-post,.blog-related{padding-left:24px;padding-right:24px}.blog-post-meta-row{flex-wrap:wrap}.blog-related-item{flex-direction:column;align-items:flex-start;gap:4px}}