/* ═══ BLOG / INSIGHTS PAGE ═══ */
.bl-hero{min-height:50vh;display:flex;align-items:center;position:relative;overflow:hidden;padding:clamp(110px,14vh,140px) 0 clamp(2rem,5vh,4rem);text-align:center}
.bl-hero .container{position:relative;z-index:2;max-width:700px;margin:0 auto}
.bl-hero__orb{position:absolute;border-radius:50%;filter:blur(100px);opacity:.25;pointer-events:none;animation:blOrb 12s ease-in-out infinite}
.bl-hero__orb--1{width:400px;height:400px;background:var(--primary);top:-15%;right:-8%}
.bl-hero__orb--2{width:300px;height:300px;background:var(--accent);bottom:-10%;left:-5%;animation-delay:-5s}
@keyframes blOrb{0%,100%{transform:translate(0,0)}50%{transform:translate(15px,-10px)}}

/* Pinned post */
.bl-pinned{padding:0 0 var(--py);margin-top:-1rem;position:relative;z-index:2}
.bl-pinned__card{max-width:900px;margin:0 auto;background:var(--card);border:1px solid var(--border);border-radius:var(--r-lg);overflow:hidden;backdrop-filter:blur(8px);position:relative}
.bl-pinned__badge{position:absolute;top:1rem;left:1rem;background:linear-gradient(135deg,var(--primary),var(--accent));color:#fff;padding:.25rem .7rem;border-radius:var(--r-pill);font-size:.72rem;font-weight:700;z-index:2;display:flex;align-items:center;gap:.4rem}
.bl-pinned__video{aspect-ratio:16/9;background:var(--bg3);position:relative}
.bl-pinned__video iframe{width:100%;height:100%;border:none}
.bl-pinned__ph{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.8rem;color:var(--txt3)}
.bl-pinned__ph i{font-size:3.5rem;color:var(--primary);opacity:.3}
.bl-pinned__ph p{font-family:'Syne',sans-serif;font-weight:700;font-size:1rem;color:var(--txt2)}
.bl-pinned__ph span{font-size:.75rem}
.bl-pinned__body{padding:1.5rem 2rem}
.bl-pinned__body h2{font-family:'Syne',sans-serif;font-size:1.3rem;font-weight:700;margin-bottom:.3rem}
.bl-pinned__body p{font-size:.9rem;color:var(--txt2);line-height:1.6}

/* Video grid */
.bl-feed{padding:var(--py) 0}
.bl-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}
.bl-card{background:var(--card);border:1px solid var(--border);border-radius:var(--r-lg);overflow:hidden;transition:all .45s var(--ease);cursor:pointer;backdrop-filter:blur(8px)}
.bl-card:hover{transform:translateY(-6px);box-shadow:var(--sh-lg)}
.bl-card__thumb{aspect-ratio:16/9;overflow:hidden;position:relative;background:var(--bg3)}
.bl-card__thumb img{width:100%;height:100%;object-fit:cover;transition:transform .5s var(--ease)}
.bl-card:hover .bl-card__thumb img{transform:scale(1.06)}
.bl-card__play{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.25);opacity:0;transition:opacity .3s}
.bl-card:hover .bl-card__play{opacity:1}
.bl-card__play i{font-size:2.5rem;color:#fff;filter:drop-shadow(0 2px 8px rgba(0,0,0,.5))}
.bl-card__body{padding:1.2rem 1.3rem}
.bl-card__body h3{font-family:'Syne',sans-serif;font-size:.95rem;font-weight:700;margin-bottom:.3rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.bl-card__meta{font-size:.75rem;color:var(--txt3);display:flex;gap:.8rem;align-items:center}
.bl-card__meta i{font-size:.65rem}

/* Loading */
.bl-loading{text-align:center;padding:3rem 0;display:flex;flex-direction:column;align-items:center;gap:1rem}
.bl-spinner{width:36px;height:36px;border:3px solid var(--border);border-top-color:var(--primary);border-radius:50%;animation:spin .8s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}
.bl-loading p{font-size:.88rem;color:var(--txt3)}

/* Fallback */
.bl-fallback{text-align:center;padding:3rem 0}
.bl-fallback__icon{font-size:3rem;color:#ef4444;opacity:.3;margin-bottom:1rem}
.bl-fallback h3{font-family:'Syne',sans-serif;font-size:1.2rem;font-weight:700;margin-bottom:.5rem}
.bl-fallback p{font-size:.9rem;color:var(--txt2);max-width:500px;margin:0 auto 1.5rem;line-height:1.6}

.bl-more{text-align:center;margin-top:2rem}

@media(max-width:1024px){.bl-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:768px){.bl-grid{grid-template-columns:1fr}}