body.manufacturing-brand-page { --mb-nav-height: 0px; }
/* Shared site title scale; simple title selectors with large, changing photos. */
.mb-main { --site-title-spacing: .02em; }
.mb-hero h1 { font-size: clamp(32px,3vw,52px); line-height: 1.4; }
.mb-main h2 { font-size: clamp(30px,2.8vw,42px); line-height: 1.45; }
.mb-hero-intro { max-width: 580px; font-size: 22px; line-height: 1.85; }
.mb-section-heading { max-width: 1000px; margin-left: auto !important; margin-right: auto !important; text-align: center; }
.mb-section-heading p { margin-left: auto; margin-right: auto; font-size: 18px; }
.mb-process-layout,.mb-quality-layout { grid-template-columns: minmax(0,1.05fr) minmax(0,1fr); align-items: center; }
.mb-process-scene { position: relative; height: clamp(420px,38vw,560px); }
.mb-process-visual { position: relative; top: auto; }
.mb-process-visual h3 { font-size: 20px; }
.mb-step { display: flex; align-items: center; min-height: 90px; padding: 24px 0; }
.mb-step-title { font-size: 22px; line-height: 1.7; }
.mb-step::before { top: 25px; bottom: 25px; }
.mb-quality-list { border-top: 1px solid #2b3641; }
.mb-quality-choice { display: flex; align-items: center; min-height: 108px; padding: 28px 0; }
.mb-quality-name { font-size: 22px; line-height: 1.7; transition: color .4s; }
.mb-quality-choice[aria-pressed="true"] .mb-quality-name { color: #93cef5; }
.mb-quality-visual { height: 540px; }
.mb-quality-visual .capability-media { position: absolute; z-index: -2; inset: 0; }
.mb-quality-visual h3 { font-size: 22px; }
.mb-group-card { transition: transform .6s cubic-bezier(.2,.7,.2,1),box-shadow .6s; }
.mb-group-card figcaption { display: block; padding: 26px 18px; text-align: center; }
.mb-group-card h3 { font-size: 22px; line-height: 1.6; text-align: center; transition: color .4s; }
.mb-group-card .mb-photo-crop { transform: scale(1); transition: transform .8s cubic-bezier(.2,.7,.2,1),filter .6s; }
.mb-group-card:focus-visible { outline: 2px solid #0369ae; outline-offset: 4px; }
.mb-group-card:is(:hover,:focus-visible) h3 { color: #0369ae; }
@media (hover: hover) and (pointer: fine) {
  .mb-group-card:hover { transform: translateY(-5px); box-shadow: 0 15px 30px rgba(26,59,83,.09); }
  .mb-group-card:hover .mb-photo-crop { transform: scale(1.035); filter: brightness(1.025); }
}
.mb-group-card:focus-visible .mb-photo-crop { transform: scale(1.035); }
@media (max-width: 1100px) { .mb-step-title,.mb-quality-name { font-size: 20px; } }
@media (max-width: 800px) {
  .mb-process-layout,.mb-quality-layout { grid-template-columns: minmax(0,1fr); gap: 30px; }
  .mb-process-scene { height: 400px; }
  .mb-step,.mb-quality-choice { min-height: 78px; padding: 21px 0; }
  .mb-step-title,.mb-quality-name { font-size: 21px; }
  .mb-quality-visual { height: 480px; }
}
@media (max-width: 600px) {
  .mb-hero h1 { font-size: 28px; }
  .mb-main h2 { font-size: 28px; }
  .mb-hero-intro { font-size: 19px; }
  .mb-section-heading p { font-size: 16px; }
  .mb-process-scene { height: 280px; }
  .mb-step,.mb-quality-choice { min-height: 72px; padding: 19px 0; }
  .mb-step-title,.mb-quality-name { font-size: 19px; }
  .mb-quality-visual { height: 400px; }
  .mb-quality-visual h3 { font-size: 20px; }
  .mb-group-card h3 { font-size: 20px; }
}
@media (prefers-reduced-motion: reduce) { .mb-group-card,.mb-group-card .mb-photo-crop { transition: none; } .mb-group-card:is(:hover,:focus-visible),.mb-group-card:is(:hover,:focus-visible) .mb-photo-crop { transform: none; } }