/* Full-image editorial carousel; every article link remains available without JS. */
.home-insights,
.home-closing {
  --insight-inset: clamp(24px, 13vw, 180px);
  --insight-card-width: min(960px, calc(100vw - 2 * var(--insight-inset)));
}
.home-insights {
  --insight-progress: 1;
  padding: clamp(32px, 4vw, 56px) 0 clamp(48px, 5vw, 72px);
  color: var(--fg-default);
  background: var(--ink-25);
  scroll-margin-top: 110px;
}
.home-insights__progress { display: none; width: var(--insight-card-width); height: 3px; margin-inline: auto; background: var(--border-default); }
.home-insights[data-enhanced] .home-insights__progress { display: block; }
.home-insights__progress::after { content: ""; display: block; height: 100%; background: var(--orange-500); transform: scaleX(var(--insight-progress)); transform-origin: left; }
.home-insights__viewport { overflow: hidden; touch-action: pan-y pinch-zoom; }
.home-insights__slide {
  position: relative;
  width: var(--insight-card-width); aspect-ratio: 3 / 2;
  margin: 0 auto 32px; isolation: isolate;
  background: var(--ink-100); scroll-margin-top: 120px;
}
.home-insights__link {
  position: absolute; inset: 0; display: flex; align-items: flex-end;
  color: #fff; text-decoration: none; isolation: isolate;
}
.home-insights__link::after {
  content: ""; position: absolute; z-index: -1; inset: 30% 0 0;
  background: linear-gradient(180deg, transparent, rgba(9, 15, 18, .18) 30%, rgba(9, 15, 18, .8));
  pointer-events: none;
}
.home-insights__image { position: absolute; z-index: -2; inset: 0; overflow: hidden; }
.home-insights__image img { display: block; width: 100%; height: 100%; object-fit: cover; }
.home-insights__copy {
  display: block;
  width: 100%; min-width: 0; padding: clamp(20px, 3vw, 44px);
}
.home-insights__copy h3 { max-width: 24ch; min-width: 0; margin: 0; color: inherit; font: 400 clamp(24px, 3.4vw, 48px)/1.06 var(--headline); letter-spacing: -.035em; text-wrap: balance; }
.home-insights__link:focus-visible { outline: 2px solid var(--orange-500); outline-offset: -6px; }
.home-insights[data-enhanced] .home-insights__slides { position: relative; display: flex; gap: 20px; align-items: stretch; will-change: transform; }
.home-insights[data-enhanced] .home-insights__slide { flex: 0 0 var(--insight-card-width); margin: 0; }

@media (max-width: 600px) {
  .home-insights,
  .home-closing { --insight-inset: 24px; }
}

@media (max-width: 450px) {
  .home-insights[data-enhanced] .home-insights__slides { gap: 12px; }
}

/* Editorial index: a compact introduction, one lead story, then two columns.
   Shared card hooks stay intact for the navigation's article feed. */
