/**
 * Insights page — Phase 8 final polish
 * Archive editorial · hero geometry · gold band · dark anchor depth
 * Scoped: body.insights-page · load last on insights.html
 */

/* -------------------------------------------------------------------------
   Hero — architectural geometry · slightly stronger presence
   ------------------------------------------------------------------------- */
body.insights-page .ins-hero-visual .ins-arch__mesh{
  opacity:0.68;
}

body.insights-page .ins-hero-visual .ins-arch__engineered{
  opacity:0.46;
}

body.insights-page .ins-hero-visual .ins-arch__ribs{
  opacity:0.94;
}

body.insights-page .ins-hero-visual .ins-arch__datum{
  opacity:0.68;
}

body.insights-page .ins-hero-visual .ins-arch__facet--1{
  border-color:rgba(17,17,17,0.1);
}

body.insights-page .ins-hero-visual .ins-arch__facet--3{
  background:linear-gradient(135deg,rgba(34,162,159,0.38) 0%,#1a1a1a 88%);
  border-color:rgba(34,162,159,0.42);
}

body.insights-page .ins-hero-visual .ins-arch__crop{
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.72),
    inset 0 -1px 0 rgba(17,17,17,0.08);
}

body.insights-page .ins-hero-visual .ins-arch__crop::after{
  background:linear-gradient(
    90deg,
    var(--bh-bg) 0%,
    var(--bh-bg) 20%,
    rgba(255,255,255,0.52) 40%,
    rgba(255,255,255,0.08) 62%,
    transparent 88%
  );
}

body.insights-page .ins-hero-visual .ins-arch__cap{
  color:rgba(245,245,245,0.48);
}

/* -------------------------------------------------------------------------
   Featured observations — archive · publication · subtle asymmetry
   ------------------------------------------------------------------------- */
body.insights-page .ins-observe__head{
  max-width:min(46rem,92%);
  padding-right:clamp(var(--bh-space-7),11vw,calc(var(--bh-unit)*22));
}

body.insights-page .ins-observe__label{
  letter-spacing:0.16em;
  font-weight:700;
}

body.insights-page .ins-observe__deck{
  font-size:var(--bh-text-sm);
  letter-spacing:0.04em;
  max-width:34rem;
  line-height:1.58;
}

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

body.insights-page .ins-registry__spine{
  margin-bottom:clamp(var(--bh-space-4),3.6vw,var(--bh-space-6));
}

body.insights-page .ins-registry__spine-joints{
  display:flex;
  opacity:0.38;
  gap:clamp(var(--bh-space-7),9vw,var(--bh-space-9));
}

body.insights-page .ins-registry__spine-joints span{
  width:5px;
  height:5px;
  border-color:rgba(17,17,17,0.28);
  box-shadow:none;
  background:var(--bh-bg);
}

body.insights-page .ins-registry__spine-line{
  background:linear-gradient(90deg,var(--ins-teal-soft) 0%,rgba(17,17,17,0.16) 22%,var(--ins-line) 100%);
}

body.insights-page .ins-registry__item{
  gap:clamp(var(--bh-space-4),4.2vw,var(--bh-space-6));
}

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

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

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

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

body.insights-page .ins-registry__sig{
  font-size:clamp(1.375rem,2.1vw,1.75rem);
  font-weight:500;
  font-variant-numeric:tabular-nums;
  letter-spacing:0.06em;
  color:rgba(17,17,17,0.4);
}

body.insights-page .ins-registry__sig::after{
  max-width:2rem;
  margin-top:var(--bh-space-3);
  background:linear-gradient(90deg,var(--bh-accent) 0,var(--bh-accent) 48%,var(--ins-line) 48%,var(--ins-line) 100%);
}

body.insights-page .ins-feature-title{
  font-size:clamp(1.375rem,1.55vw,1.625rem);
  line-height:1.28;
  font-weight:600;
  max-width:38ch;
}

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

