/* Local image assets and direct-call contact panel */
.hero-photo {
  background-image: url("assets/hero-welding.jpg");
  background-position: center;
}

.manifesto-image {
  background-image: url("assets/fabrication.jpg");
}

.role-weld { background-image: url("assets/fabrication.jpg"); }
.role-machine { background-image: url("assets/operator.jpg"); }
.role-warehouse { background-image: url("assets/warehouse.jpg"); }
.role-quality { background-image: url("assets/operator.jpg"); background-position: right; }
.role-logistics { background-image: url("assets/warehouse.jpg"); background-position: left; }
.role-flex { background-image: url("assets/fabrication.jpg"); background-position: right; }

.call-panel {
  align-self: center;
  background: var(--surface);
  padding: 42px;
}

.call-panel > p {
  color: var(--yellow);
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .13em;
  margin: 0 0 17px;
}

.call-panel h3 {
  font-size: 42px;
  max-width: 320px;
}

.call-number {
  color: var(--yellow);
  display: block;
  font: 700 clamp(32px, 4vw, 52px) var(--condensed);
  letter-spacing: .02em;
  margin: 30px 0;
}

.call-panel .button { width: 100%; }

.call-panel small {
  color: #9aaebc;
  display: block;
  font-size: 11px;
  margin-top: 16px;
}

@media (max-width: 800px) {
  .call-panel { padding: 30px; }
}