/* ============================================================================
   PAGE FAMILY: artwork not-found page (B18-artwork) — SKIN tier — from site-most-famous-paintings-V2.0.css
   Migrated 2026-07-05. Scope: .artwork-not-found-page (artwork_not_found.html).
   PHASE-A FIDELITY: verbatim relocation. Harness-diff before editing.
   ============================================================================ */
.artwork-not-found-page {
  padding-top: 48px;
  padding-bottom: 72px;
  background: var(--mfp-sand, #F5F1E8);
}

.artwork-not-found-page .breadcrumb-navigation-list {
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px;
  padding: 0;
  margin: 0 0 32px;
  font-family: var(--mfp-sans, "Inter", system-ui, sans-serif);
  font-size: 12px;
  letter-spacing: 0.04em;
  color: var(--mfp-ink-3, #8A8273);
}

.artwork-not-found-page .breadcrumb-navigation-list a {
  color: var(--mfp-ink-2, #4A4438);
  text-decoration: none;
  transition: color 0.2s ease;
}

.artwork-not-found-page .breadcrumb-navigation-list a:hover {
  color: var(--mfp-gold, #8B6914);
  text-shadow: none;
}

.artwork-not-found-page .breadcrumb-navigation-list .breadcrumb-current-page-item {
  color: var(--mfp-ink-3, #8A8273);
  font-weight: 500;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  font-size: 11px;
}

.artwork-not-found-page .e_card_form {
  background: var(--mfp-ivory, #FDFAF4);
  border: 1px solid var(--mfp-rule-strong, rgba(28, 26, 23, 0.28));
  border-radius: var(--r-sm, 2px);
  padding: 48px 40px;
  box-shadow: 0 12px 24px -12px rgba(26, 24, 20, 0.18);
  margin: 0 auto;
}

.artwork-not-found-page .e_card_form::before {
  content: "";
  display: block;
  width: 36px;
  height: 1px;
  background: var(--mfp-gold, #8B6914);
  margin: 0 auto 20px;
}

.artwork-not-found-page .form_heading {
  font-family: var(--font-title, "Baskervville SC", Georgia, serif);
  font-size: 30px;
  font-weight: 400;
  line-height: 1.2;
  letter-spacing: 0.01em;
  color: var(--mfp-ink, #1A1814);
  margin-bottom: 16px;
}

.artwork-not-found-page .form_content {
  font-family: var(--mfp-sans, "Inter", system-ui, sans-serif);
  font-size: 16px;
  line-height: 1.65;
  color: var(--mfp-ink-2, #4A4438);
}

.artwork-not-found-page .form_content p {
  margin-bottom: 0;
}

.artwork-not-found-page .btn-primary {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 14px 28px;
  font-family: var(--mfp-sans, "Inter", system-ui, sans-serif);
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  border-radius: var(--r-sm, 2px);
  border: none;
  background: var(--mfp-ink, #1A1814);
  color: var(--mfp-ivory, #FDFAF4);
  text-decoration: none;
  cursor: pointer;
  transition: background 0.2s ease, color 0.2s ease;
}

.artwork-not-found-page .btn-primary:hover {
  background: var(--mfp-gold, #8B6914);
  color: var(--mfp-ivory, #FDFAF4);
  text-shadow: none;
}

.artwork-not-found-page .btn-secondary {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 14px 28px;
  font-family: var(--mfp-sans, "Inter", system-ui, sans-serif);
  font-size: 11px;
  font-weight: 500;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  border-radius: var(--r-sm, 2px);
  border: 1px solid var(--mfp-rule-strong, rgba(28, 26, 23, 0.28));
  background: transparent;
  color: var(--mfp-ink-2, #4A4438);
  text-decoration: none;
  cursor: pointer;
  transition: border-color 0.2s ease, color 0.2s ease;
}

.artwork-not-found-page .btn-secondary:hover {
  border-color: var(--mfp-gold, #8B6914);
  color: var(--mfp-gold, #8B6914);
  text-shadow: none;
}

@media (max-width: 576px) {
.artwork-not-found-page .e_card_form {
    padding: 32px 20px;
  }

.artwork-not-found-page .form_heading {
    font-size: 24px;
  }

}