/* ═══ HERO ════════════════════════════════════════════════════ */
/*.cover-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:4px 10px 10px 4px;opacity:.42;mix-blend-mode:luminosity;z-index:0;pointer-events:none;display:block;}

.blog-hero{
  min-height:100vh;padding-top:var(--nav-h);
  position:relative;overflow:hidden;
  display:flex;align-items:center;
}
.hero-mesh{position:absolute;inset:0;z-index:0;pointer-events:none;}
.mesh-orb{position:absolute;border-radius:50%;filter:blur(90px);animation:orbDrift ease-in-out infinite alternate;}
.orb-1{width:650px;height:650px;background:rgba(108,43,217,.2);top:-15%;left:-5%;animation-duration:16s;}
.orb-2{width:500px;height:500px;background:rgba(26,107,255,.15);bottom:-10%;right:-5%;animation-duration:20s;}
.orb-3{width:300px;height:300px;background:rgba(212,160,23,.1);top:35%;right:20%;animation-duration:12s;}
@keyframes orbDrift{from{transform:translate(0,0) scale(1);}to{transform:translate(40px,30px) scale(1.1);}}
.hero-grid{position:absolute;inset:0;z-index:0;pointer-events:none;background-image:linear-gradient(rgba(108,43,217,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(108,43,217,.05) 1px,transparent 1px);background-size:70px 70px;}
#hero-wave{position:absolute;bottom:0;left:0;right:0;height:200px;z-index:1;pointer-events:none;}

.hero-inner{
  position:relative;z-index:2;
  width:100%;max-width:1260px;margin:0 auto;padding:5rem 4%;
}
.hero-eyebrow{
  display:inline-flex;align-items:center;gap:.8rem;
  font-family:var(--fm);font-size:.7rem;letter-spacing:.22em;text-transform:uppercase;
  color:var(--gold-2);margin-bottom:2rem;
  animation:fadeUp .8s var(--ease) both;
}
.eyebrow-dot{width:7px;height:7px;border-radius:50%;background:var(--gold-2);animation:pulse 2s ease-in-out infinite;}
.eyebrow-line{width:30px;height:1px;background:var(--gold-2);}


.hero-title-wrap{overflow:hidden;}
.hero-title-line{overflow:hidden;}
.hero-title-line span{
  display:block;font-family:var(--fd);
  font-size:clamp(4.5rem,10vw,10rem);
  letter-spacing:.04em;line-height:.92;
  animation:slideUp .9s var(--ease) both;
}
.hero-title-line:nth-child(1) span{animation-delay:.08s;color:var(--white);}
.hero-title-line:nth-child(2) span{
  animation-delay:.18s;
  font-family:var(--fb);font-style:italic;
  font-size:clamp(3.8rem,9vw,9rem);
  background:var(--g-full);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;
}
@keyframes slideUp{from{transform:translateY(110%);opacity:0;}to{transform:translateY(0);opacity:1;}}
@keyframes fadeUp{from{transform:translateY(20px);opacity:0;}to{transform:translateY(0);opacity:1;}}
    @keyframes pulse{0%,100%{box-shadow:0 0 0 0 rgba(212,160,23,.6);}50%{box-shadow:0 0 0 8px rgba(212,160,23,0);}}

.hero-desc{
  margin-top:2rem;max-width:560px;
  font-size:1.05rem;font-weight:300;color:rgba(240,238,255,.55);line-height:1.8;
  animation:fadeUp .9s .35s var(--ease) both;
}
.hero-desc strong{color:rgba(240,238,255,.9);font-weight:500;}*/

/* Hero meta strip */
/*.hero-meta{
  margin-top:2.5rem;
  display:flex;align-items:center;gap:2rem;flex-wrap:wrap;
  animation:fadeUp .9s .45s var(--ease) both;
}
.meta-item{
  display:flex;align-items:center;gap:.6rem;
  font-family:var(--fm);font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);
}
.meta-dot{width:5px;height:5px;border-radius:50%;background:var(--purple-2);}
.meta-item span{color:var(--white);font-weight:500;}
.meta-sep{width:1px;height:24px;background:var(--border-2);}*/

/* Hero featured post preview */
/*.hero-featured-wrap{
  margin-top:3.5rem;
  animation:fadeUp .9s .55s var(--ease) both;
}
.hero-featured{
  background:rgba(13,13,24,.7);border:1px solid var(--border-2);border-radius:10px;
  padding:2rem 2.4rem;display:grid;grid-template-columns:1fr auto;gap:2rem;align-items:center;
  backdrop-filter:blur(16px);max-width:760px;position:relative;overflow:hidden;
  text-decoration:none;color:inherit;
  transition:border-color .3s,transform .3s var(--ease),box-shadow .3s;
}
.hero-featured::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:var(--g-full);}
.hero-featured::after{content:'';position:absolute;inset:0;background:radial-gradient(circle at 80% 50%,rgba(108,43,217,.08),transparent 60%);pointer-events:none;}
.hero-featured:hover{border-color:var(--purple-2);transform:translateY(-4px);box-shadow:0 20px 60px rgba(0,0,0,.5);}
.hf-label{font-family:var(--fm);font-size:.65rem;letter-spacing:.14em;text-transform:uppercase;color:var(--gold-2);margin-bottom:.6rem;}
.hf-title{font-family:var(--fd);font-size:clamp(1.2rem,2.5vw,1.7rem);letter-spacing:.03em;line-height:1.15;margin-bottom:.7rem;}
.hf-excerpt{font-size:.88rem;font-weight:300;color:rgba(240,238,255,.5);line-height:1.7;max-width:500px;}
.hf-arrow{
  width:48px;height:48px;border-radius:50%;
  border:1px solid var(--border-2);
  display:flex;align-items:center;justify-content:center;
  font-size:1.2rem;color:var(--gold-2);flex-shrink:0;
  transition:background .3s,border-color .3s,transform .3s;
}
.hero-featured:hover .hf-arrow{background:var(--purple);border-color:var(--purple);transform:rotate(45deg);}
.hf-meta{display:flex;align-items:center;gap:1rem;margin-top:1rem;}
.hf-cat{font-family:var(--fm);font-size:.65rem;letter-spacing:.1em;text-transform:uppercase;padding:.2rem .6rem;border-radius:3px;background:rgba(108,43,217,.2);color:var(--purple-3);border:1px solid rgba(108,43,217,.3);}
.hf-date{font-family:var(--fm);font-size:.65rem;color:var(--muted);}
.hf-read{font-family:var(--fm);font-size:.65rem;color:var(--muted);}

.scroll-hint{position:absolute;bottom:2rem;left:50%;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:.5rem;font-family:var(--fm);font-size:.62rem;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);z-index:2;animation:fadeUp .9s 1.3s var(--ease) both;}
.scroll-mouse{width:20px;height:32px;border:1.5px solid rgba(108,43,217,.4);border-radius:10px;position:relative;}
.scroll-mouse::after{content:'';position:absolute;top:5px;left:50%;transform:translateX(-50%);width:3px;height:7px;border-radius:2px;background:var(--purple-2);animation:scrollBob 1.6s ease-in-out infinite;}
@keyframes scrollBob{0%,100%{top:5px;opacity:1;}50%{top:15px;opacity:.25;}}*/