body.insights-page .ins-feature-title a{
  box-shadow:inset 0 -1px 0 0 rgba(17,17,17,0.14);
}

body.insights-page .ins-feature-desc{
  font-size:var(--bh-text-md);
  line-height:1.56;
  margin-top:clamp(var(--bh-space-2),1.6vw,var(--bh-space-3));
}

body.insights-page .ins-registry__item:nth-child(3) .ins-feature-desc,
body.insights-page .ins-registry__item:nth-child(4) .ins-feature-desc{
  max-width:38rem;
}

body.insights-page .ins-registry__item:nth-child(even)::before{
  background:linear-gradient(180deg,transparent 5%,rgba(34,162,159,0.34) 50%,transparent 95%);
}

/* -------------------------------------------------------------------------
   Reflective gold transition band — preserve · refine contrast
   ------------------------------------------------------------------------- */
body.insights-page .ins-observe::after{
  height:clamp(38px,5vw,58px);
  background:
    linear-gradient(
      178deg,
      transparent 0%,
      rgba(228,218,200,0.52) 12%,
      rgba(210,196,172,0.78) 36%,
      rgba(188,170,140,0.62) 50%,
      rgba(216,206,188,0.68) 70%,
      rgba(247,247,247,0.38) 86%,
      transparent 100%
    );
  border-top-color:rgba(176,154,118,0.28);
  border-bottom-color:rgba(176,154,118,0.18);
}

/* -------------------------------------------------------------------------
   Dark anchor — texture · depth · contrast
   ------------------------------------------------------------------------- */
body.insights-page .ins-anchor{
  background:
    radial-gradient(88% 75% at 8% 22%,rgba(34,162,159,0.14) 0%,transparent 52%),
    linear-gradient(168deg,#060606 0%,#101010 42%,#040404 100%);
}

body.insights-page .ins-anchor__texture{
  opacity:0.78;
  background-image:
    repeating-linear-gradient(-11deg,transparent 0,transparent 18px,rgba(255,255,255,0.078) 18px,rgba(255,255,255,0.078) 19px),
    linear-gradient(90deg,rgba(255,255,255,0.085) 1px,transparent 1px),
    repeating-linear-gradient(0deg,transparent 0,transparent 32px,rgba(34,162,159,0.05) 32px,rgba(34,162,159,0.05) 33px);
  background-size:auto,48px 100%,100% 100%;
  mask-image:linear-gradient(90deg,black 0%,black 74%,transparent 100%);
  -webkit-mask-image:linear-gradient(90deg,black 0%,black 74%,transparent 100%);
}

body.insights-page .ins-anchor__texture::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  opacity:0.68;
  background:
    radial-gradient(ellipse 72% 58% at 94% 36%,rgba(255,255,255,0.1) 0%,transparent 56%),
    linear-gradient(118deg,transparent 48%,rgba(34,162,159,0.09) 48.4%,transparent 48.8%),
    repeating-linear-gradient(-14deg,transparent 0,transparent 32px,rgba(255,255,255,0.042) 32px,rgba(255,255,255,0.042) 33px);
}

body.insights-page .ins-anchor__mark{
  height:2px;
  background:linear-gradient(90deg,var(--bh-accent) 0%,var(--bh-accent) 36%,rgba(255,255,255,0.32) 36%,rgba(255,255,255,0.32) 100%);
}

body.insights-page .ins-anchor__kicker{
  color:rgba(235,235,235,0.54);
  letter-spacing:0.18em;
}

body.insights-page .ins-anchor__headline{
  color:#fff;
  text-shadow:0 1px 0 rgba(0,0,0,0.32);
}

body.insights-page .ins-anchor__lead{
  color:rgba(238,238,238,0.84);
  max-width:42rem;
}

/* -------------------------------------------------------------------------
   Responsive — preserve asymmetry where legible
   ------------------------------------------------------------------------- */
@media (max-width:960px){
  body.insights-page .ins-observe__head{
    max-width:100%;
    padding-right: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__spine-joints{
    display:none;
  }
}