:root {
  --insights-ink: #09120f;
  --insights-ink-2: #111d19;
  --insights-paper: #f3f0e6;
  --insights-paper-2: #e9e6dc;
  --insights-mint: #55d6a5;
  --insights-text: #20302a;
  --insights-muted: #68736e;
  --insights-line: rgba(9,18,15,.16);
}

body[data-page="insights"][data-preview="true"] .site-header,
body[data-page="insight-detail"][data-preview="true"] .site-header { top: 27px; }
.insights-main { background: var(--insights-paper); color: var(--insights-ink); overflow: clip; }
.preview-flag { position: relative; z-index: 60; min-height: 27px; padding: 7px 20px 6px; background: var(--insights-mint); color: var(--insights-ink); font: 750 10px/1.35 var(--display); letter-spacing: .15em; text-align: center; }
.insights-eyebrow,.section-index,.insights-section-heading>span,.insights-cta span,.article-cta span { color: var(--insights-mint); font: 750 10px/1.3 var(--display); letter-spacing: .17em; text-transform: uppercase; }

/* Hub */
.insights-hero { min-height: 760px; padding: 180px 0 42px; background: var(--insights-ink); color: var(--insights-paper); display: flex; flex-direction: column; justify-content: space-between; }
.insights-hero-grid { display: grid; grid-template-columns: minmax(0,1.3fr) minmax(300px,.7fr); gap: clamp(48px,8vw,130px); align-items: end; }
.insights-hero h1 { max-width: 860px; margin: 22px 0 0; font: 620 clamp(58px,7.2vw,106px)/.92 var(--display); letter-spacing: -.055em; }
.insights-intro { max-width: 500px; margin: 0 0 10px; color: rgba(243,240,230,.64); font-size: clamp(18px,1.55vw,23px); line-height: 1.55; }
.hero-rule { display: grid; grid-template-columns:auto 1fr auto; align-items:center; gap:18px; color:rgba(243,240,230,.42); font:700 9px/1 var(--display); letter-spacing:.15em; }
.hero-rule i { height:1px; background:rgba(243,240,230,.18); }
.insights-method,.featured-section,.insights-library { padding: clamp(88px,9vw,138px) 0; }
.insights-section-heading { display:grid; grid-template-columns:170px minmax(0,820px); gap:28px; margin-bottom:64px; }
.insights-section-heading h2 { margin:0; font:620 clamp(38px,4.8vw,68px)/1.01 var(--display); letter-spacing:-.04em; }
.insights-section-heading p { max-width:650px; margin:22px 0 0; color:var(--insights-muted); font-size:17px; line-height:1.65; }
.method-grid { display:grid; grid-template-columns:repeat(5,1fr); border-top:1px solid var(--insights-line); }
.method-card { min-height:245px; padding:24px 24px 28px 0; border-right:1px solid var(--insights-line); display:flex; flex-direction:column; }
.method-card:not(:first-child) { padding-left:24px; }
.method-card:last-child { border-right:0; }
.method-card i { color:#8b9691; font:650 10px/1 var(--display); font-style:normal; }
.method-card b { margin-top:auto; font:620 25px/1.1 var(--display); }
.method-card p { margin:14px 0 0; color:var(--insights-muted); font-size:14px; line-height:1.55; }
.featured-section { background:var(--insights-paper-2); }
.featured-insight { min-height:550px; display:grid; grid-template-columns:90px minmax(0,1fr) 260px; background:var(--insights-ink); color:var(--insights-paper); border:1px solid var(--insights-ink); transition:transform .35s var(--ease),box-shadow .35s var(--ease); }
.featured-insight:hover { transform:translateY(-4px); box-shadow:0 24px 55px rgba(9,18,15,.12); }
.featured-number { padding:36px 24px; border-right:1px solid rgba(243,240,230,.16); color:var(--insights-mint); font:700 11px/1 var(--display); }
.featured-copy { padding:clamp(48px,6vw,90px); display:flex; flex-direction:column; }
.featured-copy>span,.featured-journey small { color:var(--insights-mint); font:700 10px/1.2 var(--display); letter-spacing:.16em; }
.featured-copy h3 { max-width:780px; margin:26px 0; font:620 clamp(42px,5vw,72px)/.98 var(--display); letter-spacing:-.045em; }
.featured-copy p { max-width:630px; margin:0; color:rgba(243,240,230,.63); font-size:19px; line-height:1.6; }
.featured-copy b { margin-top:auto; padding-top:48px; font-size:14px; }
.featured-copy b i { color:var(--insights-mint); font-style:normal; margin-left:8px; }
.featured-journey { padding:42px 32px; border-left:1px solid rgba(243,240,230,.16); display:flex; flex-direction:column; }
.featured-journey em { padding:19px 0; border-bottom:1px solid rgba(243,240,230,.14); font:600 19px/1.1 var(--display); font-style:normal; }
.featured-journey em:first-of-type { margin-top:auto; }
.insights-library { background:var(--insights-paper); }
.cluster-lines { border-top:1px solid var(--insights-line); }
.cluster-line { display:grid; grid-template-columns:70px minmax(220px,.8fr) 1.2fr; gap:24px; align-items:center; min-height:112px; border-bottom:1px solid var(--insights-line); }
.cluster-line>i { color:#8a9590; font:650 10px/1 var(--display); font-style:normal; }
.cluster-line h3 { margin:0; font:620 24px/1.15 var(--display); }
.cluster-line p { margin:0; color:var(--insights-muted); font-size:14px; line-height:1.55; }
.insights-cta { padding:90px 0; background:var(--insights-ink-2); color:var(--insights-paper); }
.insights-cta-grid { display:flex; justify-content:space-between; align-items:end; gap:50px; }
.insights-cta h2 { max-width:750px; margin:17px 0; font:620 clamp(38px,4.6vw,64px)/1 var(--display); letter-spacing:-.035em; }
.insights-cta p { max-width:620px; margin:0; color:rgba(243,240,230,.58); }

/* Article hero and navigation */
.article-hero { min-height:770px; padding:145px 0 50px; background:var(--insights-ink); color:var(--insights-paper); }
.article-back { display:inline-flex; margin:0 0 clamp(70px,9vw,125px); color:rgba(243,240,230,.55); font-size:13px; transition:color .2s; }
.article-back:hover { color:var(--insights-mint); }
.article-hero-grid { display:grid; grid-template-columns:minmax(0,1.28fr) minmax(320px,.72fr); gap:clamp(56px,7.5vw,116px); align-items:end; }
.article-hero h1 { max-width:820px; margin:20px 0 0; font:620 clamp(50px,6.15vw,88px)/.95 var(--display); letter-spacing:-.05em; }
.article-hero-side { padding-left:28px; border-left:1px solid rgba(243,240,230,.18); }
.article-hero-side>span { color:var(--insights-mint); font:700 10px/1 var(--display); letter-spacing:.14em; text-transform:uppercase; }
.article-hero-side p { margin:25px 0 48px; color:rgba(243,240,230,.7); font-size:20px; line-height:1.62; }
.article-hero-side small { color:rgba(243,240,230,.4); font:700 9px/1.3 var(--display); letter-spacing:.11em; text-transform:uppercase; }
.article-phase-nav { display:grid; grid-template-columns:repeat(5,1fr); margin-top:98px; border-top:1px solid rgba(243,240,230,.18); border-bottom:1px solid rgba(243,240,230,.18); }
.article-phase-nav a { min-height:108px; padding:20px 20px 18px 0; border-right:1px solid rgba(243,240,230,.14); }
.article-phase-nav a:not(:first-child) { padding-left:20px; }
.article-phase-nav a:last-child { border-right:0; }
.article-phase-nav span { display:block; color:var(--insights-mint); font:620 18px/1 var(--display); }
.article-phase-nav small { display:block; margin-top:11px; color:rgba(243,240,230,.45); font-size:10px; line-height:1.45; }

/* Long-form guide */
.article-layout { display:grid; grid-template-columns:170px minmax(0,840px); gap:clamp(55px,8vw,120px); justify-content:center; padding-top:100px; padding-bottom:130px; }
.article-rail { position:sticky; top:132px; align-self:start; display:flex; flex-direction:column; padding-top:8px; }
.article-rail>span { margin-bottom:22px; color:#87918c; font:700 9px/1 var(--display); letter-spacing:.15em; }
.article-rail a { padding:8px 0; color:#68736e; font-size:12px; border-bottom:1px solid transparent; }
.article-rail a:hover { color:var(--insights-ink); border-color:var(--insights-mint); }
.article-body { min-width:0; color:var(--insights-text); font-size:17px; line-height:1.76; }
.article-body>p.article-intro { max-width:790px; margin:0 0 22px; font-size:clamp(19px,1.65vw,23px); line-height:1.65; color:#384840; }
.article-body>p.article-intro:first-child { color:var(--insights-ink); font:600 clamp(27px,2.7vw,39px)/1.27 var(--display); letter-spacing:-.02em; }
.content-key { display:grid; grid-template-columns:repeat(3,1fr); margin:70px 0 110px; border-top:1px solid var(--insights-line); border-bottom:1px solid var(--insights-line); }
.content-key div { padding:24px 22px 26px 0; }
.content-key div+div { padding-left:22px; border-left:1px solid var(--insights-line); }
.content-key span { color:#2b8968; font:700 10px/1 var(--display); letter-spacing:.12em; text-transform:uppercase; }
.content-key p { margin:12px 0 0; color:var(--insights-muted); font-size:13px; line-height:1.55; }
.article-body h2 { margin:0; color:var(--insights-ink); font:620 clamp(36px,4.1vw,56px)/1.03 var(--display); letter-spacing:-.035em; }
.article-body h3 { color:var(--insights-ink); font:620 20px/1.25 var(--display); }
.section-lede { max-width:700px; margin:25px 0 0; color:#52605a; font-size:19px; line-height:1.65; }
.guide-framework,.decision-path-section,.signature-questions { margin:0 0 120px; }
.guide-framework { margin-left:-40px; margin-right:-40px; padding:55px 40px 42px; background:var(--insights-ink); color:var(--insights-paper); }
.guide-framework h2 { color:var(--insights-paper); }
.guide-framework .section-lede { color:rgba(243,240,230,.6); }
.framework-rail { display:grid; grid-template-columns:repeat(5,1fr); margin-top:50px; border-top:1px solid rgba(243,240,230,.17); }
.framework-rail article { min-height:250px; padding:20px 17px 22px 0; border-right:1px solid rgba(243,240,230,.14); display:flex; flex-direction:column; }
.framework-rail article:not(:first-child) { padding-left:17px; }
.framework-rail article:last-child { border-right:0; }
.framework-rail i { color:var(--insights-mint); font:700 9px/1 var(--display); font-style:normal; }
.framework-rail h3 { margin:55px 0 12px; color:var(--insights-paper); font-size:23px; }
.framework-rail p { margin:0; color:rgba(243,240,230,.68); font-size:12px; line-height:1.5; }
.framework-rail small { display:block; margin-top:auto; padding-top:22px; color:rgba(243,240,230,.4); font-size:10px; line-height:1.5; }
.decision-path-list { margin-top:45px; border-top:1px solid var(--insights-line); }
.decision-path-list article { display:grid; grid-template-columns:55px minmax(210px,.8fr) 1.2fr; gap:20px; align-items:center; padding:21px 0; border-bottom:1px solid var(--insights-line); }
.decision-path-list i { color:#89938e; font:700 9px/1 var(--display); font-style:normal; }
.decision-path-list h3 { margin:0 0 5px; font-size:18px; }
.decision-path-list p { margin:0; color:var(--insights-muted); font-size:13px; line-height:1.5; }
.decision-path-list strong { padding-left:20px; border-left:2px solid var(--insights-mint); color:#42524b; font-size:13px; line-height:1.5; }
.signature-questions { padding:62px 54px 68px; background:var(--insights-paper-2); border-top:4px solid var(--insights-mint); }
.signature-questions h2 { max-width:700px; font-size:clamp(34px,3.55vw,48px); line-height:1.06; }
.signature-questions ol { display:grid; grid-template-columns:1fr 1fr; column-gap:50px; margin:45px 0 0; padding:0; list-style:none; counter-reset:niru-question; }
.signature-questions li { counter-increment:niru-question; position:relative; padding:20px 0 20px 42px; border-top:1px solid var(--insights-line); color:var(--insights-ink); font:600 17px/1.45 var(--display); }
.signature-questions li::before { content:counter(niru-question,decimal-leading-zero); position:absolute; left:0; top:24px; color:#3d9876; font:700 9px/1 var(--display); }
.guide-stage { display:grid; grid-template-columns:220px minmax(0,1fr); gap:52px; margin:0 0 116px; scroll-margin-top:130px; }
.guide-stage>header { padding-top:5px; }
.guide-stage>header>div { display:flex; justify-content:space-between; align-items:center; margin-bottom:24px; padding-bottom:12px; border-bottom:1px solid var(--insights-line); }
.guide-stage>header span { color:#268b67; font:750 10px/1 var(--display); letter-spacing:.13em; text-transform:uppercase; }
.guide-stage>header i { color:#8a9490; font:700 9px/1 var(--display); font-style:normal; }
.guide-stage>header h2 { font-size:clamp(31px,3.4vw,45px); }
#stage-3 { grid-template-columns:185px minmax(0,1fr); gap:46px; }
#stage-3>header h2 { font-size:clamp(29px,2.7vw,38px); line-height:1.08; }
#stage-3 .stage-copy>p:first-child { font-size:18px; line-height:1.72; }
.stage-copy>p { margin:0 0 20px; }
.guide-checklist { margin:34px 0; padding:28px 30px; border:1px solid var(--insights-line); }
.guide-checklist h3 { margin:0 0 15px; }
.guide-checklist ul { display:grid; grid-template-columns:1fr 1fr; gap:10px 28px; margin:0; padding:0; list-style:none; }
.guide-checklist li { position:relative; padding-left:18px; color:#48564f; font-size:14px; line-height:1.55; }
.guide-checklist li::before { content:""; position:absolute; left:0; top:.68em; width:6px; height:6px; background:var(--insights-mint); }
.decision-gate { margin-top:38px; padding:22px 25px; border-left:4px solid var(--insights-mint); background:#e6e4da; }
.decision-gate span { color:#247e5e; font:750 9px/1 var(--display); letter-spacing:.15em; text-transform:uppercase; }
.decision-gate p { margin:10px 0 0; color:var(--insights-ink); font:600 16px/1.55 var(--display); }
.guide-table { margin:38px 0; }
.guide-table figcaption { margin-bottom:13px; color:var(--insights-ink); font:700 11px/1 var(--display); letter-spacing:.1em; text-transform:uppercase; }
.table-scroll { max-width:100%; overflow-x:auto; border-top:1px solid var(--insights-ink); border-bottom:1px solid var(--insights-line); scrollbar-color:var(--insights-mint) var(--insights-paper-2); }
.guide-table table { width:100%; min-width:620px; border-collapse:collapse; font-size:13px; line-height:1.5; }
.guide-table th,.guide-table td { padding:16px 18px; text-align:left; vertical-align:top; border-bottom:1px solid var(--insights-line); }
.guide-table thead th { color:#52605a; font:700 9px/1.3 var(--display); letter-spacing:.1em; text-transform:uppercase; }
.guide-table tbody th { width:24%; color:var(--insights-ink); font-weight:650; }
.guide-table td { color:#55625c; }
.table-hint { display:none; margin-top:8px; color:#75817b; font-size:10px; text-align:right; }
.guide-closing { margin:20px 0 105px; padding:70px 58px; background:var(--insights-ink); color:var(--insights-paper); }
.guide-closing h2 { max-width:650px; color:var(--insights-paper); }
.guide-closing>p { max-width:680px; color:rgba(243,240,230,.65); }
.project-inputs { display:grid; grid-template-columns:1fr 1fr; margin:48px 0 36px; border-top:1px solid rgba(243,240,230,.18); }
.project-inputs article { min-height:150px; padding:22px 24px 22px 0; border-bottom:1px solid rgba(243,240,230,.18); }
.project-inputs article:nth-child(even) { padding-left:24px; border-left:1px solid rgba(243,240,230,.18); }
.project-inputs i { color:var(--insights-mint); font:700 9px/1 var(--display); font-style:normal; }
.project-inputs h3 { margin:24px 0 8px; color:var(--insights-paper); }
.project-inputs p { margin:0; color:rgba(243,240,230,.5); font-size:12px; line-height:1.5; }
.guide-closing .closing-line { color:var(--insights-paper); font:600 20px/1.45 var(--display); }
.article-related { margin-top:80px; padding-top:30px; border-top:1px solid var(--insights-line); }
.article-related .section-index { display:block; margin-bottom:18px; color:#248361; }
.article-related a { display:flex; justify-content:space-between; gap:20px; padding:16px 0; border-bottom:1px solid var(--insights-line); font:600 15px/1.4 var(--display); }
.article-related a span { color:#298d69; }
.article-cta { padding:90px 0; background:var(--insights-ink-2); color:var(--insights-paper); }
.article-cta>.shell { display:flex; justify-content:space-between; align-items:end; gap:55px; }
.article-cta h2 { max-width:650px; margin:18px 0; font:620 clamp(38px,4.5vw,62px)/1 var(--display); letter-spacing:-.035em; }
.article-cta p { max-width:650px; margin:0; color:rgba(243,240,230,.58); }

@media(max-width:1024px) {
  .insights-hero { min-height:680px; }
  .method-grid { grid-template-columns:repeat(5,minmax(150px,1fr)); overflow-x:auto; }
  .featured-insight { grid-template-columns:70px minmax(0,1fr) 210px; }
  .article-layout { grid-template-columns:130px minmax(0,760px); gap:48px; }
  .guide-stage { grid-template-columns:190px minmax(0,1fr); gap:38px; }
  #stage-3 { grid-template-columns:165px minmax(0,1fr); gap:38px; }
  .framework-rail { grid-template-columns:repeat(5,minmax(135px,1fr)); overflow-x:auto; }
}

@media(max-width:760px) {
  body[data-page="insights"][data-preview="true"] .site-header,
  body[data-page="insight-detail"][data-preview="true"] .site-header { top:25px; }
  .preview-flag { min-height:25px; padding:6px 10px; font-size:8px; }
  .insights-hero { min-height:auto; padding:132px 0 34px; }
  .insights-hero-grid,.article-hero-grid,.insights-section-heading { grid-template-columns:1fr; }
  .insights-hero-grid { gap:48px; }
  .insights-hero h1 { font-size:clamp(48px,15.2vw,67px); }
  .insights-intro { font-size:18px; }
  .hero-rule { margin-top:84px; }
  .insights-method,.featured-section,.insights-library { padding:80px 0; }
  .insights-section-heading { gap:22px; margin-bottom:42px; }
  .insights-section-heading h2 { font-size:39px; }
  .method-grid { grid-template-columns:1fr; overflow:visible; }
  .method-card,.method-card:not(:first-child) { min-height:0; padding:20px 0; border-right:0; border-bottom:1px solid var(--insights-line); display:grid; grid-template-columns:42px 90px 1fr; gap:10px; align-items:start; }
  .method-card b { margin:0; font-size:20px; }
  .method-card p { margin:0; }
  .featured-insight { min-height:0; grid-template-columns:46px minmax(0,1fr); }
  .featured-number { padding:27px 14px; }
  .featured-copy { padding:40px 26px 46px; }
  .featured-copy h3 { font-size:40px; }
  .featured-copy p { font-size:16px; }
  .featured-copy b { margin-top:44px; padding-top:0; }
  .featured-journey { grid-column:1/-1; padding:24px 20px 26px; border-left:0; border-top:1px solid rgba(243,240,230,.16); display:grid; grid-template-columns:repeat(5,1fr); gap:7px; }
  .featured-journey small { grid-column:1/-1; margin-bottom:10px; }
  .featured-journey em,.featured-journey em:first-of-type { margin:0; padding:8px 0 0; border:0; font-size:12px; }
  .cluster-line { grid-template-columns:36px 1fr; gap:12px; padding:19px 0; }
  .cluster-line p { grid-column:2; }
  .insights-cta-grid,.article-cta>.shell { display:block; }
  .insights-cta .btn,.article-cta .btn { margin-top:34px; }
  .article-hero { min-height:auto; padding:120px 0 34px; }
  .article-back { margin-bottom:66px; }
  .article-hero-grid { gap:48px; }
  .article-hero h1 { font-size:clamp(45px,13.4vw,58px); }
  .article-hero-side { padding-left:0; padding-top:24px; border-left:0; border-top:1px solid rgba(243,240,230,.18); }
  .article-hero-side p { margin-bottom:28px; font-size:18px; }
  .article-phase-nav { display:flex; margin-top:58px; overflow-x:auto; scroll-snap-type:x mandatory; }
  .article-phase-nav a,.article-phase-nav a:not(:first-child) { flex:0 0 145px; min-height:100px; padding:18px; scroll-snap-align:start; }
  .article-layout { display:block; padding-top:70px; padding-bottom:90px; }
  .article-rail { display:none; }
  .article-body { font-size:16px; line-height:1.72; }
  .article-body>p.article-intro { font-size:18px; }
  .article-body>p.article-intro:first-child { font-size:28px; }
  .content-key { grid-template-columns:1fr; margin:55px 0 80px; }
  .content-key div,.content-key div+div { padding:18px 0; border-left:0; border-bottom:1px solid var(--insights-line); }
  .guide-framework,.decision-path-section,.signature-questions { margin-bottom:90px; }
  .guide-framework { margin-left:-5vw; margin-right:-5vw; padding:48px 5vw 36px; }
  .framework-rail { display:flex; margin-right:-5vw; padding-right:5vw; }
  .framework-rail article,.framework-rail article:not(:first-child) { flex:0 0 148px; padding:18px 16px; }
  .decision-path-list article { grid-template-columns:34px 1fr; gap:10px; padding:19px 0; }
  .decision-path-list strong { grid-column:2; padding:9px 0 0; border-left:0; border-top:2px solid var(--insights-mint); font-size:12px; }
  .signature-questions { margin-left:-2vw; margin-right:-2vw; padding:45px 7vw 48px; }
  .signature-questions h2 { font-size:33px; }
  .signature-questions ol { grid-template-columns:1fr; margin-top:34px; }
  .guide-stage { display:block; margin-bottom:92px; }
  #stage-3 { display:block; }
  .guide-stage>header { margin-bottom:30px; }
  .guide-stage>header h2 { font-size:36px; }
  .guide-checklist { padding:24px 20px; }
  .guide-checklist ul { grid-template-columns:1fr; }
  .decision-gate { margin-top:30px; }
  .guide-table { margin-left:-1vw; margin-right:-5vw; }
  .table-scroll { padding-right:5vw; }
  .guide-table table { min-width:650px; }
  .table-hint { display:block; padding-right:5vw; }
  .guide-closing { margin-left:-5vw; margin-right:-5vw; padding:54px 5vw; }
  .project-inputs { grid-template-columns:1fr; }
  .project-inputs article,.project-inputs article:nth-child(even) { min-height:0; padding:22px 0; border-left:0; }
}

@media(prefers-reduced-motion:reduce) {
  .featured-insight { transition:none; }
  .featured-insight:hover { transform:none; }
}