.blog{padding:100px 24px 140px}body{background:#f7f8fa}.blpage{background:#f7f8fa;padding:170px 24px 120px}.bl-inner{max-width:1180px;margin:0 auto}.bl-eyebrow{font-family:var(--font-ibm-plex-mono), monospace;font-size:var(--fs-eyebrow);letter-spacing:2.75px;text-transform:uppercase;color:#2a12458c;margin-bottom:14px}.bl-inner>h1{font-family:var(--font-sora), sans-serif;font-weight:700;font-size:var(--fs-h2);line-height:var(--lh-h2);letter-spacing:-.03em;color:#2a1245;margin-bottom:34px}.bl-tools{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:18px;margin-bottom:44px;display:flex}.bl-search{flex:1;min-width:250px;max-width:400px;position:relative}.bl-search svg{stroke:#79668c;fill:none;stroke-width:1.8px;stroke-linecap:round;width:16px;height:16px;position:absolute;top:50%;left:15px;transform:translateY(-50%)}.bl-search input{width:100%;height:48px;font-family:var(--font-inter), sans-serif;color:#2a1245;background:#fff;border:1px solid #2a124524;border-radius:12px;outline:none;padding:0 16px 0 42px;font-size:14.5px;transition:border-color .2s,box-shadow .2s}.bl-search input::placeholder{color:#9b8bab}.bl-search input:focus{border-color:#a9ba3c;box-shadow:0 0 0 3px #a9ba3c2e}.bl-tags{flex-wrap:wrap;gap:9px;display:flex}.tagbtn{cursor:pointer;height:38px;font-family:var(--font-inter), sans-serif;color:#4f3c63;background:#fff;border:1px solid #2a124524;border-radius:999px;padding:0 16px;font-size:13.5px;font-weight:500;transition:background .2s,color .2s,border-color .2s}.tagbtn:hover{border-color:#2a12454d}.tagbtn.on{color:#fff;background:#2a1245;border-color:#2a1245}.card-tags{flex-wrap:wrap;gap:6px;margin:0 0 12px;padding:0 10px;display:flex}.ctag{font-family:var(--font-ibm-plex-mono), monospace;letter-spacing:.8px;text-transform:uppercase;color:#77862a;white-space:nowrap;background:#a9ba3c29;border-radius:999px;padding:5px 10px;font-size:10.5px}.bl-empty{text-align:center;color:#79668c;font-size:var(--fs-body);padding:90px 0 40px;font-weight:300;display:none}.bl-empty b{font-family:var(--font-sora), sans-serif;color:#2a1245;margin-bottom:8px;font-size:19px;font-weight:600;display:block}.blog-grid{margin-bottom:0}@media (max-width:900px){.blog-grid{grid-template-columns:1fr}}