/* ============ LIGHT METAL THEME OVERRIDES ============ */
:root {
  --bg: #edeff2;
  --bg-alt: #e4e7eb;
  --surface: #f9fafb;
  --surface-2: #ffffff;
  --border: rgba(18, 26, 34, 0.10);
  --border-strong: rgba(18, 26, 34, 0.2);
  --text: #181d23;
  --text-2: #46505b;
  --text-3: #77828e;
  --accent: #cd6418;
  --accent-soft: #b85a16;
  --accent-dim: rgba(205, 100, 24, 0.1);
  --bp-line: rgba(24, 29, 35, 0.65);
  --bp-thin: rgba(24, 29, 35, 0.35);
  --bp-dim: rgba(184, 90, 22, 0.7);
  --bp-axis: rgba(184, 90, 22, 0.45);
}
body {
  background: linear-gradient(180deg, #f2f4f6 0%, #e9ebee 40%, #edeff2 100%);
}
.topbar { background: rgba(240, 242, 245, 0.82); }
.hero__grid-bg {
  background-image:
    linear-gradient(rgba(18, 26, 34, 0.055) 1px, transparent 1px),
    linear-gradient(90deg, rgba(18, 26, 34, 0.055) 1px, transparent 1px);
}
.hero__kicker { color: var(--accent); }
.btn--primary { color: #fff; }
.btn--primary:hover { background: #b85a16; box-shadow: 0 8px 26px rgba(205, 100, 24, 0.3); }
.ticker { background: rgba(255, 255, 255, 0.55); }
.advantage h3 { color: var(--accent); }
.cta-band {
  background:
    radial-gradient(ellipse 60% 90% at 50% 110%, rgba(205, 100, 24, 0.12), transparent 70%),
    var(--bg);
}
.gallery__item img { filter: saturate(0.9) contrast(1.0) brightness(1); }
.gallery__item figcaption,
.contacts__map a {
  background: rgba(255, 255, 255, 0.85);
  color: var(--text);
}
.nav.is-open { background: rgba(240, 242, 245, 0.97); }
.hero__facts b { color: var(--accent); }

/* ============ BRUSHED STEEL HERO + SHEEN ============ */
.hero {
  background:
    repeating-linear-gradient(90deg, transparent 0 2px, rgba(18, 26, 34, 0.016) 2px 3px),
    repeating-linear-gradient(90deg, transparent 0 7px, rgba(255, 255, 255, 0.5) 7px 8px),
    linear-gradient(115deg, #eceff2 0%, #e0e4e9 28%, #f3f5f8 47%, #e2e6ea 68%, #edeff2 100%);
}
.hero::after {
  content: '';
  position: absolute;
  top: 0; bottom: 0;
  left: -30%;
  width: 34%;
  background: linear-gradient(100deg,
    transparent 0%,
    rgba(255, 255, 255, 0.5) 45%,
    rgba(255, 255, 255, 0.75) 50%,
    rgba(255, 255, 255, 0.5) 55%,
    transparent 100%);
  transform: skewX(-12deg);
  animation: steel-sheen 11s ease-in-out infinite;
  pointer-events: none;
}
@keyframes steel-sheen {
  0%   { left: -40%; opacity: 0; }
  8%   { opacity: 1; }
  38%  { left: 110%; opacity: 0.35; }
  40%  { opacity: 0; }
  100% { left: 110%; opacity: 0; }
}
.hero__inner { z-index: 1; }
@media (prefers-reduced-motion: reduce) {
  .hero::after { animation: none; opacity: 0; }
}

/* металлическая фактура в CTA */
.cta-band {
  background:
    repeating-linear-gradient(90deg, transparent 0 2px, rgba(18, 26, 34, 0.014) 2px 3px),
    radial-gradient(ellipse 60% 90% at 50% 110%, rgba(205, 100, 24, 0.12), transparent 70%),
    linear-gradient(115deg, #eceff2 0%, #e3e7eb 40%, #f0f2f5 60%, #e9ecef 100%);
}

/* стальные детали на светлом */
:root {
  --deco-1: #f8fafc;
  --deco-2: #c7d0d9;
  --deco-3: #eef1f4;
  --deco-4: #a4afbb;
  --deco-stroke: rgba(18, 26, 34, 0.16);
  --deco-hole: #e9ecef;
}
.deco { opacity: 0.62; }

/* полированный вал за чертежом в hero */
.hero__part {
  display: block;
  right: -130px;
  top: 50%;
  width: 620px;
  mix-blend-mode: multiply;
  opacity: 0.9;
  animation: deco-float 11s ease-in-out infinite alternate;
}
@media (max-width: 1060px) {
  .hero__part { width: 420px; right: -100px; top: auto; bottom: -60px; }
}
@media (max-width: 620px) {
  .hero__part { width: 300px; right: -90px; bottom: -30px; opacity: 0.75; }
}
@media (prefers-reduced-motion: reduce) {
  .hero__part { animation: none; }
}