/* ═══ MARQUEE ═════════════════════════════════════════════════ */
/*.marquee-strip{position:relative;z-index:2;background:var(--black-3);border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:1.1rem 0;overflow:hidden;}
.marquee-track{display:flex;gap:2.5rem;animation:marquee 30s linear infinite;white-space:nowrap;width:max-content;}
@keyframes marquee{from{transform:translateX(0);}to{transform:translateX(-50%);}}
.mq-item{display:inline-flex;align-items:center;font-family:var(--fd);font-size:.85rem;letter-spacing:.1em;color:rgba(240,238,255,.28);flex-shrink:0;}
.mq-sep{color:var(--gold);font-size:.7rem;margin:0 .4rem;}*/

/* ═══ KINEMATIC SCENE — QUOTE / PHILOSOPHY ═══════════════════ */
/*.scene-track{position:relative;}
.scene{position:sticky;top:0;height:100vh;overflow:hidden;display:flex;align-items:center;justify-content:center;}
#scene-quote-track{height:340vh;}
#scene-quote{background:var(--black-2);}
.sq-bg-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(108,43,217,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(108,43,217,.04) 1px,transparent 1px);background-size:55px 55px;}
.sq-orb{position:absolute;border-radius:50%;filter:blur(100px);pointer-events:none;}
.sq-orb-1{width:600px;height:600px;background:rgba(108,43,217,.15);top:-20%;right:-10%;}
.sq-orb-2{width:400px;height:400px;background:rgba(26,107,255,.1);bottom:-10%;left:-5%;}
#sq-wave{position:absolute;bottom:0;left:0;right:0;height:160px;pointer-events:none;}
.sq-content{position:relative;z-index:2;text-align:center;padding:0 4%;max-width:1000px;}
.sq-num{font-family:var(--fd);font-size:clamp(5rem,14vw,14rem);letter-spacing:.08em;line-height:.85;background:linear-gradient(135deg,rgba(108,43,217,.18),rgba(26,107,255,.12));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;user-select:none;will-change:transform,opacity;}
.sq-quote-mark{font-family:var(--fb);font-size:8rem;line-height:1;color:var(--gold);opacity:.25;margin-bottom:-1.5rem;will-change:transform,opacity;}
.sq-quote{font-family:var(--fb);font-style:italic;font-size:clamp(1.5rem,3.5vw,3rem);line-height:1.35;color:var(--white);max-width:880px;margin:0 auto;will-change:transform,opacity;}
.sq-quote em{color:var(--gold-2);font-style:normal;}
.sq-attr{font-family:var(--fm);font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);margin-top:1.8rem;will-change:opacity;}
.sq-line{width:60px;height:1px;background:linear-gradient(90deg,transparent,var(--gold),transparent);margin:1.2rem auto 0;}
*/
/* ═══ KINEMATIC SCENE — TOPICS WHEEL ═════════════════════════ */
/*#scene-topics-track{height:360vh;}
#scene-topics{background:var(--black);}
.st-content{position:relative;z-index:2;width:100%;max-width:1260px;padding:0 4%;display:grid;grid-template-columns:1fr 1fr;gap:5rem;align-items:center;}
.st-left{will-change:transform,opacity;}
.st-eyebrow{font-family:var(--fm);font-size:.68rem;letter-spacing:.2em;text-transform:uppercase;color:var(--purple-3);margin-bottom:1rem;display:flex;align-items:center;gap:.6rem;}
.st-eyebrow::before{content:'';width:18px;height:1px;background:var(--purple-3);}
.st-heading{font-family:var(--fd);font-size:clamp(2.8rem,5.5vw,5.5rem);letter-spacing:.04em;line-height:.95;margin-bottom:1.2rem;}
.st-heading em{font-family:var(--fb);font-style:italic;background:var(--g-gold);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;}
.st-body{font-size:.95rem;font-weight:300;color:rgba(240,238,255,.55);line-height:1.8;max-width:380px;}
.st-right{will-change:transform,opacity;}
.topics-list{display:flex;flex-direction:column;gap:.7rem;}
.topic-item{
  display:flex;align-items:center;gap:1.2rem;
  background:rgba(13,13,24,.6);border:1px solid var(--border);border-radius:8px;
  padding:1rem 1.4rem;
  transition:border-color .3s,transform .3s var(--ease),background .3s;
  cursor:none;
}
.topic-item:hover{border-color:var(--purple-2);background:rgba(108,43,217,.08);transform:translateX(6px);}
.topic-icon{font-size:1.6rem;width:40px;text-align:center;flex-shrink:0;}
.topic-info{flex:1;}
.topic-name{font-family:var(--fd);font-size:1rem;letter-spacing:.05em;margin-bottom:.2rem;}
.topic-count{font-family:var(--fm);font-size:.65rem;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);}
.topic-arrow{font-size:.9rem;color:var(--muted);transition:color .2s,transform .2s;}
.topic-item:hover .topic-arrow{color:var(--gold-2);transform:translateX(4px);}*/

/* ═══ BLOG GRID SECTION ══════════════════════════════════════ */
/*.blog-grid-section{position:relative;z-index:2;padding:8rem 4%;}
.blog-section-inner{max-width:1260px;margin:0 auto;}
.section-header{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:3.5rem;flex-wrap:wrap;gap:1rem;}
.sec-label{font-family:var(--fm);font-size:.68rem;letter-spacing:.2em;text-transform:uppercase;color:var(--purple-3);margin-bottom:.8rem;display:flex;align-items:center;gap:.6rem;}
.sec-label::before{content:'';width:18px;height:1px;background:var(--purple-3);}
.sec-heading{font-family:var(--fd);font-size:clamp(2.5rem,5vw,4rem);letter-spacing:.04em;line-height:1;}
.sec-heading em{font-family:var(--fb);font-style:italic;background:var(--g-gold);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;}
.filter-row{display:flex;gap:.5rem;flex-wrap:wrap;}
.filter-btn{
  padding:.4rem 1.1rem;border:1px solid var(--border-2);border-radius:3px;
  background:transparent;color:rgba(240,238,255,.45);
  font-family:var(--fs);font-size:.75rem;font-weight:500;letter-spacing:.06em;text-transform:uppercase;
  cursor:none;transition:all .2s;
}
.filter-btn:hover{border-color:var(--purple-3);color:var(--purple-3);}
.filter-btn.active{background:var(--purple);border-color:var(--purple);color:#fff;box-shadow:0 0 18px var(--glow-p);}*/

