/* ASSOCIATIVE NAVIGATION / design study, November 2026.
   Keeps site navigation stable. Adds a second, editorial layer to selected works and research pages. */
.thread-section {
  --thread-ink:#303c34; --thread-muted:#6d7a6f; --thread-rule:#ccd2ca;
  background:#f1f0ea;color:var(--thread-ink);
  padding:clamp(68px,7vw,105px) max(26px,calc((100vw - 1300px) / 2));
  border-top:1px solid var(--thread-rule);font-family:Arial,Helvetica,sans-serif;
}
.thread-section .thread-inner {max-width:1300px;margin-inline:auto}
.thread-top {display:grid;grid-template-columns:minmax(175px,.42fr) minmax(0,1fr);gap:clamp(25px,5vw,85px);align-items:start;margin-bottom:32px}
.thread-micro {display:block;font:10px/1.8 'Courier New',monospace;letter-spacing:.13em;color:#788878;text-transform:uppercase;padding-top:11px}
.thread-intro h2 {font:normal clamp(39px,4.2vw,66px)/1.1 Georgia,'Times New Roman',serif;letter-spacing:-.055em;margin:0 0 13px;color:#354139}
.thread-intro p {font:14px/1.8 Arial,Helvetica,sans-serif;color:#69776c;margin:0;max-width:570px}
.thread-cards {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.thread-card {display:grid;grid-template-columns:112px minmax(0,1fr);align-items:stretch;gap:24px;min-height:207px;padding:17px;text-decoration:none;color:inherit;border:1px solid #c6cec4;background:#f7f6f1;transition:border-color .18s,background-color .18s,transform .18s}
.thread-card:hover {background:#fffdf9;border-color:#8da595;transform:translateY(-2px)}
.thread-card:focus-visible {outline:2px solid #6a8a72;outline-offset:3px}
.thread-card img {display:block;width:112px;height:100%;min-height:169px;object-fit:cover;filter:saturate(.79) contrast(.96)}
.thread-card-content {display:flex;flex-direction:column;align-items:start;min-width:0;padding:3px 5px 1px 0}
.thread-type {font:9px/1.5 'Courier New',monospace;letter-spacing:.095em;text-transform:uppercase;color:#778c79}
.thread-card-title {font:normal clamp(23px,2.4vw,33px)/1.12 Georgia,'Times New Roman',serif;letter-spacing:-.035em;margin:14px 0 10px}
.thread-reason {font:12px/1.75 Arial,Helvetica,sans-serif;color:#6f7a71;margin-bottom:14px}
.thread-follow {margin-top:auto;color:#536d58;font:10px/1.6 'Courier New',monospace;letter-spacing:.04em}
.thread-postscript {font:10px/1.8 'Courier New',monospace;color:#879084;letter-spacing:.015em;margin-top:22px}
/* Only appears after a visitor deliberately follows an editorial connection. */
.thread-pathbar {position:relative;z-index:25;background:#e9eee6;border-bottom:1px solid #bfc9bc;padding:11px max(22px,calc((100vw - 1300px) / 2));color:#546b59;font-family:'Courier New',monospace}
.thread-path-inner {display:flex;flex-wrap:wrap;align-items:center;gap:12px;max-width:1300px;margin:auto}
.thread-path-label {font:9px/1.4 'Courier New',monospace;letter-spacing:.1em;text-transform:uppercase;color:#69816d;margin-right:8px}
.thread-path-links {display:flex;flex-wrap:wrap;align-items:center;gap:7px;font:10px/1.65 'Courier New',monospace}
.thread-path-links a {text-decoration:none;border-bottom:1px solid #92a996;color:#385644}
.thread-path-links b {font-weight:normal;color:#334a39}
.thread-path-links i {font-style:normal;opacity:.5}
.thread-path-clear {border:0;background:none;color:#647c68;text-decoration:underline;text-underline-offset:3px;font:10px 'Courier New',monospace;cursor:pointer;margin-left:auto;padding:3px}
@media(max-width:760px) {
 .thread-section {padding:59px 21px 70px}
 .thread-top {grid-template-columns:1fr;gap:13px;margin-bottom:26px}
 .thread-micro {padding:0}
 .thread-cards {grid-template-columns:1fr}
 .thread-card {grid-template-columns:89px minmax(0,1fr);min-height:160px;gap:17px;padding:12px}
 .thread-card img{width:89px;min-height:135px}
 .thread-card-title {font-size:25px;margin:9px 0 8px}
 .thread-reason {font-size:12px;line-height:1.6}
 .thread-pathbar{padding:12px 20px}
 .thread-path-label{width:100%}
 .thread-path-clear {margin-left:0}
}
@media(prefers-reduced-motion: reduce){.thread-card{transition:none}.thread-card:hover{transform:none}}