/**
 * Insights page — Production Revision
 * Scoped: body.insights-page · load LAST on insights.html (after insights-phase8.css)
 *
 * De-cards the archive, flattens articles into an editorial index, wires the
 * Reflective Gold band and Dark Architectural Texture transition, reduces
 * grid background opacity, and increases compositional asymmetry. No layout,
 * copy or section-order changes.
 */

/* =========================================================================
   Grid backgrounds — reduce opacity significantly
   ========================================================================= */
body.insights-page .ins-hero::before{
  opacity:0.12;
}

body.insights-page .ins-doctrine__texture{
  opacity:0.14;
}

body.insights-page .ins-pattern__grid-wash{
  opacity:0.035;
}

/* =========================================================================
   Featured observations — remove card styling · editorial flat index
   ========================================================================= */
body.insights-page .ins-registry{
  border:none;
  background:transparent;
  box-shadow:none;
  padding:0;
}

body.insights-page .ins-registry__spine{
  margin-bottom:clamp(var(--bh-space-3),2.8vw,var(--bh-space-5));
  padding-bottom:var(--bh-space-3);
  border-bottom:var(--bh-hairline) solid rgba(17,17,17,0.1);
}

body.insights-page .ins-registry__spine-joints span{
  border:none;
  border-radius:0;
  box-shadow:none;
  background:rgba(17,17,17,0.22);
}

body.insights-page .ins-registry__item{
  gap:clamp(var(--bh-space-3),3.2vw,var(--bh-space-5));
  padding:clamp(var(--bh-space-3),2.8vw,var(--bh-space-4)) 0;
  border-top:var(--bh-hairline) solid rgba(17,17,17,0.1);
}

body.insights-page .ins-registry__item:nth-child(even)::before{
  display:none;
}

body.insights-page .ins-registry__article{
  padding:0;
  border:none;
  background:transparent;
  box-shadow:none;
}

body.insights-page .ins-feature-title a{
  box-shadow:none;
  background:none;
}

body.insights-page .ins-feature-title a:hover{
  box-shadow:inset 0 -1px 0 0 var(--bh-accent);
}

/* =========================================================================
   Reflective Gold transition band — one band · between archive and pattern
   ========================================================================= */
body.insights-page .ins-observe::after{
  height:clamp(42px,5.5vw,64px);
  background:
    linear-gradient(
      178deg,
      transparent 0%,
      rgba(228,218,200,0.42) 10%,
      rgba(210,196,172,0.62) 32%,
      rgba(188,170,140,0.48) 50%,
      rgba(216,206,188,0.55) 68%,
      rgba(247,247,247,0.28) 84%,
      transparent 100%
    ),
    var(--bh-img-3);
  background-size:100% 100%,cover;
  background-position:center,center;
  filter:saturate(0.88) contrast(1.04);
  border-top-color:rgba(176,154,118,0.2);
  border-bottom-color:rgba(176,154,118,0.14);
}

/* =========================================================================
   Dark Architectural Texture transition — anchor closing section
   ========================================================================= */
body.insights-page .ins-anchor{
  background:
    radial-gradient(88% 75% at 8% 22%,rgba(34,162,159,0.1) 0%,transparent 54%),
    linear-gradient(168deg,#262420 0%,#2d2b27 46%,#201e1b 100%);
}

body.insights-page .ins-anchor__texture{
  opacity:0.55;
  background-image:
    linear-gradient(104deg,rgba(6,6,6,0.92) 0%,rgba(6,6,6,0.48) 44%,transparent 76%),
    var(--bh-img-5);
  background-repeat:no-repeat,no-repeat;
  background-size:100% 100%,cover;
  background-position:center,68% 34%;
  filter:grayscale(0.12) contrast(1.18) brightness(1.03);
  mask-image:linear-gradient(90deg,black 0%,black 72%,transparent 100%);
  -webkit-mask-image:linear-gradient(90deg,black 0%,black 72%,transparent 100%);
}

body.insights-page .ins-anchor__texture::after{
  opacity:0.5;
  background:
    radial-gradient(ellipse 68% 54% at 92% 38%,rgba(255,255,255,0.1) 0%,transparent 58%),
    linear-gradient(118deg,transparent 46%,rgba(34,162,159,0.1) 46.4%,transparent 46.8%);
}

/* =========================================================================
   Asymmetry — stronger editorial offsets
   ========================================================================= */
body.insights-page .ins-observe__head{
  max-width:min(44rem,88%);
  padding-right:clamp(var(--bh-space-8),14vw,calc(var(--bh-unit)*24));
  margin-left:clamp(0px,2vw,var(--bh-space-3));
}

body.insights-page .ins-registry{
  margin-left:clamp(var(--bh-space-3),4vw,var(--bh-space-6));
  max-width:min(100%,72rem);
}

body.insights-page .ins-registry__item:nth-child(1){
  padding-right:clamp(var(--bh-space-6),9vw,var(--bh-space-9));
}

body.insights-page .ins-registry__item:nth-child(2){
  padding-left:clamp(var(--bh-space-9),13vw,calc(var(--bh-unit)*18));
}

body.insights-page .ins-registry__item:nth-child(3){
  padding-left:clamp(var(--bh-space-5),5vw,var(--bh-space-6));
  padding-right:clamp(var(--bh-space-7),10vw,var(--bh-space-10));
}

body.insights-page .ins-registry__item:nth-child(4){
  padding-left:clamp(var(--bh-space-10),14vw,calc(var(--bh-unit)*20));
}

body.insights-page .ins-registry__item:nth-child(odd) .ins-feature-title{
  max-width:34ch;
}

body.insights-page .ins-registry__item:nth-child(even) .ins-feature-title{
  max-width:44ch;
}

body.insights-page .ins-pattern__layout{
  grid-template-columns:minmax(0,1.18fr) minmax(160px,0.36fr);
  gap:clamp(var(--bh-space-5),7vw,var(--bh-space-8));
}

body.insights-page .ins-pattern__copy{
  padding-right:clamp(var(--bh-space-4),6vw,var(--bh-space-7));
}

body.insights-page .ins-pattern__frame{
  margin-top:clamp(var(--bh-space-6),8vw,var(--bh-space-9));
  margin-left:clamp(var(--bh-space-2),3vw,var(--bh-space-4));
}

/* =========================================================================
   Pattern frame — keep flattened (no card reintroduction)
   ========================================================================= */
body.insights-page .ins-pattern__frame{
  border:none;
  border-left:var(--bh-hairline) solid rgba(17,17,17,0.16);
  background:transparent;
  box-shadow:none;
}

/* =========================================================================
   Responsive — preserve asymmetry where legible
   ========================================================================= */
@media (max-width:960px){
  body.insights-page .ins-observe__head{
    max-width:100%;
    padding-right:0;
    margin-left:0;
  }

  body.insights-page .ins-registry{
    margin-left:0;
    max-width:100%;
  }

  body.insights-page .ins-registry__item:nth-child(1),
  body.insights-page .ins-registry__item:nth-child(3){
    padding-right:0;
  }

  body.insights-page .ins-registry__item:nth-child(2),
  body.insights-page .ins-registry__item:nth-child(4){
    padding-left:clamp(var(--bh-space-4),5vw,var(--bh-space-6));
  }

  body.insights-page .ins-pattern__copy{
    padding-right:0;
  }
}