/* BLOG CARD GRID */
/*.blog-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:1.4rem;}*/

/* ── CARD ── */
/*.blog-card{
  background:var(--black-2);border:1px solid var(--border);border-radius:10px;
  overflow:hidden;text-decoration:none;color:inherit;display:flex;flex-direction:column;
  transition:transform .4s var(--ease),box-shadow .4s,border-color .3s;
  position:relative;
}
.blog-card:hover{transform:translateY(-8px);box-shadow:0 28px 70px rgba(0,0,0,.55);border-color:var(--border-2);}*/

/* Colour accent bar top */
/*.blog-card::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;opacity:0;transition:opacity .3s;}
.blog-card:hover::before{opacity:1;}
.bc-purple::before{background:linear-gradient(90deg,var(--purple),var(--blue));}
.bc-gold::before{background:linear-gradient(90deg,var(--gold),var(--gold-3));}
.bc-blue::before{background:linear-gradient(90deg,var(--blue),var(--purple));}*/

/* Thumb */
/*.card-thumb{
  height:180px;position:relative;overflow:hidden;
  display:flex;align-items:center;justify-content:center;
}
.ct-1{background:linear-gradient(135deg,#120820 0%,#2d0f5a 50%,#6c2bd9 100%);}
.ct-2{background:linear-gradient(135deg,#081220 0%,#0e2855 50%,#1a6bff 100%);}
.ct-3{background:linear-gradient(135deg,#1a1000 0%,#3d2500 50%,#d4a017 100%);}
.ct-4{background:linear-gradient(135deg,#0a0820 0%,#1e1050 50%,#8b47f0 100%);}
.ct-5{background:linear-gradient(135deg,#081518 0%,#0d3040 50%,#3d8bff 100%);}
.ct-6{background:linear-gradient(135deg,#180a00 0%,#3a1e00 50%,#f0c040 100%);}
.thumb-icon{font-size:3.2rem;position:relative;z-index:1;transition:transform .4s var(--ease);filter:drop-shadow(0 0 24px rgba(108,43,217,.5));}
.blog-card:hover .thumb-icon{transform:scale(1.12);}
.thumb-lines{position:absolute;inset:0;opacity:.2;}*/
/* animated seismic line in thumb */
/*.thumb-wave-canvas{position:absolute;bottom:0;left:0;right:0;height:60px;opacity:.5;}
.thumb-overlay{position:absolute;inset:0;background:linear-gradient(to top,var(--black-2) 0%,transparent 60%);}*/

/* Card body */
/*.card-body{padding:1.5rem;flex:1;display:flex;flex-direction:column;}
.card-meta{display:flex;align-items:center;gap:.7rem;margin-bottom:.8rem;flex-wrap:wrap;}
.card-cat{
  font-family:var(--fm);font-size:.62rem;letter-spacing:.1em;text-transform:uppercase;
  padding:.2rem .55rem;border-radius:3px;
}
.cat-eq{background:rgba(108,43,217,.2);color:var(--purple-3);border:1px solid rgba(108,43,217,.3);}
.cat-sw{background:rgba(26,107,255,.18);color:var(--blue-2);border:1px solid rgba(26,107,255,.28);}
.cat-me{background:rgba(212,160,23,.16);color:var(--gold-2);border:1px solid rgba(212,160,23,.28);}
.cat-ac{background:rgba(240,64,160,.15);color:#f47fcc;border:1px solid rgba(240,64,160,.25);}
.card-date{font-family:var(--fm);font-size:.63rem;color:var(--muted);}
.card-title{font-family:var(--fd);font-size:1.08rem;letter-spacing:.04em;line-height:1.25;margin-bottom:.7rem;transition:color .2s;}
.blog-card:hover .card-title{color:var(--gold-2);}
.card-excerpt{font-size:.84rem;font-weight:300;color:rgba(240,238,255,.48);line-height:1.7;flex:1;}
.card-footer{display:flex;justify-content:space-between;align-items:center;margin-top:1.2rem;padding-top:.9rem;border-top:1px solid var(--border);}
.card-read{font-family:var(--fm);font-size:.65rem;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);}
.card-arrow{width:28px;height:28px;border-radius:50%;border:1px solid var(--border-2);display:flex;align-items:center;justify-content:center;font-size:.75rem;color:var(--muted);transition:all .25s;}
.blog-card:hover .card-arrow{background:var(--gold);border-color:var(--gold);color:var(--black);transform:rotate(45deg);}*/

/* FEATURED LARGE CARD */
/*.blog-card.card-large{grid-column:span 2;}
.card-large .card-thumb{height:260px;}
.card-large .card-title{font-size:1.4rem;}*/

/* LOAD MORE */
/*.load-more-wrap{text-align:center;margin-top:3rem;}
.load-more-btn{
  display:inline-flex;align-items:center;gap:.6rem;
  padding:.75rem 2.4rem;
  background:transparent;border:1px solid var(--border-2);border-radius:3px;
  font-family:var(--fs);font-size:.82rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;
  color:var(--purple-3);cursor:none;
  transition:background .25s,border-color .25s,box-shadow .25s;
}
.load-more-btn:hover{background:var(--purple);border-color:var(--purple);color:#fff;box-shadow:0 0 28px var(--glow-p);}*/

/* ═══ NEWSLETTER SECTION ══════════════════════════════════════ */
/*.newsletter-section{position:relative;z-index:2;padding:5rem 4% 8rem;}
.newsletter-inner{max-width:1260px;margin:0 auto;}
.newsletter-box{
  background:var(--black-2);border:1px solid var(--border-2);border-radius:14px;
  padding:3.5rem 4rem;display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center;
  position:relative;overflow:hidden;
}
.newsletter-box::before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 80% 50%,rgba(108,43,217,.1),transparent 60%);pointer-events:none;}
.newsletter-box::after{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:var(--g-full);}
.nl-label{font-family:var(--fm);font-size:.68rem;letter-spacing:.2em;text-transform:uppercase;color:var(--gold-2);margin-bottom:.8rem;display:flex;align-items:center;gap:.6rem;}
.nl-label::before{content:'';width:18px;height:1px;background:var(--gold-2);}
.nl-heading{font-family:var(--fd);font-size:clamp(2rem,4vw,3.2rem);letter-spacing:.04em;line-height:1;margin-bottom:.8rem;}
.nl-sub{font-size:.9rem;font-weight:300;color:rgba(240,238,255,.45);line-height:1.7;}
.nl-form{display:flex;flex-direction:column;gap:.9rem;}
.nl-input-row{display:flex;gap:.6rem;}
.nl-input{
  flex:1;padding:.75rem 1.1rem;
  background:rgba(255,255,255,.05);border:1px solid var(--border-2);border-radius:4px;
  font-family:var(--fs);font-size:.9rem;color:var(--white);outline:none;
  transition:border-color .2s,box-shadow .2s;
}
.nl-input:focus{border-color:var(--purple-2);box-shadow:0 0 0 3px rgba(108,43,217,.15);}
.nl-input::placeholder{color:var(--muted);}
.nl-btn{
  padding:.75rem 1.6rem;
  background:var(--g-purple);border:none;border-radius:4px;
  font-family:var(--fs);font-size:.82rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;
  color:#fff;cursor:none;white-space:nowrap;
  transition:transform .2s,box-shadow .2s;
}
.nl-btn:hover{transform:translateY(-2px);box-shadow:0 8px 28px var(--glow-p);}
.nl-note{font-family:var(--fm);font-size:.65rem;letter-spacing:.06em;color:var(--muted);}
.nl-stats{display:flex;gap:2rem;margin-top:1.5rem;}
.nl-stat-n{font-family:var(--fd);font-size:1.8rem;letter-spacing:.04em;background:var(--g-gold);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;}
.nl-stat-l{font-family:var(--fm);font-size:.62rem;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-top:.2rem;}*/

