.blog-header{text-align:center;max-width:72rem;margin:0 auto;padding:7rem 2rem 3rem}.blog-header__label{letter-spacing:.15em;text-transform:uppercase;color:#8b8b8b;margin-bottom:.75rem;font-size:.7rem;font-weight:500}.blog-header h1{letter-spacing:-.025em;margin:0 0 .75rem;font-size:clamp(2rem,4vw,2.75rem);font-weight:600}.blog-header__desc{color:#5c5c5c;max-width:420px;margin:0 auto;font-size:1rem;line-height:1.65}.blog-filter{flex-wrap:wrap;align-items:flex-start;gap:1.5rem;max-width:72rem;margin:0 auto 3rem;padding:0 2rem;display:flex;position:relative}.blog-filter__search{color:#0a0a0a;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' stroke='%238b8b8b' stroke-width='2'%3E%3Ccircle cx='7' cy='7' r='5.5'/%3E%3Cpath d='M11 11 15 15'/%3E%3C/svg%3E") .75rem no-repeat;border:1px solid #e5e5e0;border-radius:.75rem;outline:none;flex:1;min-width:200px;height:2.5rem;padding:0 1rem 0 2.5rem;font-family:inherit;font-size:.875rem;transition:border-color .2s}.blog-filter__search:focus{border-color:#c5c2b8}.blog-filter__search::placeholder{color:#b0b0aa}.blog-filter__tags{flex-wrap:wrap;gap:.5rem;display:flex}.blog-filter__tag{color:#5c5c5c;cursor:pointer;background:#fff;border:1px solid #e5e5e0;border-radius:1.5rem;height:2.25rem;padding:0 .875rem;font-family:inherit;font-size:.8125rem;transition:all .2s}.blog-filter__tag:hover{color:#0a0a0a;border-color:#c5c2b8}.blog-filter__tag.is-active{color:#fff;background:#0a0a0a;border-color:#0a0a0a}.blog-filter__tag--more{color:#8b8b8b;background:#f5f4f1;border-style:dashed}.blog-filter__tag--more:hover{color:#5c5c5c;background:#e5e5df}.blog-filter__tag--more.is-expanded{color:#fff;background:#0a0a0a;border-style:solid;border-color:#0a0a0a}.blog-search-panel{z-index:100;background:#fff;border:1px solid #e5e5e0;border-radius:.75rem;max-height:400px;padding:.5rem;position:fixed;overflow-y:auto;box-shadow:0 12px 40px #0000001a}.blog-search-panel__list{flex-direction:column;display:flex}.blog-search-panel__item{color:inherit;border-radius:.5rem;flex-direction:column;gap:.2rem;padding:.75rem;text-decoration:none;transition:background .15s;display:flex}.blog-search-panel__item:hover{background:#f5f4f1}.blog-search-panel__title{color:#0a0a0a;font-size:.875rem;font-weight:500;line-height:1.3}.blog-search-panel__title mark{color:inherit;background:#fef3c7;border-radius:2px}.blog-search-panel__desc{color:#8b8b8b;font-size:.75rem;line-height:1.45}.blog-search-panel__desc mark{color:inherit;background:#fef3c7;border-radius:2px}.blog-search-panel__row{flex-wrap:wrap;align-items:center;gap:.5rem;margin-top:.25rem;display:flex}.blog-search-panel__tag{letter-spacing:.06em;text-transform:uppercase;color:#4a6fa5;background:#e8edf5;border-radius:.25rem;padding:.1rem .4rem;font-size:.6rem;font-weight:500}.blog-search-panel__date{color:#b0b0aa;font-size:.6875rem}.blog-search-panel__empty{text-align:center;color:#8b8b8b;padding:1.5rem 1rem;font-size:.8125rem}.blog-search-panel__empty strong{color:#0a0a0a;font-weight:500}.blog-search-panel__more{color:#b0b0aa;text-align:center;padding:.5rem .75rem .25rem;font-size:.6875rem}.blog-posts{grid-template-columns:1fr;gap:2rem;max-width:84rem;margin:0 auto;padding:0 1rem 4rem;display:grid}.blog-posts__featured{grid-column:1/-1}.blog-posts__featured .blog-card{grid-template-columns:1fr 1fr;align-items:center;gap:2rem;display:grid}.blog-posts__featured .blog-card__image{aspect-ratio:16/9;border-radius:.75rem;display:block;overflow:hidden}.blog-posts__featured .blog-card__image img{object-fit:cover;width:100%;height:100%;transition:transform .4s}.blog-card{background:#fff;border:1px solid #eaeae6;border-radius:1rem;transition:border-color .3s,box-shadow .3s;overflow:hidden}.blog-card:hover{border-color:#d5d5cf;box-shadow:0 8px 30px #0000000f}.blog-card__image{aspect-ratio:16/9;background:#f5f4f1;display:block;overflow:hidden}.blog-card__image img{object-fit:cover;width:100%;height:100%;transition:transform .4s}.blog-card:hover .blog-card__image img{transform:scale(1.03)}.blog-card__body{padding:1.5rem}.blog-card__tags{flex-wrap:wrap;gap:.375rem;margin-bottom:.75rem;display:flex}.blog-card__tag{letter-spacing:.08em;color:#4a6fa5;background:#e8edf5;border-radius:.375rem;padding:.15rem .5rem;font-size:.65rem;font-weight:500}.blog-card__title{letter-spacing:-.0125em;color:#0a0a0a;margin:0 0 .5rem;font-size:1.125rem;font-weight:500;line-height:1.3;text-decoration:none;transition:color .2s;display:block}.blog-card:hover .blog-card__title{color:#2563eb}.blog-card__desc{color:#5c5c5c;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0 0 1rem;font-size:.875rem;line-height:1.6;display:-webkit-box;overflow:hidden}.blog-card__meta{color:#8b8b8b;align-items:center;gap:.75rem;font-size:.75rem;display:flex}.blog-posts__featured .blog-card__body{padding:1.25rem}.blog-posts__featured .blog-card__title{font-size:1.3rem}.blog-posts__empty{text-align:center;color:#8b8b8b;grid-column:1/-1;padding:4rem 2rem;font-size:.9375rem}.blog-posts__tag-note{color:#8b8b8b;grid-column:1/-1;margin:0 0 .5rem;font-size:.8125rem}.blog-card__tag--highlight{color:#fff;background:#0a0a0a}@media (max-width:639px){.blog-posts__featured .blog-card{grid-template-columns:1fr;gap:0}.blog-posts{grid-template-columns:1fr}.blog-card__body{padding:1.25rem}}@media (min-width:640px) and (max-width:1024px){.blog-posts{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.blog-posts{grid-template-columns:repeat(3,1fr)}}@media (min-width:768px){.blog-header{padding:8rem 2rem 3rem}}.dark .blog-header h1{color:#f3f3f3}.dark .blog-header__desc{color:#9b9b94}.dark .blog-header__label{color:#7a7a72}.dark .blog-filter__search{color:#f3f3f3;background-color:#222;border-color:#ffffff14}.dark .blog-filter__search:focus{border-color:#ffffff26}.dark .blog-filter__search::placeholder{color:#7a7a72}.dark .blog-filter__tag{color:#9b9b94;background:#222;border-color:#ffffff14}.dark .blog-filter__tag:hover{color:#f3f3f3;border-color:#ffffff26}.dark .blog-filter__tag.is-active{color:#1a1a1a;background:#f3f3f3;border-color:#f3f3f3}.dark .blog-filter__tag--more{color:#7a7a72;background:#ffffff0d;border-color:#ffffff14}.dark .blog-filter__tag--more:hover{color:#9b9b94;background:#ffffff1a}.dark .blog-filter__tag--more.is-expanded{color:#1a1a1a;background:#f3f3f3;border-color:#f3f3f3}.dark .blog-search-panel{background:#222;border-color:#ffffff14;box-shadow:0 12px 40px #0006}.dark .blog-search-panel__item:hover{background:#ffffff0a}.dark .blog-search-panel__title{color:#f3f3f3}.dark .blog-search-panel__title mark{color:#fde68a;background:#fbbf2440}.dark .blog-search-panel__desc{color:#7a7a72}.dark .blog-search-panel__desc mark{color:#fde68a;background:#fbbf2433}.dark .blog-search-panel__tag{background:#3b82f626}.dark .blog-search-panel__date{color:#5a5a52}.dark .blog-search-panel__empty{color:#7a7a72}.dark .blog-search-panel__empty strong{color:#f3f3f3}.dark .blog-search-panel__more{color:#5a5a52}.dark .blog-card{background:#222;border-color:#ffffff0f}.dark .blog-card:hover{border-color:#ffffff1a;box-shadow:0 8px 30px #0003}.dark .blog-card__image{background:#1a1a1a}.dark .blog-card__title{color:#f3f3f3}.dark .blog-card:hover .blog-card__title{color:#60a5fa}.dark .blog-card__desc{color:#9b9b94}.dark .blog-card__meta{color:#7a7a72}.dark .blog-card__tag{background:#3b82f626}.dark .blog-card__tag--highlight{color:#1a1a1a;background:#f3f3f3}.dark .blog-posts__tag-note,.dark .blog-posts__empty{color:#7a7a72}.dark .blog-pagination__link{color:#9b9b94;border-color:#ffffff14}.dark .blog-pagination__link:hover{color:#f3f3f3;border-color:#ffffff26}.dark .blog-pagination__link.is-current{color:#1a1a1a;background:#f3f3f3;border-color:#f3f3f3}.dark .blog-pagination__link.is-disabled,.dark .blog-pagination__gap{color:#4a4a44}.blog-pagination{flex-wrap:wrap;justify-content:center;align-items:center;gap:.375rem;max-width:72rem;margin:0 auto;padding:2rem 2rem 4rem;display:flex}.blog-pagination__link{color:#5c5c5c;border:1px solid #e5e5e0;border-radius:.5rem;justify-content:center;align-items:center;min-width:2.25rem;height:2.25rem;padding:0 .5rem;font-family:inherit;font-size:.8125rem;text-decoration:none;transition:all .2s;display:inline-flex}.blog-pagination__link:hover{color:#0a0a0a;border-color:#c5c2b8}.blog-pagination__link.is-current{color:#fff;background:#0a0a0a;border-color:#0a0a0a}.blog-pagination__link.is-disabled{color:#c5c2b8;pointer-events:none}.blog-pagination__link--arrow{font-size:.875rem}.blog-pagination__gap{color:#b0b0aa;-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;min-width:2.25rem;height:2.25rem;font-size:.8125rem;display:inline-flex}.hidden{display:none!important}