/* Attacker: an engraved monogram on an ink exhibition print. */
.exhibit-attacker .exhibit-face.attacker-print {
  position: relative;
  min-height: 310px;
  padding: 20px 23px 17px;
  background: var(--ink);
  color: var(--panel);
  border-color: #fffefb24;
}
.ap-heading { display: flex; align-items: center; justify-content: space-between; gap: 14px; color: #c1c8c9; font: 8px/1.4 var(--mono); letter-spacing: 1.25px; }
.ap-registration { font: 17px/1 var(--mono); color: var(--panel); }
.ap-art { display: block; height: 176px; margin: 2px -7px 0; }
.ap-engraving { display: block; width: 100%; height: 100%; overflow: visible; }
.ap-contours { stroke: var(--panel); stroke-width: 1.2; opacity: .86; transition: transform 700ms var(--motion-arrive); transform-origin: 50% 65%; }
.ap-cut-shadow { fill: var(--ink); }
.ap-cut { fill: var(--accent); transition: transform 700ms var(--motion-arrive); }
.ap-cut-edge { stroke: #a8badd; stroke-width: .6; transition: transform 700ms var(--motion-arrive); }
.ap-title { display: flex; justify-content: space-between; align-items: baseline; gap: 14px; margin-top: 3px; font: 49px/1.06 Georgia, "Times New Roman", serif; letter-spacing: -2.6px; }
.ap-title-mark { padding-right: 1px; font: 23px/1 var(--font); letter-spacing: 0; color: #a8badd; }
.ap-foot { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 8px 14px; margin-top: 14px; padding-top: 11px; border-top: 1px solid #fffefb26; color: #c1c8c9; }
.ap-foot > span:first-child { font-size: 10px; }
.ap-foot > span:last-child { font: 7px/1.4 var(--mono); letter-spacing: .35px; }
@media (hover: hover) and (pointer: fine) and (prefers-reduced-motion: no-preference) {
  .home-view .exhibit-attacker:is(:hover, :focus-visible):not(:disabled) .ap-contours { transform: translateY(-2px); }
  .home-view .exhibit-attacker:is(:hover, :focus-visible):not(:disabled) :is(.ap-cut, .ap-cut-edge) { transform: translate(4px, -1px); }
}
@media (max-width: 950px) {
  .home-view .exhibit-attacker .attacker-print { padding-inline: 20px; }
  .home-view .ap-title { font-size: clamp(40px, 6vw, 49px); }
}
@media (prefers-reduced-motion: reduce) {
  .ap-contours, .ap-cut, .ap-cut-edge { transition: none; }
}