/* ═══ SIDEBAR (on desktop shows right of grid) ════════════════ */
/*.blog-layout{display:grid;grid-template-columns:1fr 300px;gap:3rem;align-items:start;}
.sidebar{position:sticky;top:calc(var(--nav-h) + 1.5rem);display:flex;flex-direction:column;gap:1.2rem;}
.sidebar-card{background:var(--black-2);border:1px solid var(--border);border-radius:10px;padding:1.4rem;}
.sidebar-title{font-family:var(--fd);font-size:1rem;letter-spacing:.06em;margin-bottom:1rem;}
.sb-tag-cloud{display:flex;flex-wrap:wrap;gap:.4rem;}
.sb-tag{
  padding:.28rem .7rem;border-radius:3px;
  font-family:var(--fm);font-size:.65rem;letter-spacing:.05em;
  background:rgba(108,43,217,.12);color:var(--purple-3);border:1px solid rgba(108,43,217,.25);
  cursor:none;transition:background .2s,color .2s;
}
.sb-tag:hover{background:var(--purple);color:#fff;}
.sb-recent{display:flex;flex-direction:column;gap:.85rem;}
.sb-recent-item{display:flex;gap:.8rem;align-items:flex-start;padding-bottom:.85rem;border-bottom:1px solid var(--border);}
.sb-recent-item:last-child{border-bottom:none;padding-bottom:0;}
.sb-ri-icon{font-size:1.2rem;flex-shrink:0;margin-top:.1rem;}
.sb-ri-title{font-family:var(--fd);font-size:.85rem;letter-spacing:.03em;line-height:1.3;margin-bottom:.2rem;color:var(--white);}
.sb-ri-meta{font-family:var(--fm);font-size:.63rem;color:var(--muted);}
.sb-about{text-align:center;}
.sb-avatar{width:70px;height:70px;border-radius:50%;background:var(--g-full);padding:2px;margin:0 auto 1rem;}
.sb-avatar-inner{width:100%;height:100%;border-radius:50%;background:var(--black-3);display:flex;align-items:center;justify-content:center;font-size:1.8rem;}
.sb-name{font-family:var(--fd);font-size:1rem;letter-spacing:.06em;margin-bottom:.3rem;}
.sb-role{font-family:var(--fm);font-size:.65rem;color:var(--blue-2);letter-spacing:.08em;margin-bottom:.8rem;}
.sb-bio{font-size:.8rem;font-weight:300;color:rgba(240,238,255,.45);line-height:1.65;}*/

/* ═══ REVEAL ══════════════════════════════════════════════════ */
/*.reveal{opacity:0;transform:translateY(28px);transition:opacity .8s var(--ease),transform .8s var(--ease);}
.reveal.visible{opacity:1;transform:translateY(0);}
.reveal-l{opacity:0;transform:translateX(-28px);transition:opacity .8s var(--ease),transform .8s var(--ease);}
.reveal-l.visible{opacity:1;transform:translateX(0);}
.reveal-r{opacity:0;transform:translateX(28px);transition:opacity .8s var(--ease),transform .8s var(--ease);}
.reveal-r.visible{opacity:1;transform:translateX(0);}*/

/* ═══ RESPONSIVE ══════════════════════════════════════════════ */
/*@media(max-width:1100px){.blog-cards{grid-template-columns:repeat(2,1fr);}.blog-card.card-large{grid-column:span 2;}.blog-layout{grid-template-columns:1fr;}.sidebar{position:static;}}
@media(max-width:900px){.st-content{grid-template-columns:1fr;}.newsletter-box{grid-template-columns:1fr;gap:2rem;padding:2.5rem;}.nl-input-row{flex-direction:column;}}
@media(max-width:768px){.nav-links,.nav-cta{display:none;}.ham{display:flex;}.blog-cards{grid-template-columns:1fr;}.blog-card.card-large{grid-column:span 1;}.card-large .card-title{font-size:1.1rem;}.hero-featured{grid-template-columns:1fr;}.hf-arrow{display:none;}}*/






/* ═══ BLOG SEARCH ═══ */
/*.blog-search-container {
    padding: 1.5rem 4%;
    background: var(--black-2);
    border-bottom: 1px solid var(--border);
}

.blog-search-inner {
    max-width: 600px;
    margin: 0 auto;
    display: flex;
    gap: 0.5rem;
}

    .blog-search-inner input {
        flex: 1;
        padding: 0.8rem 1.2rem;
        background: var(--black-3);
        border: 1px solid var(--border-2);
        border-radius: 8px;
        color: var(--white);
        font-family: var(--fs);
        font-size: 0.85rem;
        transition: all 0.3s;
    }

        .blog-search-inner input:focus {
            outline: none;
            border-color: var(--purple-3);
            box-shadow: 0 0 15px var(--glow-p);
        }

    .blog-search-inner button {
        padding: 0.8rem 1.2rem;
        background: var(--g-purple);
        border: none;
        border-radius: 8px;
        cursor: pointer;
        font-size: 1rem;
        transition: all 0.3s;
    }

        .blog-search-inner button:hover {
            box-shadow: 0 0 20px var(--glow-p);
        }*/

























/* ═══ BLOG HERO ═══ */
.blog-hero {
    min-height: 100vh;
    padding-top: var(--nav-h);
    position: relative;
    overflow: hidden;
    display: flex;
    align-items: center;
}

.hero-mesh {
    position: absolute;
    inset: 0;
    z-index: 0;
    pointer-events: none;
}

.mesh-orb {
    position: absolute;
    border-radius: 50%;
    filter: blur(90px);
    animation: orbDrift ease-in-out infinite alternate;
}

.orb-1 {
    width: 650px;
    height: 650px;
    background: rgba(108,43,217,.2);
    top: -15%;
    left: -5%;
    animation-duration: 16s;
}

