/* /insights: the index and the article page. Loaded after izanami.css.
   Uses the izanami variables only. Hairlines, Cinzel kickers, Playfair display. */
.in-head{padding-bottom:clamp(24px,3vw,44px)}
.in-listing{padding-block:clamp(16px,2vw,28px) clamp(72px,10vw,140px)}
.in-list{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}
.in-card{border-bottom:1px solid var(--line)}
.in-card a{display:grid;grid-template-columns:minmax(0,300px) minmax(0,1fr);gap:clamp(20px,3.4vw,56px);align-items:start;padding-block:clamp(24px,3vw,40px);text-decoration:none;color:inherit}
.in-card img{width:100%;height:auto;display:block}
.in-card h2{font-family:var(--serif);font-weight:400;font-size:clamp(24px,2.5vw,36px);line-height:1.16;margin-top:10px;max-width:24ch}
.in-card a:hover h2,.in-card a:focus-visible h2{color:var(--umber)}
.in-card p.body{margin-top:12px}
.in-meta{font-family:var(--caps);font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--ink-60);margin:0}
.in-meta a{color:inherit}
.in-empty{border-top:1px solid var(--line);padding-top:clamp(20px,2.4vw,32px);color:var(--ink-60);max-width:60ch}
.in-empty a,.in-prose a,.in-sources a,.in-article figcaption a{color:var(--umber);text-decoration:underline;text-underline-offset:3px}
.in-fine{font-size:12.5px;line-height:1.6;color:var(--ink-60);margin-top:clamp(18px,2vw,26px);max-width:68ch}

.in-article{width:min(100% - 2*var(--gut),760px);margin-inline:auto;padding-block:clamp(110px,13vw,170px) clamp(72px,10vw,140px)}
.in-article h1{font-family:var(--serif);font-weight:400;font-size:clamp(32px,4.4vw,56px);line-height:1.08;letter-spacing:-.01em;margin-top:clamp(14px,1.6vw,22px)}
.in-article .lede{margin-top:clamp(16px,1.8vw,24px);max-width:none}
.in-by{font-family:var(--caps);font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--ink-60);margin-top:clamp(16px,1.8vw,24px)}
.in-hero{margin:clamp(26px,3vw,44px) 0 0}
.in-article figure img{width:100%;height:auto;display:block}
.in-article figcaption{font-size:12.5px;line-height:1.55;color:var(--ink-60);margin-top:10px}
.in-article figcaption .credit{display:block}
.in-prose{margin-top:clamp(28px,3.2vw,48px);font-size:17px;line-height:1.78;color:var(--ink-80)}
.in-prose p,.in-prose ul,.in-prose ol{margin:0 0 1.2em}
.in-prose li{margin-bottom:.5em}
.in-prose h2{font-family:var(--serif);font-weight:400;font-size:clamp(25px,2.6vw,34px);line-height:1.18;color:var(--ink);margin:clamp(36px,4vw,56px) 0 .6em}
.in-prose blockquote{margin:clamp(28px,3.2vw,44px) 0;padding-left:clamp(16px,2vw,26px);border-left:1px solid var(--umber);font-family:var(--serif);font-style:italic;font-size:clamp(21px,2.1vw,27px);line-height:1.34;color:var(--ink)}
.in-prose blockquote p{margin:0}
.in-prose figure{margin:clamp(28px,3.2vw,44px) 0}
.in-block{border-top:1px solid var(--line);margin-top:clamp(36px,4vw,56px);padding-top:clamp(22px,2.6vw,34px)}
.in-block h2{font-family:var(--serif);font-weight:400;font-size:clamp(25px,2.6vw,34px);line-height:1.18}
.in-block .body{margin-top:12px;max-width:none}
.in-block .cta-btn{margin-top:clamp(18px,2vw,26px)}
.in-sources{margin:14px 0 0;padding-left:20px;font-size:14px;line-height:1.6;color:var(--ink-60)}
.in-sources li{margin-bottom:8px}
@media (max-width:760px){
  .in-card a{grid-template-columns:minmax(0,1fr)}
  .in-prose{font-size:16px}
}