.blog-page{background-color:var(--bone);min-height:100vh;font-family:Inter Tight,Inter,-apple-system,sans-serif}.content-section{max-width:1000px;margin:0 auto;padding:60px 48px 100px}.content-container{border-top:1px solid var(--fog);padding-top:60px}.page-title{color:var(--black);letter-spacing:-.03em;margin:0 0 16px;font-size:48px;font-weight:300;line-height:1.1}.tags-filter{border-bottom:1px solid var(--fog);flex-wrap:wrap;gap:8px;margin-bottom:40px;padding-bottom:24px;display:flex}.tag-btn{letter-spacing:.1em;text-transform:uppercase;border:1px solid var(--fog);color:var(--graphite);cursor:pointer;background:0 0;border-radius:2px;padding:8px 16px;font-family:Inter Tight,Inter,sans-serif;font-size:11px;font-weight:500;transition:all .2s}.tag-btn:hover{border-color:var(--black);color:var(--black)}.tag-btn.active{background:var(--black);border-color:var(--black);color:var(--bone)}.blog-grid{flex-direction:column;gap:24px;display:flex}.blog-card{background:var(--white);border:1px solid var(--fog);text-decoration:none;transition:all .2s;display:block;overflow:hidden}.blog-card:hover{border-color:var(--black);transform:translateY(-2px)}.blog-card-image{background-color:#000;width:100%;height:200px;overflow:hidden}.blog-card-image img{object-fit:cover;width:100%;height:100%;transition:transform .3s}.blog-card:hover .blog-card-image img{transform:scale(1.02)}.blog-card-video{background-color:#000;width:100%;height:200px;position:relative;overflow:hidden}.blog-card-video video{object-fit:cover;width:100%;height:100%}.video-play-icon{width:48px;height:48px;color:var(--black);pointer-events:none;background:#ffffffe6;border-radius:50%;justify-content:center;align-items:center;font-size:16px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.blog-card-content{flex-direction:column;padding:32px;display:flex}.blog-card-meta{align-items:center;margin-bottom:16px;display:flex}.blog-card-title{color:var(--black);letter-spacing:-.02em;margin:0;font-size:24px;font-weight:400;line-height:1.3}.blog-card-author{border-top:1px solid var(--fog);margin-top:20px;padding-top:16px}.empty-state{text-align:center;padding:60px 0}.back-link{margin-bottom:32px;text-decoration:none;transition:opacity .2s;display:inline-block}.back-link:hover{opacity:.7}.loading-state,.error-state{padding:40px 0}.post-header{border-bottom:1px solid var(--fog);margin-bottom:48px;padding-bottom:32px}.post-meta{flex-wrap:wrap;align-items:center;margin-bottom:16px;display:flex}.post-title{color:var(--black);letter-spacing:-.03em;margin:0;font-size:42px;font-weight:300;line-height:1.15}.post-media{background-color:#000;border-radius:4px;margin-bottom:48px;overflow:hidden}.featured-image{object-fit:contain;width:100%;max-height:500px;display:block}.featured-video{width:100%;max-height:500px;display:block}.post-content{line-height:1.8}.content-p{color:var(--graphite);margin:0 0 24px;font-family:Libre Baskerville,Georgia,serif;font-size:16px;font-style:normal;font-weight:400;line-height:1.8}.content-p strong{color:var(--black);font-style:normal}.content-h2{color:var(--black);letter-spacing:-.02em;margin:48px 0 20px;font-family:Inter Tight,Inter,sans-serif;font-size:26px;font-weight:400}.content-h3{color:var(--black);margin:32px 0 16px;font-family:Inter Tight,Inter,sans-serif;font-size:20px;font-weight:500}.content-list{color:var(--graphite);margin:0 0 24px;padding-left:24px;font-family:Libre Baskerville,Georgia,serif;font-size:16px;font-style:normal;font-weight:400;line-height:1.8}.content-list li{margin-bottom:8px}.post-footer{border-top:1px solid var(--fog);margin-top:48px;padding-top:32px}.back-link-bottom{text-decoration:none;transition:opacity .2s;display:inline-block}.back-link-bottom:hover{opacity:.7}@media (max-width:768px){.content-section{padding:40px 24px 60px}.content-container{padding-top:40px}.page-title{font-size:36px}.blog-card-content{padding:24px}.blog-card-image,.blog-card-video{height:160px}.blog-card-title{font-size:20px}.post-title{font-size:32px}.content-h2{font-size:22px}}@media (max-width:480px){.content-section{padding:32px 20px 48px}.page-title{font-size:32px}.tags-filter{gap:6px}.tag-btn{padding:6px 12px;font-size:10px}.blog-card-content{padding:20px}.blog-card-image,.blog-card-video{height:140px}.blog-card-title{font-size:18px}.post-title{font-size:28px}.content-h2{font-size:20px}.content-p,.content-list{font-size:15px}}