@charset "UTF-8";
/* NDA INSIGHTS ARCHIVE — page-specific styles only. Base patterns live in base.css */

/* ── FILTER BAR ── */
.filter-tag-wrap{position:relative;display:flex;align-items:center;padding-left:14px}
.tag-trigger{
  display:flex;align-items:center;gap:7px;
  padding:10px 14px;
  font-family:var(--display);font-size:11.5px;font-weight:700;letter-spacing:-.01em;
  color:var(--dim);background:rgba(255,255,255,.04);
  border:1px solid var(--b1);border-radius:6px;cursor:pointer;
  transition:color .15s,border-color .15s,background .15s;white-space:nowrap;
}
.tag-trigger:hover{color:var(--text);border-color:var(--b2);background:rgba(255,255,255,.07)}
.tag-trigger.has-filter{color:var(--n0);border-color:var(--b2);background:rgba(255,255,255,.08)}
.tag-trigger-label{flex:1}
.tag-chevron{font-size:10px;color:var(--dim);transition:transform .2s;flex-shrink:0}
.tag-trigger.open .tag-chevron{transform:rotate(180deg)}
.tag-dropdown{
  position:absolute;top:calc(100% + 6px);left:14px;
  background:rgba(15,22,35,.98);border:1px solid var(--b2);
  border-radius:8px;overflow:hidden;
  min-width:200px;z-index:300;
  opacity:0;transform:translateY(-6px);pointer-events:none;
  transition:opacity .18s ease,transform .18s ease;
  backdrop-filter:blur(20px);
}
.tag-dropdown.open{opacity:1;transform:none;pointer-events:all}
.tag-option{
  display:flex;align-items:center;justify-content:space-between;
  padding:11px 16px;font-size:12.5px;color:var(--mid);cursor:pointer;
  transition:background .12s,color .12s;gap:12px;
  border-bottom:1px solid var(--b1);
}
.tag-option:last-child{border-bottom:none}
.tag-option:hover{background:rgba(255,255,255,.05);color:var(--text)}
.tag-option.active{color:var(--n0)}
.tag-option-check{
  width:14px;height:14px;border-radius:50%;
  border:1px solid var(--b1);flex-shrink:0;
  display:flex;align-items:center;justify-content:center;
  font-size:8px;color:transparent;
  transition:background .15s,border-color .15s,color .15s;
}
.tag-option.active .tag-option-check{background:var(--n0);border-color:var(--n0);color:var(--bg)}

/* ── MAIN WRAP ── */
.insights-wrap{max-width:1200px;margin:0 auto;padding:56px 56px 96px}

/* ── FEATURED POST ── */
#featured{padding:0 0 0}
.featured-post{
  display:grid;grid-template-columns:1fr 1fr;
  border:1px solid var(--b1);border-radius:12px;overflow:hidden;
  margin-bottom:56px;background:var(--graph);
  transition:border-color .25s;cursor:pointer;
}
.featured-post:hover{border-color:var(--b2)}
.featured-image{position:relative;overflow:hidden;min-height:400px;display:flex;flex-direction:column;justify-content:flex-end;padding:32px}
.featured-image-bg{position:absolute;inset:0;background:linear-gradient(145deg,#0d1825 0%,#1a0d18 60%,#080d14 100%)}
.featured-image-bg::after{content:'';position:absolute;inset:0;background:linear-gradient(to top,rgba(9,13,20,.92) 0%,rgba(9,13,20,.3) 60%,transparent 100%)}
.featured-image-bg::before{content:'';position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:40px 40px}
.featured-read-time{position:absolute;top:24px;right:24px;z-index:2;font-size:10px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--dim);background:rgba(9,13,20,.7);border:1px solid var(--b1);border-radius:4px;padding:4px 10px;backdrop-filter:blur(8px)}
.featured-image-meta{position:relative;z-index:2}
.featured-cat{font-size:9px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--lime-ink);margin-bottom:8px}
.featured-image-title{font-family:var(--display);font-size:clamp(18px,2.5vw,26px);font-weight:700;letter-spacing:-.035em;line-height:1.15;color:var(--n0)}
.featured-body{padding:40px;border-left:1px solid var(--b1);display:flex;flex-direction:column}
.featured-body-label{font-size:9px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--dim);margin-bottom:16px}
.featured-body-title{font-family:var(--display);font-size:clamp(20px,2.5vw,30px);font-weight:700;letter-spacing:-.04em;line-height:1.1;color:var(--n0);margin-bottom:14px}
.featured-body-title em{font-family:var(--serif);font-style:italic;font-weight:400;color:rgba(255,255,255,.5)}
.featured-excerpt{font-size:15.5px;color:var(--mid);line-height:1.8;margin-bottom:auto;padding-bottom:32px}
.featured-footer{padding-top:24px;border-top:1px solid var(--b1);display:flex;align-items:center;justify-content:space-between}
.featured-date{font-size:11px;color:var(--dim)}
.featured-link{font-family:var(--display);font-size:12px;font-weight:700;color:var(--lime-ink);display:inline-flex;align-items:center;gap:6px;transition:gap .15s}
.featured-post:hover .featured-link{gap:10px}