.orb-2 {
    width: 500px;
    height: 500px;
    background: rgba(26,107,255,.15);
    bottom: -10%;
    right: -5%;
    animation-duration: 20s;
}

.orb-3 {
    width: 300px;
    height: 300px;
    background: rgba(212,160,23,.1);
    top: 35%;
    right: 20%;
    animation-duration: 12s;
}

@keyframes orbDrift {
    from {
        transform: translate(0,0) scale(1);
    }

    to {
        transform: translate(40px,30px) scale(1.1);
    }
}

.hero-grid {
    position: absolute;
    inset: 0;
    z-index: 0;
    pointer-events: none;
    background-image: linear-gradient(rgba(108,43,217,.05) 1px,transparent 1px), linear-gradient(90deg,rgba(108,43,217,.05) 1px,transparent 1px);
    background-size: 70px 70px;
}

#hero-wave {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 200px;
    z-index: 1;
    pointer-events: none;
}

.hero-inner {
    position: relative;
    z-index: 2;
    width: 100%;
    max-width: 1260px;
    margin: 0 auto;
    padding: 5rem 4%;
}

.hero-eyebrow {
    display: inline-flex;
    align-items: center;
    gap: .8rem;
    font-family: var(--fm);
    font-size: .7rem;
    letter-spacing: .22em;
    text-transform: uppercase;
    color: var(--gold-2);
    margin-bottom: 2rem;
    animation: fadeUp .8s var(--ease) both;
}

.eyebrow-dot {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: var(--gold-2);
    animation: pulse 2s ease-in-out infinite;
}

.eyebrow-line {
    width: 30px;
    height: 1px;
    background: var(--gold-2);
}

.hero-title-wrap {
    overflow: hidden;
}

.hero-title-line {
    overflow: hidden;
}

    .hero-title-line span {
        display: block;
        font-family: var(--fd);
        font-size: clamp(4.5rem,10vw,10rem);
        letter-spacing: .04em;
        line-height: .92;
        animation: slideUp .9s var(--ease) both;
    }

    .hero-title-line:nth-child(1) span {
        animation-delay: .08s;
        color: var(--white);
    }

    .hero-title-line:nth-child(2) span {
        animation-delay: .18s;
        font-family: var(--fb);
        font-style: italic;
        font-size: clamp(3.8rem,9vw,9rem);
        background: var(--g-full);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        background-clip: text;
    }

.hero-desc {
    margin-top: 2rem;
    max-width: 560px;
    font-size: 1.05rem;
    font-weight: 300;
    color: rgba(240,238,255,.55);
    line-height: 1.8;
    animation: fadeUp .9s .35s var(--ease) both;
}

    .hero-desc strong {
        color: rgba(240,238,255,.9);
        font-weight: 500;
    }

.hero-meta {
    margin-top: 2.5rem;
    display: flex;
    align-items: center;
    gap: 2rem;
    flex-wrap: wrap;
    animation: fadeUp .9s .45s var(--ease) both;
}

.meta-item {
    display: flex;
    align-items: center;
    gap: .6rem;
    font-family: var(--fm);
    font-size: .72rem;
    letter-spacing: .1em;
    text-transform: uppercase;
    color: var(--muted);
}

.meta-dot {
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: var(--purple-2);
}

.meta-item span {
    color: var(--white);
    font-weight: 500;
}

.meta-sep {
    width: 1px;
    height: 24px;
    background: var(--border-2);
}

.hero-featured-wrap {
    margin-top: 3.5rem;
    animation: fadeUp .9s .55s var(--ease) both;
}

.hero-featured {
    background: rgba(13,13,24,.7);
    border: 1px solid var(--border-2);
    border-radius: 10px;
    padding: 2rem 2.4rem;
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 2rem;
    align-items: center;
    backdrop-filter: blur(16px);
    max-width: 760px;
    position: relative;
    overflow: hidden;
    text-decoration: none;
    color: inherit;
    transition: border-color .3s, transform .3s var(--ease), box-shadow .3s;
}

    .hero-featured::before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        height: 2px;
        background: var(--g-full);
    }

    .hero-featured::after {
        content: '';
        position: absolute;
        inset: 0;
        background: radial-gradient(circle at 80% 50%,rgba(108,43,217,.08),transparent 60%);
        pointer-events: none;
    }

    .hero-featured:hover {
        border-color: var(--purple-2);
        transform: translateY(-4px);
        box-shadow: 0 20px 60px rgba(0,0,0,.5);
    }

.hf-label {
    font-family: var(--fm);
    font-size: .65rem;
    letter-spacing: .14em;
    text-transform: uppercase;
    color: var(--gold-2);
    margin-bottom: .6rem;
}

.hf-title {
    font-family: var(--fd);
    font-size: clamp(1.2rem,2.5vw,1.7rem);
    letter-spacing: .03em;
    line-height: 1.15;
    margin-bottom: .7rem;
}

.hf-excerpt {
    font-size: .88rem;
    font-weight: 300;
    color: rgba(240,238,255,.5);
    line-height: 1.7;
    max-width: 500px;
}

.hf-arrow {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    border: 1px solid var(--border-2);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.2rem;
    color: var(--gold-2);
    flex-shrink: 0;
    transition: background .3s, border-color .3s, transform .3s;
}

.hero-featured:hover .hf-arrow {
    background: var(--purple);
    border-color: var(--purple);
    transform: rotate(45deg);
}

.hf-meta {
    display: flex;
    align-items: center;
    gap: 1rem;
    margin-top: 1rem;
}

.hf-cat {
    font-family: var(--fm);
    font-size: .65rem;
    letter-spacing: .1em;
    text-transform: uppercase;
    padding: .2rem .6rem;
    border-radius: 3px;
    background: rgba(108,43,217,.2);
    color: var(--purple-3);
    border: 1px solid rgba(108,43,217,.3);
}

.hf-date {
    font-family: var(--fm);
    font-size: .65rem;
    color: var(--muted);
}

.hf-read {
    font-family: var(--fm);
    font-size: .65rem;
    color: var(--muted);
}

.scroll-hint {
    position: absolute;
    bottom: 2rem;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: .5rem;
    font-family: var(--fm);
    font-size: .62rem;
    letter-spacing: .14em;
    text-transform: uppercase;
    color: var(--muted);
    z-index: 2;
    animation: fadeUp .9s 1.3s var(--ease) both;
}

.scroll-mouse {
    width: 20px;
    height: 32px;
    border: 1.5px solid rgba(108,43,217,.4);
    border-radius: 10px;
    position: relative;
}

    .scroll-mouse::after {
        content: '';
        position: absolute;
        top: 5px;
        left: 50%;
        transform: translateX(-50%);
        width: 3px;
        height: 7px;
        border-radius: 2px;
        background: var(--purple-2);
        animation: scrollBob 1.6s ease-in-out infinite;
    }

/* ═══ BLOG KINEMATIC SCENE 1 - QUOTE ═══ */
#scene-quote-track {
    height: 340vh;
}

