.blog-page{background-color:var(--ink);min-height:100vh;padding:70px 20px 80px}@media (min-width:768px){.blog-page{padding:110px 40px 120px}}.blog-page__header{text-align:center;max-width:1200px;margin:0 auto 80px}.blog-page__title{font-family:var(--ff-display);color:var(--paper);letter-spacing:-.015em;margin-bottom:16px;font-size:72px;font-weight:400}@media (max-width:768px){.blog-page__title{font-size:48px}}.blog-page__subtitle{color:var(--muted);font-size:16px;font-weight:300;line-height:1.6}.blog-page__tag-header{text-align:left}.blog-page__back-link{color:var(--accent);margin-bottom:24px;font-size:14px;text-decoration:none;transition:color .3s;display:inline-block}.blog-page__back-link:hover{color:var(--accent-light)}.blog-grid{grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:40px;max-width:1200px;margin:0 auto 80px;display:grid}@media (max-width:768px){.blog-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:30px;margin-bottom:60px}}@media (max-width:480px){.blog-grid{grid-template-columns:1fr;gap:24px}}.blog-card{border-radius:4px;flex-direction:column;height:100%;transition:transform .3s,box-shadow .3s;display:flex;overflow:hidden}.blog-card:hover{transform:translateY(-4px)}.blog-card__image-wrapper{aspect-ratio:16/9;background-color:var(--ink-2);width:100%;margin-bottom:24px;overflow:hidden}.blog-card__image{object-fit:cover;width:100%;height:100%;transition:transform .3s}.blog-card:hover .blog-card__image{transform:scale(1.02)}.blog-card__content{flex-direction:column;flex:1;display:flex}.blog-card__title{font-family:var(--ff-display);color:var(--paper);letter-spacing:-.015em;margin:0 0 12px;font-size:24px;font-weight:400;line-height:1.3}.blog-card__title a{color:inherit;text-decoration:none;transition:color .3s}.blog-card__title a:hover{color:var(--accent)}.blog-card__excerpt{color:var(--muted);-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:0 0 16px;font-size:14px;line-height:1.6;display:-webkit-box;overflow:hidden}.blog-card__meta{color:var(--muted);border-bottom:1px solid #f4f1ea1a;margin-bottom:auto;padding-bottom:16px;font-size:12px}.blog-card__author,.blog-card__date,.blog-card__reading-time{display:inline}.blog-card__meta-separator{opacity:.5;margin:0 6px}.blog-card__tags{flex-wrap:wrap;gap:8px;margin-top:16px;display:flex}.blog-card__tag{color:var(--accent);background-color:#bf5b431a;border:1px solid #bf5b434d;border-radius:3px;padding:4px 10px;font-size:11px;text-decoration:none;transition:all .3s;display:inline-block}.blog-card__tag:hover{border-color:var(--accent);background-color:#bf5b4333}.blog-page__empty,.blog-page__error{text-align:center;max-width:1200px;margin:0 auto;padding:60px 20px}.blog-page__empty p,.blog-page__error p{color:var(--muted);font-size:16px}.blog-page__pagination{max-width:1200px;margin:0 auto}.blog-pagination{flex-wrap:wrap;justify-content:center;align-items:center;gap:40px;display:flex}.blog-pagination__link{color:var(--accent);border:1px solid #bf5b434d;border-radius:3px;padding:10px 20px;font-size:14px;font-weight:500;text-decoration:none;transition:all .3s}.blog-pagination__link:not(.blog-pagination__link--disabled):hover{border-color:var(--accent);background-color:#bf5b431a}.blog-pagination__link--disabled{color:var(--muted);cursor:not-allowed;opacity:.5;border-color:#f4f1ea1a}.blog-pagination__info{color:var(--muted);text-align:center;min-width:150px;font-size:14px}