/* Metalworking variant; layout and interactions use the shared landing page. */
:root {
  --charcoal-950: #091522; --charcoal-900: #101f30;
  --charcoal-800: #172d43; --charcoal-700: #28455f;
  --charcoal-600: #45617b; --charcoal-500: #6e879d;
  --oak-200: #9bcaff; --oak-500: #2269ba;
  --oak-600: #19599f; --oak-700: #164980;
  --cream-000: #f8fbff; --paper-50: #f0f5fa;
  --paper-100: #e0eaf4; --paper-200: #c3d3e4;
  --ink-900: #14283b; --ink-600: #4c6174;
  --ink-on-dark: #e8f0f8; --ink-on-dark-dim: #b0c3d6;
  --ink-on-dark-hint: #9ab0c5;
  --shadow-card: 0 1px 2px #0915220f, 0 8px 24px -12px #0915222e;
}
.site-header { background: rgba(16,31,48,.97); }
.hero-overlay { background: linear-gradient(90deg,rgba(9,21,34,.97) 0%,rgba(9,21,34,.9) 34%,rgba(9,21,34,.5) 58%,rgba(9,21,34,.12) 82%); }
.compare-col--accent { box-shadow: 0 0 0 1px #2269ba26; }
.form-perk { background: #2269ba1a; border-color: #2269ba59; }
.metal-figure { margin: 0; }
.metal-figure img { width: 100%; border-radius: var(--radius); }
.metal-figure figcaption { color: var(--ink-600); font-size: .95rem; line-height: 1.5; padding-top: .8rem; }
.case-gallery .metal-figure img { height: auto; aspect-ratio: 1; object-fit: cover; }
.program-media .metal-figure { max-width: 460px; margin: auto; }
.faq-deco { filter: hue-rotate(175deg) saturate(.65); }
@media (max-width: 699px) {
  .hero-bg-wrap img { object-position: right 48%; }
}