/* Shared evidence and resource strip for all selected works. */
.project-highlights { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); border-top:1px solid var(--line); border-bottom:1px solid var(--line); margin-top:28px; }
.project-highlights > div { padding:22px 18px; min-width:0; }
.project-highlights > div:first-child { padding-left:0; }
.project-highlights > div + div { border-left:1px solid var(--line); }
.project-highlights strong { display:block; font:600 clamp(18px,1.8vw,28px)/1.25 var(--sans); letter-spacing:-.025em; color:#e8e4df; }
.project-highlights span { display:block; margin-top:8px; color:#9e9992; font:11px/1.65 var(--mono); }
.project-resources { display:flex; flex-wrap:wrap; gap:10px 25px; padding:18px 0 4px; }
.project-resources a,.timeline-case-link { color:#c3beb6; font:11px/1.65 var(--mono); text-underline-offset:5px; min-height:36px; display:inline-flex; align-items:center; }
.project-resources a:hover,.timeline-case-link:hover { color:var(--accent); }
.timeline-case-link { display:block; margin-top:8px; }
.project-resources a:focus-visible,.timeline-case-link:focus-visible { outline:1px solid var(--accent); outline-offset:4px; }
.work-selector strong { overflow-wrap:normal; }
.case-media { border-top:1px solid var(--line); padding:22px 0; }
.case-media summary { cursor:pointer; font-size:14px; color:#c9c3b8; padding:8px 0; }
.case-media figure { margin:20px 0 0; }
.case-media img { display:block; width:100%; height:auto; border-radius:4px; }
.case-media figcaption { font-size:12px; line-height:1.6; color:#a39b90; margin-top:12px; }
.project-spotlight[data-project="research"] .project-highlights strong { font-size:clamp(17px,1.65vw,25px); }
@media (min-width:1101px) { .work-selector strong { font-size:clamp(14px,1.45vw,23px); } }
@media (max-width:1100px) { .work-index-list { grid-template-columns:repeat(5,minmax(150px,1fr)); } }
@media (max-width:600px) {
  .project-detail-row h3 br { display:initial; }
  .work-index-list { grid-template-columns:repeat(5,155px); }
  .project-highlights { margin-top:24px; }
  .project-highlights > div { padding:17px 10px; }
  .project-highlights strong { font-size:18px; }
  .project-spotlight[data-project="research"] .project-highlights strong { font-size:15px; }
  .project-highlights span { font-size:10px; }
  .project-resources { gap:8px 18px; }
  .project-resources a { font-size:11px; }
}