/* Homepage enhancement only; editorial pages keep the shared visual system. */
.insights-home {
  --nams-glow-x: 37%;
  --nams-glow-y: 42%;
}

.nams-opening {
  position: relative;
  isolation: isolate;
  background:
    radial-gradient(ellipse at var(--nams-glow-x) var(--nams-glow-y), #f6c39832, transparent 57%),
    linear-gradient(115deg, #f9eee580, #faf9f600 63%, #e9e9e140);
}

.insights-home .front-intro {
  position: relative;
  padding-block: 40px 30px;
  gap: 55px;
}

.nams-atmosphere {
  position: absolute;
  inset: 0 auto 0 0;
  width: 54%;
  overflow: hidden;
  pointer-events: none;
  z-index: -1;
  color: #ba642c;
}

.nams-atmosphere canvas,
.nams-static-field {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
}

.nams-static-field { opacity: .19; }
.nams-particles-ready .nams-static-field { visibility: hidden; }
.nams-title { position: relative; }
.nams-title > .eyebrow { display: flex; align-items: center; gap: 9px; }
.nams-live-dot { width: 6px; height: 6px; border-radius: 50%; background: var(--orange); box-shadow: 0 0 0 4px #f5822013; }

.insights-home .front-intro h1 { margin-top: 20px; }
.insights-home .front-intro h1 em {
  color: #b54c09;
  background: linear-gradient(110deg, #a94709, #d36311 62%, #a94709);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.nams-tagline { font-size: 17px; line-height: 1.55; color: #5f645f; margin-top: 21px; }
.insights-home .front-positioning { position: relative; }
.insights-home .front-positioning > p { font-size: 17px; }
.insights-home .front-positioning > p:first-child { color: #4f554f; }
.nams-intro-actions { display: flex; align-items: center; justify-content: space-between; gap: 15px; margin-top: 19px; }
.nams-intro-actions .text-link { margin: 0; font-size: 12px; }
.nams-motion { display: inline-flex; align-items: center; justify-content: center; gap: 7px; min-height: 36px; padding: 5px 9px; color: #696d66; font: 11px/1.3 var(--sans); border: 1px solid transparent; background: transparent; border-radius: 20px; cursor: pointer; flex-shrink: 0; }
.nams-motion:hover { border-color: #c9c4ba; background: #ffffff80; color: var(--ink); }
.nams-motion[hidden] { display: none; }
.nams-motion-symbol { display: block; width: 9px; height: 10px; border-inline: 2px solid currentColor; }
.nams-motion[data-paused="true"] .nams-motion-symbol { width: 0; height: 0; border: 5px solid transparent; border-left: 7px solid currentColor; border-right: 0; margin-left: 2px; }
.nams-motion:focus-visible,
.insights-home .approach-links > a:focus-visible { outline: 2px solid #a74708; outline-offset: 4px; }

.insights-home .home-approaches { position: relative; padding-bottom: 30px; }
.insights-home .approach-links > a {
  position: relative;
  min-height: 83px;
  padding: 16px;
  border-color: #dcd9d0;
  background: linear-gradient(135deg, #ffffffd9, #fcfaf6b3);
  box-shadow: 0 2px 2px #4f402502;
  transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease, background .25s ease;
}

.insights-home .approach-links > a:hover,
.insights-home .approach-links > a:focus-visible {
  transform: translateY(-3px);
  border-color: #cd9b74;
  background: linear-gradient(130deg, #fffaf3, #f9e9da);
  box-shadow: 0 8px 22px #714a2f0c;
}

.insights-home .approach-icon { width: 35px; height: 35px; flex-basis: 35px; border-radius: 50%; background: #f582200b; transition: background .25s, color .25s, transform .25s; }
.insights-home .approach-icon .icon { width: 27px; height: 27px; }
.insights-home .approach-links > a:hover .approach-icon,
.insights-home .approach-links > a:focus-visible .approach-icon { color: #a74607; background: #f582201c; transform: scale(1.07); }
.insights-home .approach-links small { font-size: 11.5px; }
.insights-home .front-focus { padding-top: 0; }
.insights-home .latest-heading { border-top: 0; padding-top: 25px; position: relative; }
.insights-home .latest-heading::before { content: ""; position: absolute; inset: 0 0 auto; height: 1px; background: linear-gradient(90deg, #f5822080, #d9d8cf 37%, #d9d8cf); }
.insights-home .front-lead { transition: box-shadow .25s, border-color .25s; }
.insights-home .front-lead:hover { border-color: #cab8a7; box-shadow: 0 7px 24px #4e3f2909; }
.insights-home .read-link .icon,
.insights-home .text-link .icon,
.insights-home .home-feed-item > .icon,
.insights-home .method-teaser > .icon { transition: transform .25s ease; }
.insights-home .read-link:hover .icon,
.insights-home .text-link:hover .icon,
.insights-home .home-feed-item:hover > .icon,
.insights-home .home-feed-item:focus-within > .icon,
.insights-home .method-teaser:hover > .icon,
.insights-home .method-teaser:focus-visible > .icon { transform: translateX(4px); }
.insights-home .home-feed-item { transition: background .25s ease; }
.insights-home .home-feed-item:hover,
.insights-home .home-feed-item:focus-within { background: linear-gradient(90deg, #f5822000, #f5822007 20%, #f5822000); }
.insights-home .front-methods { background: radial-gradient(ellipse at 4% 110%, #94633b40, transparent 65%), linear-gradient(115deg, #30332e, #242726 75%); }
.insights-home .method-teaser:hover,
.insights-home .method-teaser:focus-visible { background: linear-gradient(90deg, transparent, #ffffff05); }

/* A pause stops transitions as well as the canvas and entrance effects. */
.insights-home[data-motion-state="paused"] *,
.insights-home[data-motion-state="paused"] *::before,
.insights-home[data-motion-state="paused"] *::after { animation: none !important; transition: none !important; }
.insights-home[data-motion-state="paused"] .approach-links > a:hover,
.insights-home[data-motion-state="paused"] .approach-links > a:focus-visible,
.insights-home[data-motion-state="paused"] .approach-icon,
.insights-home[data-motion-state="paused"] .icon { transform: none !important; }

@media (max-width: 1100px) {
  .insights-home .front-intro { gap: 30px; }
  .nams-intro-actions { gap: 8px; }
  .nams-intro-actions .text-link { font-size: 11px; }
  .insights-home .approach-links small { font-size: 12px; }
}

@media (max-width: 700px) {
  .insights-home .front-intro { padding-block: 30px 24px; gap: 25px; }
  .nams-atmosphere { width: 100%; height: 300px; opacity: .7; }
  .nams-opening { background: radial-gradient(ellipse at 10% 15%, #f6c39832, transparent 56%), linear-gradient(145deg, #f9eee540, transparent 70%); }
  .insights-home .front-intro h1 { margin-top: 18px; }
  .nams-tagline { margin-top: 15px; font-size: 16px; }
  .insights-home .front-positioning > p { font-size: 17px; }
  .nams-intro-actions { margin-top: 12px; }
  .nams-intro-actions .text-link { font-size: 12px; }
  .insights-home .home-approaches { padding-bottom: 25px; }
  .insights-home .approach-links > a { min-height: 74px; padding: 13px 12px; gap: 9px; }
  .insights-home .approach-icon { flex-basis: 27px; width: 27px; height: 27px; }
  .insights-home .approach-icon .icon { width: 25px; height: 25px; }
}

@media (prefers-reduced-motion: reduce) {
  .insights-home .nams-motion { display: none; }
  .insights-home *, .insights-home *::before, .insights-home *::after { animation: none !important; transition: none !important; }
  .insights-home .approach-links > a:hover,
  .insights-home .approach-links > a:focus-visible,
  .insights-home .approach-icon,
  .insights-home .icon { transform: none !important; }
}

@media (forced-colors: active) {
  .insights-home .front-intro h1 em { background: none; -webkit-text-fill-color: currentColor; }
  .nams-atmosphere { display: none; }
}
