/* Manufacturing / Factory — page-local layout variant.
   Enqueued by functions.php only on /customization/manufacturing-factory/
   Class prefix: .fac-: colours, type and radii come from assets/css/tokens.css
   and the shared pattern vocabulary in style.css; nothing here restates either. */

/* ---------- 01 · Capacity board ---------------------------------------------
   The published capacity figures read as one board of four blocks: a quiet label,
   a large tabular number, one line of context. Four, so the row fills without a
   gap and the bought-out share sits beside the in-house one instead of under it.
   The hairlines are the 1px grid gap showing the board's own background through,
   the way .refbar does it, so they land correctly at every column count; the
   in-house split is printed here and nowhere else. */
.fac-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;
  margin:clamp(28px,3.4vw,44px) 0 0;
  border:1px solid var(--line-2);border-radius:var(--r);overflow:hidden;
  background:var(--line-2)}
.fac-stats__i{padding:clamp(18px,2.2vw,26px) clamp(18px,2.1vw,26px);background:var(--white)}
.fac-stats__k{margin:0;font-size:12.5px;font-weight:600;color:var(--muted)}
.fac-stats__v{margin:8px 0 0;font-family:var(--display);font-weight:600;line-height:1.05;
  font-size:clamp(26px,3.2vw,40px);color:var(--charcoal);font-variant-numeric:tabular-nums}
.fac-stats__d{margin:10px 0 0;font-size:13px;line-height:1.5;color:var(--muted)}
/* Four columns hold the numbers down to 1024px; below that the longest figure
   would wrap mid-number, so the board becomes 2 × 2 and then a single column. */
@media (max-width:1024px){.fac-stats{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.fac-stats{grid-template-columns:1fr}}

/* ---------- 01 · The film beside the responsibility paragraph ----------------
   The band's second row: the hall as a film, and the paragraph that says where
   responsibility sits. The film keeps the wider share so the frame stays worth
   watching; the paragraph is top-aligned with it rather than stretched to it. */
.fac-overview{margin-top:clamp(30px,3.6vw,48px)}
@media (min-width:861px){
  .fac-overview{grid-template-columns:minmax(0,1.06fr) minmax(0,.94fr)}
}
.fac-overview .fac-note{margin-top:0}

/* ---------- 03 · Factory in pictures ----------------------------------------
   Six frames on the shared g-3 grid, each with its own caption line. style.css
   drops g-3 to two columns at 860px; below 640px a caption under a half-width
   frame is narrower than the caption itself, so the band reads as one column. */
@media (max-width:640px){.fac-gallery{grid-template-columns:1fr}}

/* ---------- 04 · Request a quote: the form beside its rail -------------------
   Each column of a split holds its own height, so the form is kept to the height
   of the copy beside it: less padding on the card, a shorter requirements box and
   a tighter field rhythm than the same component uses where it stands alone
   (§4.8 full form). The form takes the wider share of the band so its two-column
   field grid still fits; between 861 and 1024px the two columns are dropped
   instead, which is the honest layout once the form cannot stand beside the copy
   without either of them being squeezed.                                 */
.fac-enquiry .enquiry-form{padding:clamp(18px,1.8vw,22px)}
.fac-enquiry .enquiry-form label{margin-bottom:5px}
.fac-enquiry .enquiry-form .field-grid{gap:16px 20px;margin-bottom:16px}
.fac-enquiry .enquiry-form textarea{min-height:92px}
.fac-enquiry .enquiry-form .form-foot{margin-top:20px;padding-top:18px;gap:12px}
@media (min-width:861px){
  .fac-rfq{grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr)}
}
@media (min-width:861px) and (max-width:1024px){
  .fac-rfq{grid-template-columns:1fr}
}