.blog-page{min-height:100vh;padding:120px 4rem 5rem;background-color:#0c0e13}@media(max-width:576px){.blog-page{padding:100px 1.5rem 3rem}}.blog-page__container{max-width:1200px;margin:0 auto}.blog-page__title{font-family:var(--font-heading),Georgia,serif;font-size:clamp(2.5rem,6vw,4.5rem);color:hsla(0,0%,100%,.8745098039);margin-bottom:3rem}.blog-page__empty{color:#6d6d6d;font-size:1.125rem}.blog-page__grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:2rem;gap:2rem}@media(max-width:1024px){.blog-page__grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.blog-page__grid{grid-template-columns:1fr;gap:1.5rem}}.blog-card{display:flex;flex-direction:column;background-color:#202120;border-radius:12px;overflow:hidden;text-decoration:none;transition:transform .3s ease,box-shadow .3s ease}.blog-card:hover{transform:translateY(-4px);box-shadow:0 12px 32px rgba(0,0,0,.4)}.blog-card:hover .blog-card__title{color:#d4a017}.blog-card__image{position:relative;width:100%;aspect-ratio:3/2;overflow:hidden}.blog-card__image img{object-fit:cover;transition:transform .4s ease}.blog-card__image--placeholder{background-color:hsla(0,0%,100%,.05)}.blog-card:hover .blog-card__image img{transform:scale(1.04)}.blog-card__content{display:flex;flex-direction:column;gap:.5rem;padding:1.25rem;flex:1 1}.blog-card__title{font-family:var(--font-heading),Georgia,serif;font-size:1.25rem;color:hsla(0,0%,100%,.8745098039);line-height:1.3;transition:color .3s ease;margin:0}.blog-card__excerpt{font-size:.9rem;color:#6d6d6d;line-height:1.5;margin:0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.blog-card__date{font-size:.8rem;color:#d4a017;margin-top:auto;padding-top:.5rem}