.press-proof {
  overflow: hidden;
  padding: 28px 22px;
  border: 1px solid #63503f;
  background: repeating-linear-gradient(1deg, #49372c 0 4px, #4d3c2f 5px 7px);
}
.press-proof-paper {
  position: relative;
  height: 112px;
  max-width: 275px;
  margin: auto;
  background: linear-gradient(110deg, #cbb78d, #e8d8b6 30%, #d5bc95);
  box-shadow: 0 3px 8px #160f0b70;
}
.press-proof-type {
  position: absolute;
  top: 19%;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  width: 75%;
  gap: .65em;
  justify-content: center;
  text-align: center;
  align-items: start;
  color: #38332d;
  font: 700 17px/1.4 var(--serif);
}
.press-overlay {
  position: absolute;
  inset: 0;
  color: #a63630;
  transform: translate(calc(var(--shift-x) * 11px), calc(var(--shift-y) * 11px));
}
.press-overlay b {
  position: absolute;
  inset: 53% 9% auto;
  text-align: center;
  font: 700 16px/1.6 var(--serif);
}
.press-proof-outline { color: transparent; }
.press-proof-outline span:last-child { outline: 1.5px solid #a63630; outline-offset: 2px; }
.press-corner { position: absolute; width: 15px; height: 15px; color: #332f29; }
.press-corner.near { left: 11%; top: 18%; }
.press-corner.far { right: 11%; bottom: 18%; }
.press-corner::before, .press-corner::after { content: ''; position: absolute; background: currentColor; }
.press-corner::before { top: 7px; width: 15px; height: 1.5px; }
.press-corner::after { left: 7px; height: 15px; width: 1.5px; }
.press-overlay .press-corner { color: #b43b35; }
.press-registration { color: #d8c097; text-align: center; margin: 9px 0; font-size: 13px; }
.press-arrows { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 6px; }
.press-arrows .craft-button { padding: 0 4px; gap: 4px; }
.press-arrows .craft-button svg { flex-shrink: 0; }
@media (max-width: 440px) {
  .press-arrows { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
.press-arrows [data-craft-key="left"] svg { transform: rotate(180deg); }
.press-arrows [data-craft-key="up"] svg { transform: rotate(-90deg); }
.press-arrows [data-craft-key="down"] svg { transform: rotate(90deg); }