/* How it works in Ink: an open sumi-e desert behind the steps in place of the band video,
   drifting slower than the page (assets/js/how-desert.js). The band is dark in Paper and
   Night alike, so both use the night painting; desert-paper.webp is its daylight twin. */
html[data-theme="ink"] #how .band-media video{display:none}
#how .band-desert{display:none}
html[data-theme="ink"] #how .band-desert{display:block;position:absolute;left:0;right:0;top:-14%;height:128%;background:url("../themes/ink/desert-night.webp") center 62%/cover no-repeat;will-change:transform}
/* the headline on one line from tablet width up; each step's number small in its top left corner */
@media (min-width:821px){html[data-theme="ink"] #how .lede{max-width:none}html[data-theme="ink"] #how .lede .h2{white-space:nowrap;font-size:clamp(28px,3.7vw,52px)}}
html[data-theme="ink"] #how .steps > li{padding-top:46px}
html[data-theme="ink"] #how .steps .sn{position:absolute;top:12px;left:12px;z-index:2;width:24px;height:24px;font-size:12px;background:transparent;color:#f2ece0;border:1px solid rgba(242,236,224,.5)}
html[data-theme="ink"] #how .steps h3{margin-top:0}
html[data-theme="ink"] #how .steps > li:not(:last-child)::after{top:23px}
html[data-theme="ink"] #how .band-shade{background:linear-gradient(to bottom,rgba(21,20,18,.7) 0%,rgba(21,20,18,.25) 38%,rgba(21,20,18,.35) 70%,rgba(21,20,18,.75) 100%)}