/* 05 Making → „Blatt“ (07.11., 5. Runde): die fünf Film-Kerzen als dezente Tuschezeichnung nebeneinander.
   Silhouette kräftig · Marmornaht dünn · dunkle Seite sparsam schraffiert (tiefster Schatten gekreuzt) · Dochte als Striche.
   Zeichnen sich beim Hereinscrollen in Echtzeit (js/making.js). Kein Anheften, kein Biegen. */
.make { padding: clamp(96px, 10vw, 170px) var(--gutter) clamp(96px, 10vw, 170px); background: var(--white); color: var(--black); }
.make__sheet {
  --sheet-h: clamp(180px, 24vw, 420px);              /* Höhe der höchsten Form (mittlerer Zylinder); fünf passen so nebeneinander */
  display: flex; align-items: flex-end; justify-content: space-between; gap: clamp(20px, 3vw, 56px);
  max-width: 1400px; margin: 0 auto;
}
.make__form { margin: 0; flex: 0 0 auto; height: calc(var(--h) * var(--sheet-h)); aspect-ratio: var(--ar); }
.make__form svg { display: block; width: 100%; height: 100%; overflow: visible; }
.make__form path { fill: none; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; vector-effect: non-scaling-stroke; }
.make__form .d-sil { stroke-width: 1.4px; }
.make__form .d-seam { stroke-width: .8px; }
.make__form .d-wick { stroke-width: 1.1px; }
/* Schraffur = echte Linien in einem clipPath (kein <pattern>: WebKit lässt dünne Pattern-Linien weg, 08.11.) */
.make__form .d-hatch, .make__form .d-cross { stroke-width: .6px; stroke-opacity: .6; stroke-linecap: butt; }
.make__caption { margin: clamp(40px, 4vw, 64px) auto 0; max-width: 1400px; text-align: center; font-family: var(--serif); font-size: 13px; color: var(--grey-ink); }
@media (max-width: 760px) {
  .make__sheet { --sheet-h: 44vw; flex-wrap: wrap; justify-content: center; gap: 40px 24px; }
}