#scene-quote {
    background: var(--black-2);
}

.sq-bg-grid {
    position: absolute;
    inset: 0;
    background-image: linear-gradient(rgba(108,43,217,.04) 1px,transparent 1px), linear-gradient(90deg,rgba(108,43,217,.04) 1px,transparent 1px);
    background-size: 55px 55px;
}

.sq-orb {
    position: absolute;
    border-radius: 50%;
    filter: blur(100px);
    pointer-events: none;
}

.sq-orb-1 {
    width: 600px;
    height: 600px;
    background: rgba(108,43,217,.15);
    top: -20%;
    right: -10%;
}

.sq-orb-2 {
    width: 400px;
    height: 400px;
    background: rgba(26,107,255,.1);
    bottom: -10%;
    left: -5%;
}

#sq-wave {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 160px;
    pointer-events: none;
}

.sq-content {
    position: relative;
    z-index: 2;
    text-align: center;
    padding: 0 4%;
    max-width: 1000px;
}

.sq-num {
    font-family: var(--fd);
    font-size: clamp(5rem,14vw,14rem);
    letter-spacing: .08em;
    line-height: .85;
    background: linear-gradient(135deg,rgba(108,43,217,.18),rgba(26,107,255,.12));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    user-select: none;
    will-change: transform,opacity;
}

.sq-quote-mark {
    font-family: var(--fb);
    font-size: 8rem;
    line-height: 1;
    color: var(--gold);
    opacity: .25;
    margin-bottom: -1.5rem;
    will-change: transform,opacity;
}

.sq-quote {
    font-family: var(--fb);
    font-style: italic;
    font-size: clamp(1.5rem,3.5vw,3rem);
    line-height: 1.35;
    color: var(--white);
    max-width: 880px;
    margin: 0 auto;
    will-change: transform,opacity;
}

    .sq-quote em {
        color: var(--gold-2);
        font-style: normal;
    }

.sq-attr {
    font-family: var(--fm);
    font-size: .72rem;
    letter-spacing: .16em;
    text-transform: uppercase;
    color: var(--muted);
    margin-top: 1.8rem;
    will-change: opacity;
}

.sq-line {
    width: 60px;
    height: 1px;
    background: linear-gradient(90deg,transparent,var(--gold),transparent);
    margin: 1.2rem auto 0;
}

/* ═══ BLOG KINEMATIC SCENE 2 - TOPICS ═══ */
#scene-topics-track {
    height: 360vh;
}

#scene-topics {
    background: var(--black);
}

.st-content {
    position: relative;
    z-index: 2;
    width: 100%;
    max-width: 1260px;
    padding: 0 4%;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 5rem;
    align-items: center;
}

.st-left {
    will-change: transform,opacity;
}

.st-eyebrow {
    font-family: var(--fm);
    font-size: .68rem;
    letter-spacing: .2em;
    text-transform: uppercase;
    color: var(--purple-3);
    margin-bottom: 1rem;
    display: flex;
    align-items: center;
    gap: .6rem;
}

    .st-eyebrow::before {
        content: '';
        width: 18px;
        height: 1px;
        background: var(--purple-3);
    }

.st-heading {
    font-family: var(--fd);
    font-size: clamp(2.8rem,5.5vw,5.5rem);
    letter-spacing: .04em;
    line-height: .95;
    margin-bottom: 1.2rem;
}

    .st-heading em {
        font-family: var(--fb);
        font-style: italic;
        background: var(--g-gold);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        background-clip: text;
    }

.st-body {
    font-size: .95rem;
    font-weight: 300;
    color: rgba(240,238,255,.55);
    line-height: 1.8;
    max-width: 380px;
}

.st-right {
    will-change: transform,opacity;
}

.topics-list {
    display: flex;
    flex-direction: column;
    gap: .7rem;
}

.topic-item {
    display: flex;
    align-items: center;
    gap: 1.2rem;
    background: rgba(13,13,24,.6);
    border: 1px solid var(--border);
    border-radius: 8px;
    padding: 1rem 1.4rem;
    transition: border-color .3s, transform .3s var(--ease), background .3s;
    cursor: none;
}

    .topic-item:hover {
        border-color: var(--purple-2);
        background: rgba(108,43,217,.08);
        transform: translateX(6px);
    }

.topic-icon {
    font-size: 1.6rem;
    width: 40px;
    text-align: center;
    flex-shrink: 0;
}

.topic-info {
    flex: 1;
}

.topic-name {
    font-family: var(--fd);
    font-size: 1rem;
    letter-spacing: .05em;
    margin-bottom: .2rem;
}

.topic-count {
    font-family: var(--fm);
    font-size: .65rem;
    letter-spacing: .08em;
    text-transform: uppercase;
    color: var(--muted);
}

.topic-arrow {
    font-size: .9rem;
    color: var(--muted);
    transition: color .2s, transform .2s;
}

.topic-item:hover .topic-arrow {
    color: var(--gold-2);
    transform: translateX(4px);
}

/* ═══ BLOG GRID ═══ */
.blog-grid-section {
    position: relative;
    z-index: 2;
    padding: 8rem 4%;
}

.blog-section-inner {
    max-width: 1260px;
    margin: 0 auto;
}

.section-header {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    margin-bottom: 3.5rem;
    flex-wrap: wrap;
    gap: 1rem;
}

.sec-label {
    font-family: var(--fm);
    font-size: .68rem;
    letter-spacing: .2em;
    text-transform: uppercase;
    color: var(--purple-3);
    margin-bottom: .8rem;
    display: flex;
    align-items: center;
    gap: .6rem;
}

    .sec-label::before {
        content: '';
        width: 18px;
        height: 1px;
        background: var(--purple-3);
    }

.sec-heading {
    font-family: var(--fd);
    font-size: clamp(2.5rem,5vw,4rem);
    letter-spacing: .04em;
    line-height: 1;
}

    .sec-heading em {
        font-family: var(--fb);
        font-style: italic;
        background: var(--g-gold);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        background-clip: text;
    }

.filter-row {
    display: flex;
    gap: .5rem;
    flex-wrap: wrap;
}

.filter-btn {
    padding: .4rem 1.1rem;
    border: 1px solid var(--border-2);
    border-radius: 3px;
    background: transparent;
    color: rgba(240,238,255,.45);
    font-family: var(--fs);
    font-size: .75rem;
    font-weight: 500;
    letter-spacing: .06em;
    text-transform: uppercase;
    cursor: none;
    transition: all .2s;
}

    .filter-btn:hover {
        border-color: var(--purple-3);
        color: var(--purple-3);
    }

    .filter-btn.active {
        background: var(--purple);
        border-color: var(--purple);
        color: #fff;
        box-shadow: 0 0 18px var(--glow-p);
    }

.blog-cards {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    gap: 1.4rem;
}

