/* ============================================================
   INSIGHTS — shares global.css / header.css / footer.css
   ============================================================ */

.in-eyebrow{font-family:var(--mono);font-weight:500;font-size:12px;letter-spacing:0.06em;text-transform:uppercase;opacity:0.6;display:block;margin-bottom:16px;}
.in-head{max-width:680px;margin-bottom:44px;}
.in-head h2{margin:0 0 16px;}
.in-head p{font-size:16px;line-height:1.6;color:var(--text-dim-paper);margin:0;max-width:62ch;}

/* ---------- 01 HERO — Paper-100, flat ---------- */
.in-hero{background:var(--paper-100);padding:80px 0 90px;text-align:center;}
.in-hero-inner{max-width:680px;margin:0 auto;}
.in-hero h1{margin:18px auto 20px;max-width:16ch;}
.in-hero .lede{max-width:52ch;margin:0 auto;}
.in-hero .btnrow{margin-top:28px;justify-content:center;}

/* ---------- COVER ART — reused for featured + grid ---------- */
.in-cover{position:relative;overflow:hidden;aspect-ratio:16/10;display:flex;flex-direction:column;justify-content:space-between;padding:18px;}
.in-cover.cat-position{background:var(--fuchsia-700);}
.in-cover.cat-inside{background:var(--cobalt-700);}
.in-cover.cat-field{background:var(--ink-900);}
.in-cover .cat-tag{font-family:var(--mono);font-size:11px;letter-spacing:0.05em;text-transform:uppercase;color:rgba(245,240,235,0.85);}
.in-cover img{opacity:0.9;align-self:flex-end;}
.in-cover .m-lg{width:88px;height:88px;}

/* ---------- 02 FEATURED — Paper-100, bordered card ---------- */
.in-featured{background:var(--paper-100);}
.in-feat-card{display:grid;grid-template-columns:0.9fr 1.1fr;border:1px solid var(--paper-400);margin-top:8px;}
@media (max-width:800px){.in-feat-card{grid-template-columns:1fr;}}
.in-feat-cover{aspect-ratio:auto;height:100%;min-height:280px;}
.in-feat-body{padding:36px;display:flex;flex-direction:column;justify-content:center;}
.in-feat-body .cat{font-family:var(--mono);font-size:11px;letter-spacing:0.05em;text-transform:uppercase;color:var(--fuchsia-700);margin-bottom:14px;}
.in-feat-body h2{margin:0 0 16px;}
.in-feat-body p{font-size:16px;line-height:1.6;color:var(--text-dim-paper);margin:0 0 20px;}
.in-feat-body .byline{font-family:var(--mono);font-size:15px;color:var(--text-dim-paper);}

/* ---------- 03 THE GRID — Paper-200 ---------- */
.in-grid-section{background:var(--paper-200);}
.in-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--paper-400);border:1px solid var(--paper-400);margin-top:8px;}
@media (max-width:900px){.in-grid{grid-template-columns:1fr 1fr;}}
@media (max-width:640px){.in-grid{grid-template-columns:1fr;}}
.in-card{background:var(--paper-200);display:flex;flex-direction:column;}
.in-card-body{padding:22px;flex:1;display:flex;flex-direction:column;}
.in-card-body .cat{font-family:var(--mono);font-size:11px;letter-spacing:0.05em;text-transform:uppercase;color:var(--text-dim-paper);margin-bottom:10px;}
.in-card-body h3{line-height:1.35;margin:0 0 10px;}
.in-card-body p{font-size:15px;line-height:1.55;color:var(--text-dim-paper);margin:0;flex:1;}

/* ---------- 04 CATEGORIES EXPLAINED — Paper-300 ---------- */
.in-cats{background:var(--paper-300);}
.in-cat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--paper-400);border:1px solid var(--paper-400);margin-top:40px;}
.in-cat-cell{background:var(--paper-300);padding:26px;}
.in-cat-cell .dot{width:10px;height:10px;border-radius:50%;margin-bottom:14px;}
.in-cat-cell.position .dot{background:var(--fuchsia-700);}
.in-cat-cell.inside .dot{background:var(--cobalt-700);}
.in-cat-cell.field .dot{background:var(--ink-900);}
.in-cat-cell h3{margin-bottom:8px;}
.in-cat-cell p{font-size:15px;color:var(--text-dim-paper);margin:0;line-height:1.55;}

/* ---------- 05 BRAND STATEMENT — Fuchsia-700 solid ---------- */
.in-statement{background:var(--fuchsia-700);color:var(--paper-100);text-align:center;padding:110px 0;}
.in-statement .big{font-family:var(--sans);font-weight:800;font-size:clamp(24px,3.2vw,34px);max-width:20ch;margin:0 auto;line-height:1.4;}

/* ---------- 06 FINAL CTA — Ink-900 + runs-fuchsia-on-ink ---------- */
.in-cta{
  background:var(--ink-900);color:var(--paper-100);text-align:center;
  background-image:linear-gradient(rgba(6,8,17,0.82),rgba(6,8,17,0.9)),url(../assets/backgrounds/runs-fuchsia-on-ink.png);
  background-size:cover;background-position:center;
  padding:110px 0;
}
.in-cta h2{max-width:16ch;margin:0 auto 14px;}
.in-cta p{max-width:48ch;margin:0 auto 30px;color:var(--text-dim-ink);font-size:16px;line-height:1.6;}
.in-cta .btnrow{justify-content:center;}

/* ---------- RESPONSIVE ---------- */
@media (max-width:860px){
  .in-cat-grid{grid-template-columns:1fr;}
}
@media (max-width:640px){
  .in-hero .btnrow{flex-direction:column;align-items:stretch;}
}