/* Original Watch-inspired ink field. Scoped to the sketchbook cover only. */
.sketchbook .cover { isolation: isolate; }
.sketchbook .cover > .hero-watch {
  position: absolute;
  inset: -30px min(-20px, calc((1200px - 100vw) / 2)) 0;
  z-index: -1;
  pointer-events: none;
  overflow: hidden;
  color: var(--pen);
  background: var(--sheet);
  mask-image: linear-gradient(transparent, #000 36px, #000 74%, transparent);
}
.hero-watch svg { display: block; width: 100%; height: 100%; overflow: hidden; }
.hero-watch .watch-mark { fill: none; stroke: currentColor; stroke-linecap: round; stroke-width: 1.3; }
.hero-watch .watch-dot { fill: currentColor; }
@media (max-width: 700px) {
  .sketchbook .cover > .hero-watch { inset: -18px -20px 0; }
}
@media (forced-colors: active) {
  .sketchbook .cover > .hero-watch { display: none; }
}