[data-page=blog],[data-page=blog] section{z-index:1;position:relative}.bl-hero{text-align:center;padding-top:140px;padding-bottom:48px}.bl-hero-inner{max-width:720px;margin:0 auto}.bl-hero .section-eyebrow{margin-bottom:24px}.bl-hero-h1{letter-spacing:-.035em;color:var(--text-primary);text-wrap:balance;margin-bottom:20px;font-size:clamp(36px,5vw,56px);font-weight:600;line-height:1.06}.bl-hero-h1 .shine-text{background:linear-gradient(90deg,#8a8a95 0% 44%,#fff 56% 100%) 0%/300%;-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;animation:2.2s ease-in-out .4s forwards textShine}.bl-hero .hero-subtitle{max-width:600px;margin-left:auto;margin-right:auto}.bl-cats{grid-template-columns:repeat(7,1fr);gap:14px;margin-top:40px;display:grid}.bl-cat-tile{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);cursor:pointer;text-align:left;flex-direction:column;align-items:flex-start;gap:10px;min-height:108px;padding:18px 16px;font-family:inherit;transition:transform .35s cubic-bezier(.16,1,.3,1),border-color .35s,box-shadow .35s,background .25s;display:flex}.bl-cat-icon{border-radius:var(--radius-md);background:var(--cat-soft);border:1px solid color-mix(in srgb, var(--cat) 22%, transparent);width:36px;height:36px;color:var(--cat);justify-content:center;align-items:center;display:inline-flex}.bl-cat-icon svg{width:18px;height:18px}.bl-cat-name{color:var(--text-primary);letter-spacing:-.01em;font-size:14px;font-weight:600}.bl-cat-count{font-family:var(--font-mono);color:var(--text-faint);margin-top:-4px;font-size:12px}.bl-cat-tile:hover{border-color:color-mix(in srgb, var(--cat) 35%, transparent);box-shadow:0 20px 48px #00000073, 0 0 40px var(--cat-soft);transform:translateY(-4px)}.bl-cat-tile.is-active{border-color:color-mix(in srgb, var(--cat) 35%, transparent);background:var(--cat-soft)}.bl-chip{width:fit-content;font-family:var(--font-mono);letter-spacing:.07em;text-transform:uppercase;color:var(--cat,#2dd4bf);background:var(--cat-soft,#2dd4bf1a);border:1px solid color-mix(in srgb, var(--cat,#2dd4bf) 22%, transparent);border-radius:100px;align-items:center;gap:7px;padding:4px 10px;font-size:11px;font-weight:500;display:inline-flex}.bl-chip:before{content:"";background:var(--cat,#2dd4bf);width:6px;height:6px;box-shadow:0 0 8px var(--cat,#2dd4bf);border-radius:50%;flex:0 0 6px}.bl-meta{align-items:center;gap:9px;display:flex}.bl-meta-avatar{object-fit:cover;border:1px solid var(--border-medium);border-radius:50%;flex-shrink:0;width:28px;height:28px}.bl-meta-name{color:var(--text-secondary);font-size:13px}.bl-meta-sep{color:var(--text-faint)}.bl-meta-dim{font-family:var(--font-mono);color:var(--text-faint);font-size:12px}.bl-featured{margin-top:56px}.bl-featured-card{aspect-ratio:16/7;border-radius:var(--radius-2xl);border:1px solid var(--border-medium);text-decoration:none;transition:transform .45s cubic-bezier(.16,1,.3,1),box-shadow .45s,border-color .45s;display:block;position:relative;overflow:hidden}.bl-featured-card>img{object-fit:cover;width:100%;height:100%;transition:transform .6s cubic-bezier(.16,1,.3,1);position:absolute;top:0;bottom:0;left:0;right:0}.bl-featured-card:after{content:"";background:linear-gradient(#0000 0%,#09090b26 35%,#09090bd9 80%,#09090b 100%),linear-gradient(90deg,#09090b8c,#0000 55%);position:absolute;top:0;bottom:0;left:0;right:0}.bl-featured-body{z-index:1;flex-direction:column;gap:16px;max-width:640px;padding:48px;display:flex;position:absolute;top:auto;bottom:0;left:0;right:auto}.bl-featured-flag{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);align-items:center;gap:8px;font-size:11px;display:inline-flex}.bl-featured-body h2{letter-spacing:-.03em;color:#fff;font-size:clamp(28px,3.4vw,44px);font-weight:600;line-height:1.1}.bl-featured-excerpt{color:var(--text-secondary);-webkit-line-clamp:2;-webkit-box-orient:vertical;max-width:540px;font-size:16px;line-height:1.6;display:-webkit-box;overflow:hidden}.bl-featured-card:hover{box-shadow:var(--shadow-card-hover);border-color:#10b98140;transform:translateY(-4px)}.bl-featured-card:hover>img{transform:scale(1.04)}.bl-toolbar{z-index:20;-webkit-backdrop-filter:blur(20px)saturate(180%);backdrop-filter:blur(20px)saturate(180%);border-top:1px solid var(--border-subtle);border-bottom:1px solid var(--border-subtle);background:#09090bb3;margin-top:64px;position:sticky;top:60px}.bl-toolbar-inner{justify-content:space-between;align-items:center;gap:24px;padding-top:14px;padding-bottom:14px;display:flex}.bl-toolbar-title{flex-direction:column;gap:2px;min-width:0;display:flex}.bl-section-h2{color:var(--text-primary);letter-spacing:-.02em;white-space:nowrap;font-size:17px;font-weight:600}.bl-toolbar-count{font-family:var(--font-mono);color:var(--text-faint);font-size:12px}.bl-filters{scrollbar-width:none;-ms-overflow-style:none;align-items:center;gap:6px;margin:-2px;padding:2px;display:flex;overflow-x:auto}.bl-filters::-webkit-scrollbar{display:none}.bl-filter{font-family:var(--font-mono);letter-spacing:.02em;text-transform:uppercase;color:var(--text-muted);cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #0000;border-radius:100px;flex:none;align-items:center;gap:7px;padding:6px 14px;font-size:12px;transition:color .2s,background .2s,border-color .2s;display:inline-flex}.bl-filter .bl-filter-count{color:var(--text-faint)}.bl-filter:hover{color:var(--text-secondary);background:var(--bg-hover)}.bl-filter.is-active{color:var(--cat);background:var(--cat-soft);border-color:color-mix(in srgb, var(--cat) 30%, transparent)}.bl-filter.is-active .bl-filter-count{color:color-mix(in srgb, var(--cat) 70%, var(--text-faint))}.bl-grid{grid-template-columns:repeat(3,1fr);gap:24px;margin-top:28px;display:grid}.bl-card{border-radius:var(--radius-xl);opacity:0;background:radial-gradient(130% 90% at 100% 0,#10b9810f 0%,#0000 52%),linear-gradient(165deg,#131c1a 0%,#0c100f 100%);border:1px solid #ffffff14;flex-direction:column;text-decoration:none;transition:transform .45s cubic-bezier(.16,1,.3,1),opacity .45s,border-color .45s,box-shadow .45s;display:flex;position:relative;overflow:hidden;transform:translateY(20px);box-shadow:inset 0 1px #ffffff0d}.bl-grid.in .bl-card{opacity:1;transition-delay:calc(var(--i,0) * 60ms);transform:translateY(0)}.bl-card-media{aspect-ratio:3/2;overflow:hidden}.bl-card-media img{object-fit:cover;width:100%;height:100%;transition:transform .6s cubic-bezier(.16,1,.3,1)}.bl-card-body{flex-direction:column;flex:1;gap:10px;padding:20px 22px 22px;display:flex}.bl-card-title{color:var(--text-primary);letter-spacing:-.02em;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:18px;font-weight:600;line-height:1.3;display:-webkit-box;overflow:hidden}.bl-card-excerpt{color:var(--text-muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:14px;line-height:1.6;display:-webkit-box;overflow:hidden}.bl-card-foot{border-top:1px solid var(--border-subtle);align-items:center;gap:8px;margin-top:auto;padding-top:14px;display:flex}.bl-card-foot img{object-fit:cover;border:1px solid var(--border-medium);border-radius:50%;flex-shrink:0;width:24px;height:24px}.bl-card-author{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;font-size:12.5px;overflow:hidden}.bl-card-dim{font-family:var(--font-mono);color:var(--text-faint);white-space:nowrap;margin-left:auto;font-size:11.5px}.bl-card:hover{border-color:#10b98161;transform:translateY(-5px);box-shadow:0 30px 70px #00000080,0 0 56px #10b98114,inset 0 1px #ffffff12}.bl-card:hover .bl-card-media img{transform:scale(1.05)}.bl-card[hidden]{display:none}.bl-loadmore{flex-direction:column;align-items:center;gap:12px;margin-top:48px;display:flex}.bl-loadmore-hint{font-family:var(--font-mono);color:var(--text-faint);font-size:12px}.bl-empty{text-align:center;flex-direction:column;align-items:center;gap:16px;margin-top:40px;padding:64px 24px;display:flex}.bl-empty p{font-family:var(--font-mono);color:var(--text-muted);font-size:13px}:is([data-page=blog] a:focus-visible,[data-page=blog] button:focus-visible){outline:2px solid var(--accent-emerald);outline-offset:2px;border-radius:var(--radius-md)}@media (max-width:1099px){.bl-cats{grid-template-columns:repeat(4,1fr)}.bl-grid{grid-template-columns:repeat(2,1fr);gap:20px}.bl-featured-card{aspect-ratio:16/9}.bl-featured-body{padding:36px}}@media (max-width:768px){.bl-hero{padding-top:116px;padding-bottom:36px}.bl-cats{grid-template-columns:repeat(2,1fr)}.bl-grid{grid-template-columns:1fr;gap:16px}.bl-featured{margin-top:40px}.bl-featured-card{aspect-ratio:4/5}.bl-featured-body{gap:12px;padding:24px}.bl-card-excerpt{display:none}.bl-toolbar{margin-top:44px}.bl-toolbar-inner{flex-direction:column;align-items:flex-start;gap:12px}.bl-filters{width:100%}.bl-filter{min-height:44px;padding-top:11px;padding-bottom:11px}}@media (prefers-reduced-motion:reduce){.bl-hero-h1 .shine-text{-webkit-text-fill-color:#fff;background:0 0;animation:none}.bl-card{opacity:1;transition:border-color .3s,box-shadow .3s;transform:none}.bl-grid.in .bl-card{transition-delay:0s}.bl-cat-tile:hover,.bl-card:hover,.bl-featured-card:hover,.bl-featured-card:hover>img,.bl-card:hover .bl-card-media img{transform:none}}