/* generated by tools/make-scratch-pages.js — theme for site/scratch/engine.css */
/* Modern Monochrome: a matte white card on pale stone, one thin black line frame, brushed-silver circles. Editorial: thin
   modern black type in the circles, Bodoni italic names, Jost caps, square corners everywhere, the photo in black & white. */
:root {
  --bg: #cfccca; --bg-tile: url('/art/scratch-monochrome/bg.webp'); --on-bg: #161616; --on-bg-soft: rgba(22, 22, 22, .45);
  --ink: #151515; --ink-soft: #6b6b6b; --accent: #151515; --accent-deep: #151515;
  --serif: 'Bodoni Moda', 'Didot', Georgia, serif; --caps: 'Jost', 'Helvetica Neue', sans-serif; --script: 'Bodoni Moda', Georgia, serif;
  --names-font: 'Bodoni Moda', Georgia, serif; --names-ink: #151515; --names-shadow: none; --amp-font: italic 400 .62em/1 'Cormorant Garamond', serif; --amp-ink: #555; --nib: rgba(0, 0, 0, .08);
  --hint-font: 400 19px/1.45 var(--caps); --hint-ls: .34em; --hint-ink: #2a2a2a;
  --date-font: 200 76px/1 var(--caps); --date-short: 76px; --date-mid: 60px; --date-long: 54px; --date-ls: .02em; --date-ink: #111;
  --date-shadow: none; --date-face: linear-gradient(#111, #111); --face-sheen: .55;
  --label-font: 400 14px/1 var(--caps); --label-ink: #6b6b6b; --win-pad: 10px;
  --title-font: 300 21px/1.3 var(--caps); --title-ls: .5em; --title-ink: #151515;
  --eyebrow-font: italic 400 20px/1.2 var(--serif);
  --paper: #fbfbfa; --paper-img: url('/art/scratch-monochrome/paper.webp');
  --sheet-radius: 0; --sheet-edge: 0 1px 2px rgba(0, 0, 0, .1), 0 14px 30px rgba(0, 0, 0, .12);
  --sheet-inset: 14px; --sheet-line: 1px solid #151515; --sheet-line2: none;
  --h2-font: italic 400 40px/1.15 var(--serif); --h2-ink: #151515;
  --cd-font: 200 48px/1.05 var(--caps); --cd-ink: #151515;
  --caps-font: 500 11px/1.6 var(--caps);
  --btn-font: 500 11px/1 var(--caps); --btn-ls: .3em; --btn-ink: #151515; --btn-bg: #fff; --btn-line: #151515; --btn-radius: 0;
  --btn-shadow: none; --btn-sheen: rgba(0, 0, 0, .06);
  --details-ink: #151515; --details-bg: rgba(255, 255, 255, .55); --details-line: #151515;
  --frame-line: 1px solid #151515; --frame-radius: 0; --frame-shadow: inset 0 0 0 6px #fbfbfa, inset 0 0 0 7px rgba(0, 0, 0, .14);
  --icon-ink: #151515; --spark: rgba(255, 255, 255, .95); --spark-ray: rgba(255, 255, 255, .95); --glint: rgba(255, 255, 255, .95);
  --bloom1: rgba(255, 255, 255, .8); --bloom2: rgba(240, 244, 248, .3);
  --photo-filter: grayscale(1) contrast(1.12) brightness(1.03); --photo-blend: normal; --photo-opacity: 1;
  --venue-font: 400 20px/1.3 var(--caps); --music-bg: rgba(255, 255, 255, .8); --music-ink: #151515; --music-line: rgba(0, 0, 0, .3); --hero-foot: rgba(0, 0, 0, .04);
  --fig-pad: 0; --fig-shadow: 0 10px 22px rgba(0, 0, 0, .14);
}
.b-names .n { font-style: italic; }
.sheet .rule::before, .sheet .rule::after { background: #151515; height: 1px; opacity: .5; }
.rule span { border-color: #151515; transform: none; border-radius: 50%; width: 5px; height: 5px; background: #151515; }
.note { font: italic 400 18px/1.3 var(--serif); color: #444; }
.cd-date { font: italic 400 17px/1.3 var(--serif); }
.cd-sheet { padding: 36px 30px 40px; }