/* Laser cutting variant; layout and interactions use the shared landing page. */
:root {
  --charcoal-950: #211114; --charcoal-900: #301a1e;
  --charcoal-800: #40252a; --charcoal-700: #624047;
  --charcoal-600: #805d65; --charcoal-500: #9d7a83;
  --oak-200: #ffb8ae; --oak-500: #b83e37;
  --oak-600: #a1302b; --oak-700: #852923;
  --cream-000: #fffafa; --paper-50: #faf2f1;
  --paper-100: #f2e2df; --paper-200: #dfc6c1;
  --ink-900: #351d20; --ink-600: #73585b;
  --ink-on-dark: #f7eceb; --ink-on-dark-dim: #d5bcbf;
  --ink-on-dark-hint: #c7a6ad;
  --shadow-card: 0 1px 2px #2111140f, 0 8px 24px -12px #2111142e;
}
.site-header { background: rgba(48,26,30,.97); }
.hero-overlay { background: linear-gradient(90deg,rgba(33,17,20,.97) 0%,rgba(33,17,20,.9) 34%,rgba(33,17,20,.5) 58%,rgba(33,17,20,.12) 82%); }
.compare-col--accent { box-shadow: 0 0 0 1px #b83e3726; }
.form-perk { background: #b83e371a; border-color: #b83e3759; }
.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(330deg) saturate(.7); }
@media (max-width: 699px) {
  .hero-bg-wrap img { object-position: 65% 48%; }
}


.software-panel .bracket-frame img { height: auto; }