/* ---------- Insights ---------- */
.notes { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; margin-top: 56px; text-align: left; }
.note {
  display: flex; flex-direction: column; gap: 10px; color: var(--ink);
  background: var(--mist); border-radius: 24px; padding: 32px 28px 28px;
  transition: transform .6s cubic-bezier(.2, .7, .2, 1), box-shadow .6s ease;
}
.note:hover { text-decoration: none; box-shadow: 0 20px 50px rgba(0, 0, 0, 0.1); }
.note time { font-size: 14px; color: var(--gray); }
.note h3 { font-size: 24px; line-height: 1.17; }
.note p { color: var(--gray); margin: 0; flex: 1; }
.note .more { color: var(--link); margin-top: 8px; }
.tile-link, .tile-link:hover { text-decoration: none; }
.tiles.one { grid-template-columns: minmax(0, 1fr); }
.posts .tile.photo { min-height: 560px; }
.posts .tile.full { min-height: 640px; }
.posts .tile__text, .tiles.one .tile__text { max-width: 760px; text-align: left; align-self: flex-start; }
.posts .tile.photo::after, .tiles.one .tile.photo::after { background: linear-gradient(180deg, rgba(0,0,0,0.62) 0%, rgba(0,0,0,0.25) 55%, rgba(0,0,0,0.05) 100%); }
.posts .tile__text .sub:first-child, .tiles.one .tile__text .sub:first-child { font-size: 15px; margin: 0 0 10px; }
.posts .tile .ctas, .tiles.one .tile .ctas { justify-content: flex-start; }
.tile.photo .more { color: #fff; }

.article-hero { max-width: 980px; margin: 0 auto; }
.crumbs { font-size: 14px; color: var(--gray); margin: 0 0 18px; }
.crumbs a { color: var(--gray); }
.crumbs span { margin: 0 6px; }
.byline { display: inline-flex; align-items: center; gap: 12px; margin: 28px 0 0; font-size: 15px; color: var(--gray); }
.byline img { width: 36px; height: 36px; border-radius: 50%; object-fit: cover; object-position: center 20%; }
.motion .hero .byline, .motion .hero .crumbs { opacity: 0; animation: rise .9s cubic-bezier(.2, .7, .2, 1) .8s forwards; }
.motion .hero .crumbs { animation-delay: .05s; }
.essay > p:first-child { font-size: clamp(21px, 2vw, 24px); line-height: 1.45; color: var(--ink); }
.essay h2 { font-size: 28px; line-height: 1.14; margin: 56px 0 12px; }
.author { display: grid; grid-template-columns: 88px 1fr; gap: 22px; align-items: center; margin-top: 64px; padding: 28px; background: var(--mist); border-radius: 24px; }
.author img { width: 88px; height: 88px; border-radius: 50%; object-fit: cover; object-position: center 20%; }
.author p { font-size: 16px; margin: 0 0 6px; }
.author .author__name { font-weight: 600; font-size: 19px; color: var(--ink); }
.author__links { display: flex; flex-wrap: wrap; gap: 6px 22px; margin-top: 8px !important; }

@media (max-width: 860px) {
  .notes { grid-template-columns: minmax(0, 1fr); }
  .posts .tile.photo, .posts .tile.full { min-height: 520px; }
}
@media (max-width: 520px) {
  .nav__in { padding: 0 16px; }
  .links { gap: 13px; }
  .links a { font-size: 12.5px; }
  .brand { font-size: 16px; }
  .author { grid-template-columns: 1fr; text-align: left; }
}