/* r7 nature layer for J (27 Sep). Loaded after the page's own styles; remove
   the <link> and the script to drop the layer. */

/* Paper grain over the whole page. It tints the paper chapters, and on the
   dark ones it is darker than the ground, so it vanishes there. */
body{background-image:url(grain.svg);background-size:220px 220px;background-blend-mode:multiply}

/* Root hairs: finer and fainter than the line they grow from. */
#line .rh,#rail .rh{stroke-width:1.25;opacity:.8}
#line .rh2,#rail .rh2{stroke-width:.8;opacity:.6}
#line .runner{stroke-width:1.4}
#line .rings{opacity:1}

/* The stage's root clusters draw themselves when the spark reaches a station. */
#rail .rroot .rh{opacity:.55;stroke-width:1.1}
#rail .rroot .rh2{opacity:.4}
#rail .rroot path{fill:none;stroke:var(--acc);stroke-linecap:round;stroke-dashoffset:var(--len);
  transition:stroke-dashoffset 1.6s cubic-bezier(.33,.0,.15,1) var(--d)}
#rail .rroot.on path{stroke-dashoffset:0}
/* The station labels sit on a knock-out of the ground, so roots pass behind them. */
#rail text{paint-order:stroke;stroke:var(--bg);stroke-width:7px;stroke-linejoin:round}

/* The photograph, pressed like a specimen: a hairline mount, the print a
   little warmer and flatter, and its caption set as a herbarium label. */
.photo{position:relative;padding:10px;border:1px solid var(--rule);background:rgba(244,242,234,.03)}
.photo img{filter:sepia(.18) saturate(.82) contrast(1.04);display:block}
.photo::before{content:'';position:absolute;inset:10px;pointer-events:none;
  background:url(grain.svg);background-size:180px;mix-blend-mode:overlay;opacity:.9}
.photo figcaption{display:flex;gap:10px;align-items:baseline;border-top:1px solid var(--rule);padding-top:10px}
.photo figcaption::before{content:'Specimen 03';color:var(--acc);white-space:nowrap}

/* Organic easing on the things that already move. */
.btns a,.btns button{transition-timing-function:cubic-bezier(.34,1.3,.64,1)}

/* Leaves, sprouts and the seed pod (leaf.js): the line's stroke, finer. */
#line .leaf path{fill:none;stroke:var(--acc);stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5}
#line .leaf .rib,#line .leaf .stalk{stroke-width:1.1}