/* The Process. The rows and cards are the site's own - only the header and a
   couple of card tweaks live here. */
#docs-view{display:none;z-index:3;position:relative;padding:7.5rem 0 4rem}
.docs-head{padding:0 var(--gut);margin-bottom:2.2rem}
.docs-head h2{font-family:var(--font);font-weight:800;font-size:clamp(1.7rem,4vw,2.8rem);
  margin:.2rem 0 .6rem;letter-spacing:-.02em;color:var(--ink)}
.docs-head h2 b{color:var(--accent2);font-style:normal}
.docs-head p{margin:0;color:var(--ink-dim);font-size:.9rem;line-height:1.6;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
/* only hold it on one line where there is room for it */
@media(max-width:760px){.docs-head p{white-space:normal;overflow:visible}}

/* running time sits where the couture badge does on a runway card */
.card.doccard .cbadge{letter-spacing:.12em}
.card.doccard .cbadge.cout{color:var(--ink-dim);border-color:var(--line)}
.card.doccard .cname{font-size:.95rem;line-height:1.3}

/* collections a film discusses, linked back into the archive */
.doclinks{display:flex;flex-direction:column;gap:.1rem}
.doclink{display:flex;justify-content:space-between;align-items:baseline;gap:.8rem;width:100%;
  padding:.45rem 0;border:0;border-bottom:1px solid var(--line);background:transparent;
  cursor:pointer;text-align:left;font:inherit;color:var(--ink-dim);transition:color .18s}
.doclink:hover{color:var(--accent)}
.dl-name{font-family:var(--font);font-size:.86rem}
.dl-season{font-family:var(--font);font-size:.6rem;letter-spacing:.08em;text-transform:uppercase;
  color:var(--muted);white-space:nowrap}