.blog-card {
    background: var(--black-2);
    border: 1px solid var(--border);
    border-radius: 10px;
    overflow: hidden;
    text-decoration: none;
    color: inherit;
    display: flex;
    flex-direction: column;
    transition: transform .4s var(--ease), box-shadow .4s, border-color .3s;
    position: relative;
}

    .blog-card:hover {
        transform: translateY(-8px);
        box-shadow: 0 28px 70px rgba(0,0,0,.55);
        border-color: var(--border-2);
    }

    .blog-card::before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        height: 2px;
        opacity: 0;
        transition: opacity .3s;
    }

    .blog-card:hover::before {
        opacity: 1;
    }

.bc-purple::before {
    background: linear-gradient(90deg,var(--purple),var(--blue));
}

.bc-gold::before {
    background: linear-gradient(90deg,var(--gold),var(--gold-3));
}

.bc-blue::before {
    background: linear-gradient(90deg,var(--blue),var(--purple));
}

.card-thumb {
    height: 180px;
    position: relative;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
}

.ct-1 {
    background: linear-gradient(135deg,#120820 0%,#2d0f5a 50%,#6c2bd9 100%);
}

.ct-2 {
    background: linear-gradient(135deg,#081220 0%,#0e2855 50%,#1a6bff 100%);
}

.ct-3 {
    background: linear-gradient(135deg,#1a1000 0%,#3d2500 50%,#d4a017 100%);
}

.ct-4 {
    background: linear-gradient(135deg,#0a0820 0%,#1e1050 50%,#8b47f0 100%);
}

.ct-5 {
    background: linear-gradient(135deg,#081518 0%,#0d3040 50%,#3d8bff 100%);
}

.ct-6 {
    background: linear-gradient(135deg,#180a00 0%,#3a1e00 50%,#f0c040 100%);
}

.thumb-icon {
    font-size: 3.2rem;
    position: relative;
    z-index: 1;
    transition: transform .4s var(--ease);
    filter: drop-shadow(0 0 24px rgba(108,43,217,.5));
}

.blog-card:hover .thumb-icon {
    transform: scale(1.12);
}

.thumb-lines {
    position: absolute;
    inset: 0;
    opacity: .2;
}

.thumb-wave-canvas {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 60px;
    opacity: .5;
}

.thumb-overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(to top,var(--black-2) 0%,transparent 60%);
}

.card-body {
    padding: 1.5rem;
    flex: 1;
    display: flex;
    flex-direction: column;
}

.card-meta {
    display: flex;
    align-items: center;
    gap: .7rem;
    margin-bottom: .8rem;
    flex-wrap: wrap;
}

.card-cat {
    font-family: var(--fm);
    font-size: .62rem;
    letter-spacing: .1em;
    text-transform: uppercase;
    padding: .2rem .55rem;
    border-radius: 3px;
}

.cat-eq {
    background: rgba(108,43,217,.2);
    color: var(--purple-3);
    border: 1px solid rgba(108,43,217,.3);
}

.cat-sw {
    background: rgba(26,107,255,.18);
    color: var(--blue-2);
    border: 1px solid rgba(26,107,255,.28);
}

.cat-me {
    background: rgba(212,160,23,.16);
    color: var(--gold-2);
    border: 1px solid rgba(212,160,23,.28);
}

.cat-ac {
    background: rgba(240,64,160,.15);
    color: #f47fcc;
    border: 1px solid rgba(240,64,160,.25);
}

.card-date {
    font-family: var(--fm);
    font-size: .63rem;
    color: var(--muted);
}

.card-title {
    font-family: var(--fd);
    font-size: 1.08rem;
    letter-spacing: .04em;
    line-height: 1.25;
    margin-bottom: .7rem;
    transition: color .2s;
}

.blog-card:hover .card-title {
    color: var(--gold-2);
}

.card-excerpt {
    font-size: .84rem;
    font-weight: 300;
    color: rgba(240,238,255,.48);
    line-height: 1.7;
    flex: 1;
}

.card-footer {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 1.2rem;
    padding-top: .9rem;
    border-top: 1px solid var(--border);
}

.card-read {
    font-family: var(--fm);
    font-size: .65rem;
    letter-spacing: .08em;
    text-transform: uppercase;
    color: var(--muted);
}

.card-arrow {
    width: 28px;
    height: 28px;
    border-radius: 50%;
    border: 1px solid var(--border-2);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: .75rem;
    color: var(--muted);
    transition: all .25s;
}

.blog-card:hover .card-arrow {
    background: var(--gold);
    border-color: var(--gold);
    color: var(--black);
    transform: rotate(45deg);
}

.blog-card.card-large {
    grid-column: span 2;
}

.card-large .card-thumb {
    height: 260px;
}

.card-large .card-title {
    font-size: 1.4rem;
}

/* ═══ BLOG SIDEBAR ═══ */
.blog-layout {
    display: grid;
    grid-template-columns: 1fr 300px;
    gap: 3rem;
    align-items: start;
}

.sidebar {
    position: sticky;
    top: calc(var(--nav-h) + 1.5rem);
    display: flex;
    flex-direction: column;
    gap: 1.2rem;
}

.sidebar-card {
    background: var(--black-2);
    border: 1px solid var(--border);
    border-radius: 10px;
    padding: 1.4rem;
}

.sidebar-title {
    font-family: var(--fd);
    font-size: 1rem;
    letter-spacing: .06em;
    margin-bottom: 1rem;
}

.sb-tag-cloud {
    display: flex;
    flex-wrap: wrap;
    gap: .4rem;
}

.sb-tag {
    padding: .28rem .7rem;
    border-radius: 3px;
    font-family: var(--fm);
    font-size: .65rem;
    letter-spacing: .05em;
    background: rgba(108,43,217,.12);
    color: var(--purple-3);
    border: 1px solid rgba(108,43,217,.25);
    cursor: none;
    transition: background .2s, color .2s;
}

    .sb-tag:hover {
        background: var(--purple);
        color: #fff;
    }

.sb-recent {
    display: flex;
    flex-direction: column;
    gap: .85rem;
}

.sb-recent-item {
    display: flex;
    gap: .8rem;
    align-items: flex-start;
    padding-bottom: .85rem;
    border-bottom: 1px solid var(--border);
}

    .sb-recent-item:last-child {
        border-bottom: none;
        padding-bottom: 0;
    }

.sb-ri-icon {
    font-size: 1.2rem;
    flex-shrink: 0;
    margin-top: .1rem;
}

.sb-ri-title {
    font-family: var(--fd);
    font-size: .85rem;
    letter-spacing: .03em;
    line-height: 1.3;
    margin-bottom: .2rem;
    color: var(--white);
}

.sb-ri-meta {
    font-family: var(--fm);
    font-size: .63rem;
    color: var(--muted);
}

.sb-about {
    text-align: center;
}

.sb-avatar {
    width: 70px;
    height: 70px;
    border-radius: 50%;
    background: var(--g-full);
    padding: 2px;
    margin: 0 auto 1rem;
}

.sb-avatar-inner {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background: var(--black-3);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.8rem;
}

.sb-name {
    font-family: var(--fd);
    font-size: 1rem;
    letter-spacing: .06em;
    margin-bottom: .3rem;
}

.sb-role {
    font-family: var(--fm);
    font-size: .65rem;
    color: var(--blue-2);
    letter-spacing: .08em;
    margin-bottom: .8rem;
}

.sb-bio {
    font-size: .8rem;
    font-weight: 300;
    color: rgba(240,238,255,.45);
    line-height: 1.65;
}

/* ═══ BLOG NEWSLETTER ═══ */
.newsletter-section {
    position: relative;
    z-index: 2;
    padding: 5rem 4% 8rem;
}

.newsletter-inner {
    max-width: 1260px;
    margin: 0 auto;
}

.newsletter-box {
    background: var(--black-2);
    border: 1px solid var(--border-2);
    border-radius: 14px;
    padding: 3.5rem 4rem;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 4rem;
    align-items: center;
    position: relative;
    overflow: hidden;
}

    .newsletter-box::before {
        content: '';
        position: absolute;
        inset: 0;
        background: radial-gradient(circle at 80% 50%,rgba(108,43,217,.1),transparent 60%);
        pointer-events: none;
    }

    .newsletter-box::after {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        height: 2px;
        background: var(--g-full);
    }

.nl-label {
    font-family: var(--fm);
    font-size: .68rem;
    letter-spacing: .2em;
    text-transform: uppercase;
    color: var(--gold-2);
    margin-bottom: .8rem;
    display: flex;
    align-items: center;
    gap: .6rem;
}

    .nl-label::before {
        content: '';
        width: 18px;
        height: 1px;
        background: var(--gold-2);
    }

.nl-heading {
    font-family: var(--fd);
    font-size: clamp(2rem,4vw,3.2rem);
    letter-spacing: .04em;
    line-height: 1;
    margin-bottom: .8rem;
}

.nl-sub {
    font-size: .9rem;
    font-weight: 300;
    color: rgba(240,238,255,.45);
    line-height: 1.7;
}

.nl-form {
    display: flex;
    flex-direction: column;
    gap: .9rem;
}

.nl-input-row {
    display: flex;
    gap: .6rem;
}

.nl-input {
    flex: 1;
    padding: .75rem 1.1rem;
    background: rgba(255,255,255,.05);
    border: 1px solid var(--border-2);
    border-radius: 4px;
    font-family: var(--fs);
    font-size: .9rem;
    color: var(--white);
    outline: none;
    transition: border-color .2s, box-shadow .2s;
}

    .nl-input:focus {
        border-color: var(--purple-2);
        box-shadow: 0 0 0 3px rgba(108,43,217,.15);
    }

    .nl-input::placeholder {
        color: var(--muted);
    }

.nl-btn {
    padding: .75rem 1.6rem;
    background: var(--g-purple);
    border: none;
    border-radius: 4px;
    font-family: var(--fs);
    font-size: .82rem;
    font-weight: 600;
    letter-spacing: .06em;
    text-transform: uppercase;
    color: #fff;
    cursor: none;
    white-space: nowrap;
    transition: transform .2s, box-shadow .2s;
}

    .nl-btn:hover {
        transform: translateY(-2px);
        box-shadow: 0 8px 28px var(--glow-p);
    }

.nl-note {
    font-family: var(--fm);
    font-size: .65rem;
    letter-spacing: .06em;
    color: var(--muted);
}

.nl-stats {
    display: flex;
    gap: 2rem;
    margin-top: 1.5rem;
}

.nl-stat-n {
    font-family: var(--fd);
    font-size: 1.8rem;
    letter-spacing: .04em;
    background: var(--g-gold);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

.nl-stat-l {
    font-family: var(--fm);
    font-size: .62rem;
    letter-spacing: .08em;
    text-transform: uppercase;
    color: var(--muted);
    margin-top: .2rem;
}

/* ═══ BLOG SEARCH ═══ */
.blog-search-container {
    padding: 1.5rem 4%;
    background: var(--black-2);
    border-bottom: 1px solid var(--border);
}

.blog-search-inner {
    max-width: 600px;
    margin: 0 auto;
    display: flex;
    gap: 0.5rem;
}

    .blog-search-inner input {
        flex: 1;
        padding: 0.8rem 1.2rem;
        background: var(--black-3);
        border: 1px solid var(--border-2);
        border-radius: 8px;
        color: var(--white);
        font-family: var(--fs);
        font-size: 0.85rem;
        transition: all 0.3s;
    }

        .blog-search-inner input:focus {
            outline: none;
            border-color: var(--purple-3);
            box-shadow: 0 0 15px var(--glow-p);
        }

    .blog-search-inner button {
        padding: 0.8rem 1.2rem;
        background: var(--g-purple);
        border: none;
        border-radius: 8px;
        cursor: pointer;
        font-size: 1rem;
        transition: all 0.3s;
    }

        .blog-search-inner button:hover {
            box-shadow: 0 0 20px var(--glow-p);
        }


/* ═══ MARQUEE ═════════════════════════════════════════════════ */
.marquee-strip{position:relative;z-index:2;background:var(--black-3);border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:1.1rem 0;overflow:hidden;}
.marquee-track{display:flex;gap:2.5rem;animation:marquee 30s linear infinite;white-space:nowrap;width:max-content;}
@keyframes marquee{from{transform:translateX(0);}to{transform:translateX(-50%);}}
.mq-item{display:inline-flex;align-items:center;font-family:var(--fd);font-size:.85rem;letter-spacing:.1em;color:rgba(240,238,255,.28);flex-shrink:0;}
.mq-sep{color:var(--gold);font-size:.7rem;margin:0 .4rem;}


/* ═══ BLOG RESPONSIVE ═══ */
@media(max-width:1100px) {
    .blog-cards {
        grid-template-columns: repeat(2,1fr);
    }

    .blog-card.card-large {
        grid-column: span 2;
    }

    .blog-layout {
        grid-template-columns: 1fr;
    }

    .sidebar {
        position: static;
    }
}

@media(max-width:900px) {
    .st-content {
        grid-template-columns: 1fr;
    }

    .newsletter-box {
        grid-template-columns: 1fr;
        gap: 2rem;
        padding: 2.5rem;
    }

    .nl-input-row {
        flex-direction: column;
    }
}

@media(max-width:768px) {
    .blog-cards {
        grid-template-columns: 1fr;
    }

    .blog-card.card-large {
        grid-column: span 1;
    }

    .card-large .card-title {
        font-size: 1.1rem;
    }

    .hero-featured {
        grid-template-columns: 1fr;
    }

    .hf-arrow {
        display: none;
    }
}