/* =========================================================
   NURIA REALTY — INSIGHTS SYSTEM
========================================================= */

/* =========================================================
   INSIGHTS HERO
========================================================= */

.nr-insights-hero{
  position:relative;
  padding:220px 0 140px;
  background:#121212;
  overflow:hidden;
}

.nr-insights-hero::before{
  content:'';
  position:absolute;
  inset:0;
  background:
    linear-gradient(
      135deg,
      rgba(194,29,29,.12),
      transparent 60%
    );
}

.nr-insights-hero-content{
  position:relative;
  z-index:2;
  max-width:850px;
}

/* =========================================================
   ARTICLE LAYOUT
========================================================= */

.nr-article{
  max-width:860px;
  margin:auto;
}

.nr-article-meta{
  display:flex;
  align-items:center;
  gap:14px;
  flex-wrap:wrap;
  margin-bottom:2rem;
  font-size:.78rem;
  text-transform:uppercase;
  letter-spacing:1.6px;
  color:#8a8a8a;
}

.nr-article-meta span{
  position:relative;
}

.nr-article-meta span:not(:last-child)::after{
  content:'';
  width:4px;
  height:4px;
  border-radius:50%;
  background:var(--nr-red);
  position:absolute;
  right:-10px;
  top:50%;
  transform:translateY(-50%);
}

.nr-article-title{
  font-size:clamp(2.4rem,5vw,4.5rem);
  line-height:1.04;
  letter-spacing:-2px;
  margin-bottom:2rem;
  color:var(--nr-dark);
}

.nr-article-intro{
  font-size:1.2rem;
  line-height:2;
  color:#555;
  margin-bottom:3rem;
}

.nr-article p{
  font-size:1.04rem;
  line-height:2;
  color:#4d4d4d;
  margin-bottom:1.8rem;
}

/* =========================================================
   ARTICLE IMAGE
========================================================= */

.nr-article-image{
  margin:60px 0;
  overflow:hidden;
}

.nr-article-image img{
  width:100%;
  height:auto;
  display:block;
}

/* =========================================================
   ACCESS WALL
========================================================= */

.nr-access-wall{
  margin:80px 0;
  padding:50px;
  background:#f7f7f5;
  border-left:2px solid var(--nr-red);
}

.nr-access-wall h3{
  font-size:2rem;
  margin-bottom:1rem;
}

.nr-access-wall p{
  color:#666;
  margin-bottom:2rem;
}

/* =========================================================
   SIGNATURE
========================================================= */

.nr-insight-signature{
  margin-top:80px;
  padding-top:30px;
  border-top:1px solid var(--nr-border);
}

.nr-insight-signature p{
  font-size:.95rem;
  color:#777;
  margin:0;
}

/* =========================================================
   INSIGHTS GRID
========================================================= */

.nr-insights-grid-card{
  height:100%;
  border-top:2px solid var(--nr-red);
  padding-top:24px;
}

.nr-insights-grid-card h3{
  font-size:1.5rem;
  margin-bottom:1rem;
}

.nr-insights-grid-card p{
  color:#666;
  line-height:1.9;
}

/* =========================================================
   SUBSCRIBE SECTION
========================================================= */

.nr-subscribe-box{
  padding:60px;
  background:#f7f7f5;
  text-align:center;
}

.nr-subscribe-box h2{
  margin-bottom:1.4rem;
}

.nr-subscribe-box p{
  max-width:760px;
  margin:0 auto 2rem;
  color:#666;
}

/* =========================================================
   RESPONSIVE
========================================================= */

@media (max-width:991px){

  .nr-access-wall{
    padding:40px;
  }

  .nr-subscribe-box{
    padding:50px 40px;
  }
}

@media (max-width:767px){

  .nr-insights-hero{
    padding:180px 0 100px;
  }

  .nr-article-title{
    letter-spacing:-1.2px;
  }

  .nr-access-wall{
    padding:32px;
  }

  .nr-subscribe-box{
    padding:40px 28px;
  }
}