/* Approved original fine-grain material. Preserve physical pixel scale. */
.original-matte {
  background-color: #25473b;
  background-image: url('./green-tile.png');
  background-repeat: repeat;
  background-position: 0 0;
  background-size: 512px 512px;
}
/* Put this on a dedicated material layer above a continuous cream-paper base.
   Reserve the bottom 280px for the exit; keep text outside the masked layer. */
.original-matte-exit {
  --matte-exit-height: 280px;
  mask-image: linear-gradient(#000, #000), url('./exit-mask.png');
  mask-size: 100% calc(100% - var(--matte-exit-height) + 1px), 960px var(--matte-exit-height);
  mask-position: left top, left bottom;
  mask-repeat: no-repeat, repeat-x;
}
@media (max-width: 760px) {
  .original-matte-exit { --matte-exit-height: 220px; }
}