/* ── SECTION DIVIDER ── */
.section-label{
  font-size:10px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;
  color:var(--dim);padding-bottom:16px;border-bottom:1px solid var(--b1);
  margin-bottom:32px;display:flex;justify-content:space-between;align-items:center;
}
.section-count{color:var(--dim);font-weight:400}

/* ── POST GRID ── */
.posts-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-bottom:64px}
.post-card{
  background:var(--graph);border:1px solid var(--b1);border-radius:10px;
  overflow:hidden;display:flex;flex-direction:column;
  transition:border-color .2s,transform .2s;cursor:pointer;
}
.post-card:hover{border-color:var(--b2);transform:translateY(-2px)}
.post-card.hidden{display:none}
.post-image{aspect-ratio:16/9;position:relative;overflow:hidden}
.post-image-bg{position:absolute;inset:0;transition:transform .4s cubic-bezier(.2,.9,.2,1)}
.post-card:hover .post-image-bg{transform:scale(1.03)}
.post-card[data-cat="strategy"] .post-image-bg{background:linear-gradient(135deg,#0e1c2e 0%,#1a2438 100%)}
.post-card[data-cat="technology"] .post-image-bg{background:linear-gradient(135deg,#071820 0%,#0d2535 100%)}
.post-card[data-cat="operations"] .post-image-bg{background:linear-gradient(135deg,#12100f 0%,#1c1810 100%)}
.post-card[data-cat="industry-commentary"] .post-image-bg{background:linear-gradient(135deg,#100d18 0%,#1a1428 100%)}
.post-card[data-cat="media-content"] .post-image-bg{background:linear-gradient(135deg,#1a0814 0%,#280d1e 100%)}
.post-image-bg::before{content:'';position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:32px 32px}
.post-cat-chip{position:absolute;bottom:12px;left:12px;font-size:8.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;padding:3px 9px;border-radius:3px}
.post-read-chip{position:absolute;bottom:12px;right:12px;font-size:9px;color:var(--dim);background:rgba(9,13,20,.7);border:1px solid var(--b1);border-radius:3px;padding:3px 8px;backdrop-filter:blur(6px);letter-spacing:.04em}
.chip-strategy{background:rgba(15,30,51,.8);color:#6B8FBF;border:1px solid rgba(107,143,191,.2)}
.chip-technology{background:rgba(34,182,230,.1);color:var(--innovation);border:1px solid rgba(34,182,230,.2)}
.chip-operations{background:rgba(168,163,90,.1);color:#A8A35A;border:1px solid rgba(168,163,90,.2)}
.chip-industry-commentary{background:rgba(130,100,200,.1);color:#9B7FD4;border:1px solid rgba(130,100,200,.2)}
.chip-media-content{background:rgba(232,91,158,.1);color:var(--growth);border:1px solid rgba(232,91,158,.2)}
.post-body{padding:18px 20px 20px;display:flex;flex-direction:column;flex:1}
.post-title{font-family:var(--display);font-size:14px;font-weight:700;letter-spacing:-.025em;color:var(--n0);line-height:1.3;margin-bottom:8px}
.post-excerpt{font-size:14px;color:var(--dim);line-height:1.65;flex:1;margin-bottom:16px}
.post-footer{display:flex;align-items:center;justify-content:space-between;padding-top:14px;border-top:1px solid var(--b1)}
.post-date{font-size:10.5px;color:var(--dim)}
.post-link{font-size:11px;font-weight:600;color:var(--dim);display:inline-flex;align-items:center;gap:4px;transition:color .15s,gap .15s}
.post-card:hover .post-link{color:var(--n0);gap:7px}

#grid-area{padding-top:56px}
.empty-state{display:none}
.empty-state.visible{display:block;padding:0 0 64px}
.empty-title{font-family:var(--display);font-size:18px;font-weight:700;color:var(--mid);margin-bottom:8px}
.empty-sub{font-size:15px;color:var(--dim)}

/* Filter transition */
#featured,#grid-area{transition:opacity .2s ease}
.filtering #featured,.filtering #grid-area{opacity:0}

/* ── EMPTY STATE ── */
.insights-empty{padding:80px 56px 120px;display:flex;justify-content:center}
.insights-empty-inner{max-width:380px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:16px}
.insights-empty-icon{
  width:56px;height:56px;border-radius:12px;
  background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);
  display:flex;align-items:center;justify-content:center;color:var(--dim);
}
.insights-empty-title{font-family:var(--display);font-size:18px;font-weight:700;letter-spacing:-.025em;color:var(--n0)}
.insights-empty-sub{font-size:15px;color:var(--dim);line-height:1.7}

/* ── RESPONSIVE ── */
@media(max-width:1024px){
  .insights-wrap{padding:56px 32px 96px}
  .featured-post{grid-template-columns:1fr}
  .featured-image{min-height:280px}
  .featured-body{border-left:none;border-top:1px solid var(--b1)}
  .posts-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:720px){
  .insights-wrap{padding:56px 20px 96px}
  .filter-tag-wrap{padding-left:10px}
  .tag-dropdown{left:10px}
  .posts-grid{grid-template-columns:1fr}
  .insights-empty{padding:56px 20px 80px}
}