body[data-jadey-template="insights-index"] .hero {
  min-height: 0;
  padding: clamp(48px, 6vw, 88px) 0 clamp(32px, 4vw, 56px);
}
body[data-jadey-template="insights-index"] .hero .section-shell {
  min-height: 0;
  padding: 0;
}
[data-jadey-template="insights-index"] .subpage-hero-column { gap: 0; }
[data-jadey-template="insights-index"] .subpage-hero-copy {
  display: block;
  max-width: none;
}
[data-jadey-template="insights-index"] .hero-copy > .eyebrow,
[data-jadey-template="insights-index"] .hero-scroll-indicator { display: none; }
[data-jadey-template="insights-index"] .hero-copy h1 {
  max-width: none;
  margin: 0 0 24px;
  color: var(--fg-default);
  font: 400 clamp(48px, 5.7vw, 84px)/1.02 var(--headline);
  letter-spacing: -.045em;
  text-wrap: balance;
}
[data-jadey-template="insights-index"] .hero-lead {
  max-width: 74ch;
  margin: 0;
  font-size: 17px;
  line-height: 1.55;
  text-align: left;
  hyphens: none;
}
[data-jadey-template="insights-index"] .hero-lead + .hero-lead { max-width: 85ch; margin-top: 10px; font-size: 14px; color: var(--text-secondary); }
body[data-jadey-template="insights-index"] #insights { padding-top: 0; }
body[data-jadey-template="insights-index"] #insights .section-shell { padding-top: 32px; }
[data-jadey-template="insights-index"] .deployment-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: clamp(40px, 5vw, 72px) clamp(28px, 4vw, 56px);
}
[data-jadey-template="insights-index"] .deployment-card {
  display: grid;
  grid-template-areas: "cover" "meta" "body" "cta";
  grid-template-rows: auto auto 1fr auto;
  align-content: start;
  gap: 20px;
  min-height: 0;
  padding: 0 0 28px;
  border: 0;
  border-bottom: 1px solid var(--border-default);
  background: none;
  box-shadow: none;
  color: var(--fg-default);
  text-decoration: none;
  transform: none;
}
[data-jadey-template="insights-index"] .deployment-card::before,
[data-jadey-template="insights-index"] .deployment-card::after,
[data-jadey-template="insights-index"] .deployment-card-tags { display: none; }
[data-jadey-template="insights-index"] .deployment-card-body { grid-area: body; gap: 16px; }
[data-jadey-template="insights-index"] .deployment-card-title {
  max-width: 26ch;
  font-size: clamp(28px, 3vw, 42px);
  font-weight: 400;
  line-height: 1.1;
  text-wrap: pretty;
  transition: color 160ms ease;
}
[data-jadey-template="insights-index"] .deployment-card-text { font-size: 16px; line-height: 1.6; }
[data-jadey-template="insights-index"] .deployment-card-meta {
  grid-area: meta;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px 18px;
}
[data-jadey-template="insights-index"] .deployment-card-meta > div { display: block; }
[data-jadey-template="insights-index"] .deployment-card-meta > div + div { padding-left: 18px; border-left: 1px solid var(--border-default); }
[data-jadey-template="insights-index"] .deployment-card-meta dt {
  position: absolute;
  width: 1px; height: 1px; padding: 0; overflow: hidden;
  clip-path: inset(50%); white-space: nowrap;
}
[data-jadey-template="insights-index"] .deployment-card-meta dd { color: var(--text-secondary); font-size: 13px; line-height: 1.4; }
[data-jadey-template="insights-index"] .deployment-card-cta {
  grid-area: cta;
  justify-self: start;
  align-self: end;
  gap: 8px;
  padding: 10px 0 0;
  border: 0;
  font-size: 14px;
  font-weight: 400;
}
[data-jadey-template="insights-index"] .insight-card-cover {
  grid-area: cover;
  display: block;
  width: 100%; height: auto;
  aspect-ratio: 3 / 2;
  object-fit: cover;
  margin: 0;
  background: var(--ink-100);
}
[data-jadey-template="insights-index"] .deployment-card:first-child {
  grid-column: 1 / -1;
  grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr);
  grid-template-areas: "cover meta" "cover body" "cover cta";
  grid-template-rows: auto 1fr auto;
  column-gap: clamp(32px, 4vw, 64px);
  padding-bottom: clamp(32px, 4vw, 56px);
}
[data-jadey-template="insights-index"] .deployment-card:first-child .deployment-card-body { align-self: center; }
[data-jadey-template="insights-index"] .deployment-card:first-child .deployment-card-title { font-size: clamp(34px, 3.6vw, 52px); }
[data-jadey-template="insights-index"] .deployment-card:first-child .deployment-card-text { font-size: 17px; }
[data-jadey-template="insights-index"] .deployment-card:is(:hover, :focus-visible) .deployment-card-title { color: var(--orange-500); }
[data-jadey-template="insights-index"] .deployment-card:focus-visible { outline: 2px solid var(--orange-500); outline-offset: 8px; }

[data-jadey-template="insight-detail"] .subpage-hero-shell { grid-template-columns: minmax(0, 1fr); }
[data-jadey-template="insight-detail"] .subpage-hero-column { max-width: 1000px; }
[data-jadey-template="insight-detail"] .subpage-hero-visual { width: 100%; margin-top: 32px; }
[data-jadey-template="insight-detail"] .subpage-hero-media,
[data-jadey-template="insight-detail"] .svg-media__frame { width: 100%; margin: 0; padding: 0; background: none; border: 0; border-radius: 0; box-shadow: none; }
[data-jadey-template="insight-detail"] .svg-media__asset { width: 100%; max-height: 620px; aspect-ratio: 16 / 9; object-fit: cover; }

@media (max-width: 900px) {
  [data-jadey-template="insights-index"] .deployment-card:first-child { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 20px 28px; }
  [data-jadey-template="insights-index"] .deployment-card:first-child .insight-card-cover { align-self: center; }
}
@media (max-width: 700px) {
  body[data-jadey-template="insights-index"] .hero { padding: 40px 0 28px; }
  [data-jadey-template="insights-index"] .hero-copy h1 { font-size: clamp(42px, 9vw, 58px); }
  [data-jadey-template="insights-index"] .hero-lead { font-size: 16px; }
  body[data-jadey-template="insights-index"] #insights .section-shell { padding-top: 24px; }
  [data-jadey-template="insights-index"] .deployment-grid { grid-template-columns: minmax(0, 1fr); gap: 36px; }
  [data-jadey-template="insights-index"] .deployment-card,
  [data-jadey-template="insights-index"] .deployment-card:first-child {
    grid-column: auto;
    grid-template-columns: minmax(0, 1fr);
    grid-template-areas: "cover" "meta" "body" "cta";
    grid-template-rows: auto auto 1fr auto;
    gap: 18px;
    padding-bottom: 28px;
  }
  [data-jadey-template="insights-index"] .deployment-card:first-child .deployment-card-title { font-size: 34px; }
  [data-jadey-template="insights-index"] .deployment-card:first-child .deployment-card-text { font-size: 16px; }
}
@media (prefers-reduced-motion: reduce) {
  [data-jadey-template="insights-index"] .deployment-card-title { transition: none; }
}
