.blog-page{padding-top:clamp(8rem,15vw,10rem);padding-bottom:var(--section-spacing);padding-inline:var(--page-gutter);max-width:100vw;margin:0 auto}.bp-header{margin-bottom:4rem}.bp-header-left{max-width:700px}.bp-title{font-family:var(--font-sans);color:var(--fg);letter-spacing:-.03em;opacity:0;margin-bottom:1.5rem;font-size:clamp(2.2rem,4vw,3rem);font-weight:500;line-height:1.15;animation:.8s cubic-bezier(.2,.8,.2,1) .1s forwards fadeUp}.bp-desc{font-family:var(--font-sans);color:var(--muted);opacity:0;max-width:520px;font-size:1.05rem;line-height:1.65;animation:.8s cubic-bezier(.2,.8,.2,1) .2s forwards fadeUp}.bp-filters{opacity:0;border-bottom:1px solid #00000014;flex-wrap:wrap;align-items:center;gap:.5rem;margin-bottom:4rem;padding-bottom:2.5rem;animation:.8s cubic-bezier(.2,.8,.2,1) .3s forwards fadeUp;display:flex}.bp-filter-btn{font-family:var(--font-sans);color:var(--muted);cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #0000001f;border-radius:100px;padding:8px 20px;font-size:.9rem;font-weight:500;transition:all .25s cubic-bezier(.16,1,.3,1)}.bp-filter-btn:hover{color:var(--fg);background:#00000005;border-color:#0000004d}.bp-filter-btn.active{background:var(--fg);color:#fff;border-color:var(--fg)}.bp-grid{grid-template-columns:repeat(3,1fr);gap:3rem 2.5rem;display:grid}.bp-card{color:inherit;cursor:pointer;flex-direction:column;text-decoration:none;transition:transform .4s cubic-bezier(.16,1,.3,1);display:flex}.bp-card:hover{transform:translateY(-4px)}.bp-card-featured{grid-column:span 1}.bp-card-thumb{aspect-ratio:4/3;-webkit-mask-image:-webkit-radial-gradient(#fff,#000);background-color:#111;border-radius:16px;width:100%;margin-bottom:1.5rem;position:relative;overflow:hidden;transform:translateZ(0);mask-image:radial-gradient(#fff,#000)}.bp-card-featured .bp-card-thumb{background-color:#0a0a0a}.bp-card-img{object-fit:cover;will-change:transform;transition:transform 1.2s cubic-bezier(.2,.8,.2,1)}.bp-card:hover .bp-card-img{transform:scale(1.05)}.bp-card-featured .bp-card-img{opacity:.35}.bp-year-badge{color:#000;font-family:var(--font-sans);letter-spacing:.02em;z-index:2;background:#c8f135;border-radius:100px;padding:6px 12px;font-size:.8rem;font-weight:700;position:absolute;top:1.25rem;right:1.25rem}.bp-card-featured .bp-card-thumb:after{content:"";z-index:1;background:linear-gradient(#0000 40%,#000000b3 100%);border-radius:16px;position:absolute;inset:0}.bp-card-body{flex-direction:column;flex:1;gap:.75rem;display:flex}.bp-card-tags{flex-wrap:wrap;align-items:center;gap:.35rem;display:flex}.bp-tag{font-family:var(--font-sans);color:var(--muted);font-size:.8rem;font-weight:500}.bp-tag-dot{color:var(--muted);opacity:.5;font-size:.35rem;line-height:1}.bp-card-title{font-family:var(--font-sans);color:var(--fg);letter-spacing:-.02em;margin:0;font-size:1.2rem;font-weight:600;line-height:1.3;transition:color .3s}.bp-card:hover .bp-card-title{color:var(--accent-primary)}.bp-card-excerpt{font-family:var(--font-sans);color:var(--muted);-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;margin:0;font-size:.95rem;line-height:1.6;display:-webkit-box;overflow:hidden}.bp-card-footer{border-top:1px solid #00000012;justify-content:space-between;align-items:center;margin-top:auto;padding-top:1rem;display:flex}.bp-card-date{font-family:var(--font-sans);color:var(--muted);font-variant-numeric:tabular-nums;font-size:.85rem}.bp-card-read{font-family:var(--font-sans);color:var(--fg);font-size:.9rem;font-weight:500;transition:letter-spacing .3s}.bp-card:hover .bp-card-read{letter-spacing:.03em}.bp-pagination{border-top:1px solid #00000014;justify-content:center;align-items:center;gap:1rem;margin-top:4rem;padding-top:2rem;display:flex}.bp-page-numbers{align-items:center;gap:.55rem;display:flex}.bp-page-btn{min-width:44px;height:44px;color:var(--fg);font-family:var(--font-sans);cursor:pointer;background:0 0;border:1px solid #0000001f;border-radius:999px;padding:0 1rem;font-size:.92rem;font-weight:500;transition:all .25s cubic-bezier(.16,1,.3,1)}.bp-page-btn:hover:not(:disabled){background:#00000005;border-color:#0000004d}.bp-page-btn.active{background:var(--fg);color:#fff;border-color:var(--fg)}.bp-page-btn:disabled{opacity:.35;cursor:not-allowed}.bp-page-nav{min-width:96px}@media (max-width:1024px){.bp-grid{grid-template-columns:repeat(2,1fr);gap:2.5rem 2rem}}@media (max-width:640px){.bp-grid{grid-template-columns:repeat(2,1fr);gap:2rem 1.25rem}.bp-filters{gap:.4rem}.bp-filter-btn{padding:7px 16px;font-size:.85rem}.bp-pagination{flex-wrap:wrap;gap:.75rem}.bp-page-btn{min-width:40px;height:40px;padding:0 .85rem}}