.blog{color:#fff;background-color:#0a0a0a;min-height:100vh;padding:10rem 0 6rem}.blog__container{max-width:1300px;margin-left:auto;margin-right:auto;padding-left:1.5rem;padding-right:1.5rem}.blog__header{text-align:center;max-width:640px;margin:0 auto 3rem}.blog__label{letter-spacing:.08em;text-transform:uppercase;color:#a882dd;margin-bottom:1rem;font-size:.8125rem;font-weight:600;display:inline-block}.blog__title{margin-bottom:1rem;font-size:2.25rem;font-weight:700}@media (min-width:768px){.blog__title{font-size:3rem}}.blog__subtitle{color:#a3a3a3;font-size:1.0625rem;line-height:1.6}.blog__tags{flex-wrap:wrap;justify-content:center;gap:.5rem;margin-bottom:3rem;display:flex}.blog__tag{color:#a3a3a3;text-transform:capitalize;border:1px solid #ffffff1f;border-radius:9999px;padding:.25rem 1rem;font-size:.8125rem;font-weight:500;text-decoration:none;transition:background .15s,color .15s,border-color .15s}.blog__tag:hover{color:#fff;border-color:#ffffff4d}.blog__tag--active{color:#0a0a0a;background:#fff;border-color:#fff}.blog__error,.blog__empty{text-align:center;color:#737373;padding:4rem 0}.blog__grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:2rem;display:grid}.blog__card{color:inherit;background:#161616;border:1px solid #ffffff0f;border-radius:.75rem;flex-direction:column;text-decoration:none;transition:background .15s,border-color .15s,transform .15s;display:flex;overflow:hidden}.blog__card:hover{background:#1c1c1c;border-color:#ffffff29;transform:translateY(-4px)}.blog__card-image{aspect-ratio:16/7;width:100%;overflow:hidden}.blog__card-image img{object-fit:cover;object-position:center;width:100%;height:100%}.blog__card-placeholder{background:linear-gradient(135deg,#1a1a1a,#1c1c1c);width:100%;height:100%}.blog__card-content{flex-direction:column;flex:1;gap:.5rem;padding:1.5rem;display:flex}.blog__card-tag{letter-spacing:.04em;text-transform:uppercase;color:#a882dd;font-size:.75rem;font-weight:600}.blog__card-title{font-size:1.1875rem;font-weight:600;line-height:1.35}.blog__card-excerpt{color:#737373;flex:1;font-size:.9375rem;line-height:1.55}.blog__card-date{color:#525252;margin-top:.25rem;font-size:.8125rem}