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