.blog-page{background:var(--bg,#000);flex-direction:column;min-height:100vh;display:flex}.blog-container{flex:1;width:100%;max-width:2200px;margin:0 auto;padding:4rem clamp(1.5rem,3vw,3.25rem) 5rem}.blog-heading{font-family:var(--font-heading);letter-spacing:.06em;text-transform:uppercase;color:#fff;margin:0 0 2rem;font-size:clamp(2.4rem,4.5vw,3.6rem);font-weight:700}.blog-toolbar{border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:2.5rem;padding-bottom:1.25rem;display:flex}.blog-filter{position:relative}.blog-filter__btn{color:var(--text-main);font-family:var(--font-body);letter-spacing:.02em;cursor:pointer;background:#ffffff0a;border:1px solid #ffffff1f;border-radius:4px;align-items:center;gap:.5rem;padding:.6rem 1rem;font-size:.82rem;transition:border-color .16s,background .16s;display:inline-flex}.blog-filter__btn:hover{border-color:#ffffff47}.blog-filter__btn svg{opacity:.6;transition:transform .2s}.blog-filter__btn.is-open svg{transform:rotate(180deg)}.blog-filter__menu{z-index:20;background:#16140f;border:1px solid #ffffff1a;border-radius:6px;min-width:200px;max-height:320px;padding:6px;position:absolute;top:calc(100% + 6px);left:0;overflow-y:auto;box-shadow:0 20px 50px #00000080}.blog-filter__item{text-align:left;width:100%;color:var(--text-main);font-family:var(--font-body);text-transform:capitalize;cursor:pointer;background:0 0;border:none;border-radius:4px;padding:.55rem .75rem;font-size:.85rem;transition:background .14s;display:block}.blog-filter__item:hover{background:#ffffff0f}.blog-filter__item.is-active{color:var(--accent)}.blog-filter__empty{color:var(--text-muted);padding:.55rem .75rem;font-size:.8rem;display:block}.blog-share{align-items:center;gap:.5rem;display:flex}.blog-share__link{width:36px;height:36px;color:var(--text-muted);border:1px solid #ffffff1a;border-radius:4px;justify-content:center;align-items:center;transition:color .16s,border-color .16s;display:inline-flex}.blog-share__link:hover{color:var(--accent);border-color:var(--accent)}.blog-share__link svg{width:16px;height:16px}.blog-grid{grid-template-columns:repeat(3,1fr);gap:2.5rem;display:grid}.blog-card{background:#ffffff04;border:1px solid #ffffff12;border-radius:8px;flex-direction:column;text-decoration:none;transition:border-color .22s,box-shadow .22s,transform .22s;display:flex;overflow:hidden}.blog-card:hover{border-color:#ff7a2f8c;transform:translateY(-3px);box-shadow:0 0 0 1px #ff7a2f40,0 18px 40px #ff7a2f0f}.blog-card__cover{aspect-ratio:16/11;background:#1a1815;position:relative;overflow:hidden}.blog-card__cover img{object-fit:cover;width:100%;height:100%;transition:transform .4s}.blog-card:hover .blog-card__cover img{transform:scale(1.04)}.blog-card__cover-fallback{background:linear-gradient(135deg,#211d18,#100e0b);width:100%;height:100%}.blog-card__pin{z-index:2;background:var(--accent,#ff7a2f);color:#0a0908;font-family:var(--font-heading);letter-spacing:.1em;text-transform:uppercase;border-radius:4px;padding:.3rem .7rem;font-size:.68rem;font-weight:700;position:absolute;top:.85rem;left:.85rem;box-shadow:0 4px 12px #00000059}.blog-card__body{flex-direction:column;gap:.55rem;padding:1.6rem 1.6rem 1.75rem;display:flex}.blog-card__title{font-family:var(--font-heading);color:#fff;letter-spacing:.01em;margin:0;font-size:1.35rem;font-weight:700;line-height:1.25}.blog-card__date{color:var(--text-muted);font-size:.82rem}.blog-card__excerpt{color:#b4a799;-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:.2rem 0 .5rem;font-size:.95rem;line-height:1.6;display:-webkit-box;overflow:hidden}.blog-card__more{font-family:var(--font-heading);letter-spacing:.1em;text-transform:uppercase;color:var(--accent);font-size:.78rem;font-weight:700}.blog-loading,.blog-empty{text-align:center;color:var(--text-muted);padding:5rem 0;font-size:.95rem}.blog-pagination{justify-content:center;align-items:center;gap:1.5rem;margin-top:3.5rem;display:flex}.blog-pagination__pages{align-items:center;gap:.35rem;display:flex}.blog-pagination__page,.blog-pagination__ellipsis{min-width:30px;height:30px;color:var(--text-muted);font-family:var(--font-body);cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;font-size:.9rem;transition:color .14s;display:inline-flex}.blog-pagination__page:hover{color:#fff}.blog-pagination__page.is-active{color:var(--accent);font-weight:700}.blog-pagination__ellipsis{cursor:default}.blog-pagination__arrow{color:var(--text-main);font-family:var(--font-heading);letter-spacing:.06em;text-transform:uppercase;cursor:pointer;background:0 0;border:none;font-size:.82rem;font-weight:600;transition:color .14s}.blog-pagination__arrow:hover:not(:disabled){color:var(--accent)}.blog-pagination__arrow:disabled{opacity:.3;cursor:not-allowed}@media (max-width:1000px){.blog-grid{grid-template-columns:repeat(2,1fr);gap:1.5rem}}@media (max-width:640px){.blog-container{padding:2.5rem 1.25rem 4rem}.blog-grid{grid-template-columns:1fr;gap:1.5rem}.blog-share,.blog-pagination__pages{display:none}.blog-pagination{justify-content:space-between;gap:.5rem}}
