/* LINE DRAWINGS (A1) — pre-states only under html.js-draw === */
.art{width:100%;height:auto;overflow:visible}
.art .ln{fill:none;stroke:var(--graphite);stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.art .c{fill:none;stroke:var(--sang);stroke-width:.8;opacity:.7}
.art .env{stroke:var(--grey);opacity:.55}
.art .pl{stroke-width:1.1;opacity:.9}
.art .tk{stroke-width:.8}
.art .bob{fill:var(--sang)}
.art text{font-family:var(--serif);font-style:italic;font-size:14px;fill:var(--sang-d)}
.art .num text{font-style:normal;font-family:var(--sans);font-size:12px;fill:var(--ink2)}
.art text.sm{font-family:var(--sans);font-style:normal;font-size:11px;fill:var(--ink2)}
.art.wide text{font-size:15px}
.art .nn{font-style:normal;font-size:13px;fill:var(--graphite)}
.art-slot{display:block}
.js-draw .art .c,.js-draw .art .ln{stroke-dasharray:var(--len,1000);stroke-dashoffset:var(--len,1000)}
.js-draw .art .c{transition:stroke-dashoffset .6s var(--ease) calc(var(--i,0)*40ms)}
.js-draw .art .ln{transition:stroke-dashoffset 1.4s var(--ease) calc(var(--i,0)*60ms + 300ms)}
.js-draw .art .fade{opacity:0;transition:opacity .8s ease calc(var(--t,1600ms))}
.js-draw .art.is-drawn .c,.js-draw .art.is-drawn .ln{stroke-dashoffset:0}
.js-draw .art.is-drawn .fade{opacity:1}
.art .fade[opacity]{opacity:.6}
.js-draw .art.is-drawn .fade[opacity]{opacity:.6}
/* tone variants for gallery placeholder plates (I12) */
.tone-2{background:color-mix(in srgb,var(--surface-color) 65%,var(--bg-color))}.tone-3{background:color-mix(in srgb,var(--surface-color) 70%,var(--bg-color))}
.tone-s .art .ln{stroke:var(--sang-d)}

