.manufacturing-custom-remove {
  display: none !important;
}

/* Capabilities image: drop the forced portrait aspect-ratio and let it match the height of the
   text column beside it. Desktop only — on mobile the columns stack and the aspect box is fine. */
@media (min-width: 768px) {
  .manufacturing-capabilities-grid {
    align-items: stretch !important;
  }
  .manufacturing-capabilities-mediacol,
  .manufacturing-capabilities-mediacol > div {
    height: 100% !important;
  }
  .manufacturing-capabilities-media {
    aspect-ratio: auto !important;
    height: 100% !important;
  }
}

.manufacturing-floor-card {
  position: relative !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  cursor: default;
  transition: background-color 700ms ease, color 700ms ease !important;
}

.manufacturing-floor-card > .text-meta:first-child {
  position: absolute !important;
  top: 2rem !important;
  left: 2rem !important;
}

.manufacturing-floor-card > div {
  width: 100% !important;
}

.manufacturing-floor-card:hover {
  background: #101010 !important;
  color: #f4eee6 !important;
}

.manufacturing-floor-card:hover h4 {
  color: #f4eee6 !important;
}

.manufacturing-floor-card:hover p {
  color: rgba(244, 238, 230, 0.68) !important;
}

.manufacturing-floor-card:hover .text-gold {
  color: #d2a558 !important;
}

.manufacturing-projects-cta {
  position: relative;
  display: flex;
  min-height: 180px;
  flex-direction: column;
  justify-content: space-between;
  overflow: hidden;
  background: #cdbfa9;
  padding: 1.75rem;
  color: #17130e;
  text-decoration: none;
  transition: background-color 260ms ease, color 260ms ease, transform 260ms ease;
}

.manufacturing-projects-cta::before {
  position: absolute;
  right: -4rem;
  bottom: -5rem;
  width: 13rem;
  height: 13rem;
  border: 1px solid rgba(23, 19, 14, 0.2);
  border-radius: 999px;
  content: "";
  transition: transform 500ms ease, border-color 260ms ease;
}

.manufacturing-projects-cta-number {
  position: relative;
  z-index: 1;
  color: #60492d;
  font-family: "JetBrains Mono", ui-monospace, monospace;
  font-size: 0.68rem;
  letter-spacing: 0.08em;
}

.manufacturing-projects-cta-copy {
  position: relative;
  z-index: 1;
  max-width: 10ch;
  font-family: "Cormorant Garamond", "Playfair Display", Georgia, serif;
  font-size: clamp(1.75rem, 2.5vw, 2.25rem);
  line-height: 1;
}

.manufacturing-projects-cta-copy em {
  color: #60492d;
  font-weight: inherit;
}

.manufacturing-projects-cta-arrow {
  position: absolute;
  right: 1.5rem;
  bottom: 1.5rem;
  z-index: 2;
  display: grid;
  width: 2.75rem;
  height: 2.75rem;
  place-items: center;
  border: 1px solid rgba(16, 16, 16, 0.8);
  border-radius: 999px;
  background: #101010;
  color: #d2a558;
  font-size: 1rem;
  transition: background-color 260ms ease, color 260ms ease, transform 260ms ease;
}

.manufacturing-projects-cta:hover,
.manufacturing-projects-cta:focus-visible {
  background: #ad9a80;
  color: #101010;
  outline: none;
  transform: translateY(-2px);
}

.manufacturing-projects-cta:hover::before,
.manufacturing-projects-cta:focus-visible::before {
  border-color: rgba(16, 16, 16, 0.2);
  transform: scale(1.12);
}

.manufacturing-projects-cta:hover .manufacturing-projects-cta-arrow,
.manufacturing-projects-cta:focus-visible .manufacturing-projects-cta-arrow {
  background: #101010;
  color: #d2a558;
  transform: translate(2px, -2px);
}