.bl-section{padding:var(--gem-section-y) 0;background:var(--gem-off-white)}.bl-container{max-width:1200px;margin-inline:auto;padding-inline:32px}@media(max-width:640px){.bl-container{padding-inline:20px}}.bl-toolbar{display:flex;flex-wrap:wrap;gap:20px;align-items:center;justify-content:space-between;margin-bottom:28px;padding:20px 24px;background:var(--gem-white);border:1px solid var(--gem-border);border-radius:14px;box-shadow:var(--gem-shadow-sm)}@media(max-width:640px){.bl-toolbar{padding:16px}}.bl-search{display:flex;align-items:center;gap:10px;padding:10px 16px;border:1px solid var(--gem-border);border-radius:999px;background:var(--gem-off-white);min-width:260px;flex:1 1 280px;transition:border-color .2s,box-shadow .2s,background .2s}.bl-search:focus-within{border-color:var(--gem-teal);background:var(--gem-white);box-shadow:0 0 0 3px #5bb8c42e}.bl-search__icon{width:16px;height:16px;color:var(--gem-muted);flex-shrink:0}.bl-search__input{flex:1;min-width:0;border:0;outline:none;background:transparent;font-family:inherit;font-size:14px;color:var(--gem-heading)}.bl-search__input::placeholder{color:var(--gem-muted)}.bl-search__clear{padding:4px 10px;border-radius:999px;font-size:11px;font-weight:600;color:var(--gem-muted);transition:color .16s,background .16s}.bl-search__clear:hover{color:var(--gem-heading);background:var(--gem-border)}.bl-search__clear[hidden]{display:none}.bl-filters{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.bl-filter{padding:8px 14px;border-radius:999px;font-family:Inter,system-ui,sans-serif;font-size:13px;font-weight:600;color:var(--gem-body);background:var(--gem-white);border:1px solid var(--gem-border);transition:color .18s,background .18s,border-color .18s,transform .18s var(--gem-spring)}.bl-filter:hover{color:var(--gem-teal-dark);border-color:var(--gem-teal-border)}.bl-filter:active{transform:scale(.97)}.bl-filter:focus-visible{outline:2px solid var(--gem-teal);outline-offset:2px}.bl-filter.is-active{background:var(--gem-heading);color:var(--gem-white);border-color:var(--gem-heading);box-shadow:0 2px 6px #1a1a2e24}.bl-filter__count{margin-left:6px;padding:1px 7px;border-radius:999px;background:#ffffff2e;font-size:11px}.bl-filter:not(.is-active) .bl-filter__count{background:var(--gem-off-white);color:var(--gem-muted)}.bl-counter{font-size:13px;color:var(--gem-muted);margin:0 0 20px 4px;font-family:Inter,system-ui,sans-serif}.bl-counter strong{color:var(--gem-heading);font-weight:600}.bl-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}@media(max-width:980px){.bl-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.bl-grid{grid-template-columns:1fr;gap:16px}}.bl-card--featured{grid-column:1 / -1;padding:0;background:radial-gradient(circle at 0% 0%,rgba(91,184,196,.14) 0%,transparent 55%),linear-gradient(135deg,var(--gem-teal-pale) 0%,var(--gem-white) 100%);border:1px solid var(--gem-teal-border);border-radius:18px;box-shadow:var(--gem-shadow-md);position:relative;overflow:hidden}.bl-card--featured:before{content:"Featured";position:absolute;top:20px;right:24px;padding:4px 12px;background:var(--gem-teal);color:var(--gem-white);border-radius:999px;font-family:Inter,system-ui,sans-serif;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;z-index:2}.bl-card--featured .bl-card__meta{margin-bottom:16px}.bl-card--featured .bl-card__title{font-size:clamp(26px,3.4vw,38px);line-height:1.12;max-width:22ch;margin-bottom:14px}.bl-card--featured .bl-card__excerpt{font-size:17px;line-height:1.6;max-width:58ch;margin-bottom:24px}.bl-card{position:relative;display:flex;flex-direction:column;padding:0;background:var(--gem-white);border:1px solid var(--gem-border);border-radius:14px;overflow:hidden;text-decoration:none;color:inherit;transition:transform .22s var(--gem-spring),box-shadow .22s,border-color .22s}.bl-card__thumb{margin:0;width:100%;background:var(--gem-teal-pale);overflow:hidden}.bl-card__thumb img{display:block;width:100%;height:auto;aspect-ratio:16 / 9;object-fit:cover;transition:transform .4s var(--gem-ease-out)}.bl-card:hover .bl-card__thumb img{transform:scale(1.03)}.bl-card__body{padding:var(--gem-card-padding);display:flex;flex-direction:column;flex:1}.bl-card--featured .bl-card__body{padding:var(--gem-card-padding)}.bl-card:hover{transform:translateY(-3px);box-shadow:var(--gem-shadow-md);border-color:var(--gem-teal-border)}.bl-card:focus-visible{box-shadow:0 0 0 3px #5bb8c438;border-color:var(--gem-teal);outline:none}.bl-card.is-hidden{display:none}.bl-card__meta{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-bottom:14px;font-size:12px;color:var(--gem-muted);font-family:Inter,system-ui,sans-serif}.bl-card__tag{padding:4px 10px;border-radius:999px;font-size:10.5px;font-weight:700;letter-spacing:.09em;text-transform:uppercase}.bl-card__tag--strategy{background:var(--gem-teal-pale);color:var(--gem-teal-dark)}.bl-card__tag--design{background:var(--gem-peach);color:var(--gem-peach-text)}.bl-card__tag--performance{background:var(--gem-sky);color:var(--gem-sky-text)}.bl-card__tag--data{background:var(--gem-sage);color:var(--gem-sage-text)}.bl-card__tag--process{background:#f3eafd;color:#6b46c1}.bl-card__dot{width:3px;height:3px;border-radius:50%;background:var(--gem-border)}.bl-card__date,.bl-card__time{font-weight:500}.bl-card__title{font-family:Plus Jakarta Sans,system-ui,sans-serif;font-size:18px;font-weight:700;letter-spacing:-.02em;line-height:1.3;color:var(--gem-heading);margin:0 0 10px}.bl-card__excerpt{font-size:14px;color:var(--gem-body);line-height:1.6;margin:0 0 18px;flex:1}.bl-card__read{align-self:flex-start;display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:999px;font-size:13px;font-weight:600;color:var(--gem-teal-dark);background:var(--gem-teal-pale);border:1px solid var(--gem-teal-border);transition:background .18s,color .18s,border-color .18s,transform .18s var(--gem-spring)}.bl-card__read svg{width:12px;height:12px;transition:transform .22s var(--gem-spring)}.bl-card:hover .bl-card__read{background:var(--gem-teal);color:var(--gem-white);border-color:var(--gem-teal)}.bl-card:hover .bl-card__read svg{transform:translate(3px)}.bl-card__read:active{transform:scale(.97)}.bl-empty{grid-column:1 / -1;padding:64px 24px;text-align:center;color:var(--gem-muted);background:var(--gem-white);border:1px dashed var(--gem-border);border-radius:14px}.bl-empty[hidden]{display:none}.bl-empty__title{font-family:Plus Jakarta Sans,system-ui,sans-serif;font-size:20px;font-weight:700;color:var(--gem-heading);margin:0 0 6px}.bl-empty p{margin:0;font-size:14px}@media(prefers-reduced-motion:reduce){.bl-card,.bl-filter,.bl-card__read,.bl-card__read svg{transition:none!important;animation:none!important}}