/*
 * Osiris — Manufacturing
 */

/* ============================================================
   01. DESIGN BASE
   ============================================================ */
:root {
    --mfg-bg: #020617;
    --mfg-bg-alt: #050b18;
    --mfg-panel: #07111f;
    --mfg-panel-soft: #0a1524;
    --mfg-text: #ffffff;
    --mfg-muted: #fff;
    --mfg-cyan: #22d3ee;
    --mfg-blue: #3b82f6;
    --mfg-border: rgba(148, 163, 184, .17);
    --mfg-max: 1440px;
    --mfg-gutter: 40px;
    --mfg-section: 80px;
}

*, *::before, *::after { box-sizing: border-box; }
html { scroll-behavior: smooth; font-size: 16px; }
body {
    margin: 0;
    font-family: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    background: var(--mfg-bg);
    color: var(--mfg-text);
    line-height: 1.6;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
img { display: block; max-width: 100%; height: auto; }
a { color: inherit; }
main { overflow: clip; }
::selection { background: rgba(34, 211, 238, .30); color: #fff; }
.projects-eyebrow {
       display: block;
    color: #22d3ee;
    font-size: 32px;
    font-weight: 500;
    letter-spacing: .17em;
    text-transform: uppercase;
    margin-bottom: -2px;
}
/* ============================================================
   02. ACCESSIBILITY / WCAG 2.1 AA
   ============================================================ */
.skip-link {
    position: fixed;
    top: 12px;
    left: 12px;
    z-index: 10000;
    padding: 10px 14px;
    border-radius: 6px;
    background: #fff;
    color: #020617;
    font-size: 16px;
    font-weight: 700;
    text-decoration: none;
    transform: translateY(-170%);
    transition: transform .2s ease;
}
.skip-link:focus { transform: translateY(0); }
a:focus-visible, button:focus-visible, [tabindex]:focus-visible {
    outline: 3px solid var(--mfg-cyan) !important;
    outline-offset: 4px !important;
    box-shadow: 0 0 0 2px #020617 !important;
}
.nav-link[aria-current="page"],
.mobile-link[aria-current="page"],
.footer a[aria-current="page"] {
    text-decoration: underline;
    text-decoration-thickness: 2px;
    text-underline-offset: 4px;
}

/* ============================================================
   03. SHARED SHELL / TYPOGRAPHY
   ============================================================ */
.mfg-shell {
    width: 100%;
    max-width: var(--mfg-max);
    margin-inline: auto;
    padding-inline: var(--mfg-gutter);
}
.manufacturing-page h1,
.manufacturing-page h2,
.manufacturing-page h3 { color: #fff; }
.manufacturing-page h1,
.manufacturing-page h2 {
    font-family: "GFS Didot", Georgia, serif;
    font-weight: 600;
}
.manufacturing-page p,
.manufacturing-page li {
    color: var(--mfg-muted);
    font-size: 17px;
    line-height: 1.72;
}
.mfg-line {
    display: block;
    width: 58px;
    height: 3px;
    margin-bottom: 18px;
    border-radius: 999px;
    background: linear-gradient(90deg, var(--mfg-cyan), var(--mfg-blue));
}
.mfg-section-heading { margin-bottom: 38px; }
.mfg-section-heading h2,
.mfg-deep-dive h2 {
    margin: 0;
    font-size: clamp(40px, 4vw, 54px);
    line-height: 1.08;
}

/* ============================================================
   04. HERO
   ============================================================ */
.mfg-hero {
    position: relative;
    min-height: 650px;
    display: flex;
    align-items: center;
    overflow: hidden;
    background:
        linear-gradient(90deg, rgba(2,6,23,.94) 0%, rgba(2,6,23,.76) 42%, rgba(2,6,23,.18) 76%),
        var(--manufacturing_background_1) right center / cover no-repeat;
}
.mfg-hero-overlay {
    position: absolute;
    inset: 0;
    pointer-events: none;
    background: radial-gradient(circle at 20% 20%, rgba(34,211,238,.08), transparent 35%);
}
.mfg-hero-content {
    position: relative;
    z-index: 2;
    padding-top: 130px;
    padding-bottom: 90px;
}
.mfg-hero-kicker {
    margin: 0;
    color: #e8f4ff;
    font-size: 22px;
    line-height: 1.2;
}
/*.mfg-smart-word {*/
/*    position: absolute;*/
/*    top: 70px;*/
/*    left: 34px;*/
/*    z-index: -1;*/
/*    color: rgba(255,255,255,.08);*/
/*    font-family: "Inter", sans-serif;*/
/*    font-size: clamp(150px, 18vw, 290px);*/
/*    font-weight: 800;*/
/*    line-height: .8;*/
/*    letter-spacing: -.07em;*/
/*    pointer-events: none;*/
/*    user-select: none;*/
/*}*/


.mfg-smart-word {
    position: absolute;
    top: 70px;
    left: 34px;
    z-index: -1;

    color: rgba(255, 255, 255, 0.08);

    font-family: "Inter", sans-serif;
    font-size: clamp(150px, 18vw, 290px);
    font-weight: 800;
    line-height: .8;
    letter-spacing: -.07em;

    /* Barely visible cyan edge */
    -webkit-text-stroke: 1px rgba(34, 211, 238, 0.10);

    /* Very soft faded glow */
    text-shadow:
        0 0 5px rgba(34, 211, 238, 0.10),
        0 0 12px rgba(59, 130, 246, 0.06);

    pointer-events: none;
    user-select: none;
}

.mfg-hero h1 {
    margin: 2px 0 18px;
    font-size: clamp(68px, 7vw, 104px);
    line-height: .94;
}
.mfg-hero-services {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 13px;
    color: #fff;
    font-size: 17px;
    font-weight: 600;
}
.mfg-hero-services i {
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: var(--mfg-cyan);
    box-shadow: 0 0 10px rgba(34,211,238,.55);
}

/* ============================================================
   05. INTRODUCTION
   ============================================================ */
.mfg-intro { padding: var(--mfg-section) 0; background: var(--mfg-bg); }
.mfg-intro-grid {
    display: grid;
    grid-template-columns: 1.15fr .85fr;
    gap: 58px;
    align-items: stretch;
}
.mfg-intro-copy { align-self: center; }
.mfg-intro-copy p { margin: 0 0 12px; }
.mfg-intro-copy p:last-child { margin-bottom: 0; }
.mfg-intro-image {
    min-height: 520px;
    overflow: hidden;
    border-radius: 8px;
    border: 1px solid var(--mfg-border);
}
.mfg-intro-image img { width: 100%; height: 100%; object-fit: cover; }

/* ============================================================
   06. WHAT MAKES US DIFFERENT
   Client document layout: image left / content right.
   ============================================================ */
.mfg-difference {
    padding: var(--mfg-section) 0;
    background: var(--mfg-bg-alt);
}

.mfg-difference-layout {
    display: grid;
    grid-template-columns: minmax(0, .92fr) minmax(0, 1.08fr);
    gap: 58px;
    align-items: stretch;
}

.mfg-difference-image {
    position: relative;
    min-height: 680px;
    overflow: hidden;
    border: 1px solid var(--mfg-border);
    border-radius: 8px;
    background: #07111f;
}

.mfg-difference-image::after {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background: linear-gradient(
        90deg,
        rgba(2, 6, 23, 0) 58%,
        rgba(2, 6, 23, .34) 100%
    );
}

.mfg-difference-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.mfg-difference-content {
    min-width: 0;
    align-self: center;
}

.mfg-difference-content .mfg-section-heading {
    margin-bottom: 18px;
}

.mfg-difference-item {
    display: block;
    padding: 27px 0;
    border-top: 1px solid var(--mfg-border);
}

.mfg-difference-item:last-child {
    border-bottom: 1px solid var(--mfg-border);
}

/* Retired: client requested no automatic/card numbering. */
.mfg-card-number { display: none; }

.mfg-difference-item h3 {
    margin: 0 0 12px;
    color: #fff;
    font-size: 21px;
    font-weight: 600;
    line-height: 1.34;
}

.mfg-difference-item p {
    margin: 0 0 10px;
    color: var(--mfg-muted);
    font-size: 17px;
    line-height: 1.72;
}

.mfg-difference-item p:last-child {
    margin-bottom: 0;
}

.mfg-keywords {
    color: var(--mfg-cyan) !important;
    font-weight: 600;
}

.mfg-detail-link {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-top: 5px;
    color: var(--mfg-cyan);
    font-size: 14px;
    font-weight: 700;
    line-height: 1.3;
    letter-spacing: .04em;
    text-decoration: none;
}

.mfg-detail-link span {
    transition: transform .2s ease;
}

.mfg-detail-link:hover span,
.mfg-detail-link:focus-visible span {
    transform: translateX(3px);
}


/* ============================================================
   07. SECURING THE FUTURE / STATS
   ============================================================ */
.mfg-security-stats { padding: var(--mfg-section) 0; }
.mfg-stat-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 18px;
    margin-bottom: 34px;
    align-items: stretch;
}
.mfg-stat-card {
    position: relative;
    min-width: 0;
    min-height: 260px;
    display: flex;
    flex-direction: column;
    padding: 28px 28px 54px;
    border: 1px solid var(--mfg-border);
    border-radius: 10px;
    background: #07111f;
}
.mfg-stat-card strong {
    display: block;
    margin: 0 0 16px;
    color: #fff;
    font-family: "GFS Didot", Georgia, serif;
    font-size: clamp(42px, 4vw, 58px);
    font-weight: 600;
    line-height: 1;
}
.mfg-stat-card p {
    margin: 0;
    color: var(--mfg-muted);
    font-size: 17px;
    line-height: 1.72;
}
.mfg-stat-card small {
    position: absolute;
    right: 22px;
    bottom: 18px;
    margin: 0;
    color: #d3e0ee;
    font-size: 12px;
    line-height: 1.3;
    text-align: right;
}
.mfg-security-copy {
    width: 100%;
    max-width: none;
    margin: 0;
    padding: 0;
}
.mfg-security-copy p {
    width: 100%;
    max-width: none;
    margin: 0;
    color: var(--mfg-muted);
    font-size: 17px;
    line-height: 1.72;
}
section#it-vs-ot {
    background: #06101d;
}

.mfg-stat-prefix {
    display: block;
    margin: 0 0 4px;
    color: var(--mfg-muted);
    font-size: 17px;
    font-weight: 500;
    line-height: 1.4;
}

/* ============================================================
   08. WHY MANUFACTURERS CHOOSE OSIRIS
   ============================================================ */
.mfg-choose { padding: var(--mfg-section) 0; background: var(--mfg-bg-alt); }
.mfg-choose-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0;
    border-top: 1px solid var(--mfg-border);
    border-left: 0;
    border-right: 0;
    background: transparent;
}
.mfg-choose-grid article {
    min-width: 0;
    padding: 32px 34px 34px 0;
    border-bottom: 1px solid var(--mfg-border);
    background: transparent;
}

.mfg-choose-grid article:nth-child(3n + 2),
.mfg-choose-grid article:nth-child(3n + 3) {
    padding-left: 34px;
    border-left: 1px solid var(--mfg-border);
}

.mfg-choose-grid article:nth-child(3n + 3) {
    padding-right: 0;
}

.mfg-choose-grid h3 {
    margin: 0 0 14px;
    color: var(--mfg-cyan);
    font-family: "Inter", system-ui, sans-serif;
    font-size: 22px;
    font-weight: 700;
    line-height: 1.28;
}
.mfg-choose-grid p { margin: 0 0 10px; font-size: 17px; line-height: 1.72; color: var(--mfg-muted); }

/* ============================================================
   09. INDUSTRY 4.0 READY
   Client document layout: CTA on the right.
   ============================================================ */
.mfg-industry-ready {
    padding: var(--mfg-section) 0;
    background:
        radial-gradient(circle at 92% 20%, rgba(34, 211, 238, .07), transparent 32%),
        #07101f;
}

.mfg-industry-ready-grid {
    display: grid;
    grid-template-columns: 1.5fr 1fr;
    gap: 48px;
    align-items: center;
}

.mfg-industry-ready h2 {
    margin: 0 0  25px 0;
    color: var(--mfg-cyan);
    font-size: clamp(42px, 4vw, 58px);
    line-height: 1.03;
}

.mfg-industry-ready-copy p {
    margin: 0 0 11px;
}

.mfg-industry-ready-copy ul {
    margin: 20px 0 0;
    padding-left: 20px;
}

.mfg-industry-ready-copy li {
    margin-bottom: 6px;
}

.mfg-industry-ready-cta {
    min-width: 0;
    display: flex;
    align-items: center;
    min-height: 220px;
    padding-left: 34px;
    border-left: 1px solid var(--mfg-border);
}

.mfg-industrial-cta {
    position: relative;
    width: 100%;
    display: flex;
    flex-direction: column;
    padding: 22px 52px 22px 0;
    color: #fff;
    text-decoration: none;
}

.mfg-industrial-cta > span:first-child,
.mfg-industrial-cta strong {
    font-family: "GFS Didot", Georgia, serif;
    font-size: clamp(50px, 4.4vw, 64px);
    line-height: 1.02;
}

.mfg-industrial-cta strong {
    margin-top: 3px;
    color: var(--mfg-cyan);
    font-weight: 600;
}

.mfg-cta-arrow {
    position: absolute;
    top: 50%;
    right: 0;
    width: 42px;
    height: 42px;
    display: grid;
    place-items: center;
    transform: translateY(-50%);
    border: 1px solid rgba(34, 211, 238, .42);
    border-radius: 50%;
    color: var(--mfg-cyan);
    font-family: "Inter", sans-serif;
    font-size: 20px;
}

.mfg-industrial-cta:hover .mfg-cta-arrow,
.mfg-industrial-cta:focus-visible .mfg-cta-arrow {
    background: rgba(34, 211, 238, .08);
    border-color: rgba(34, 211, 238, .72);
}

/* ============================================================
   10. INDUSTRIAL GRADE INFRASTRUCTURE
   ============================================================ */
.mfg-industrial { padding: var(--mfg-section) 0; }
.mfg-industrial-block {
    display: grid;
    grid-template-columns: 240px minmax(0,1fr);
    column-gap: 44px;
    padding: 42px 0;
    border-top: 1px solid var(--mfg-border);
}
.mfg-industrial-block:last-child { border-bottom: 1px solid var(--mfg-border); }
.mfg-industrial-block h3 {
    margin: 0;
    font-family: "GFS Didot", Georgia, serif;
    font-size: 36px;
    line-height: 1.1;
}
.mfg-industrial-block p { margin: 0 0 12px; }
.mfg-industrial-block h4 { margin: 10px 0 6px; color: #fff; font-size: 16px; }
.mfg-industrial-block ul { margin: 0; padding-left: 20px; }

/* ============================================================
   11. IT VS OT / LEGACY SYSTEM INTEGRATION
   Editorial card layout for long client content.
   ============================================================ */

.mfg-deep-dive {
    padding: var(--mfg-section) 0;
    background: var(--mfg-bg-alt);
}

.mfg-deep-dive-alt {
    background: var(--mfg-bg);
}

.mfg-deep-heading {
    max-width: 920px;
    margin-bottom: 34px;
}

.mfg-deep-heading h2 {
    margin: 0;
    font-family: "GFS Didot", Georgia, serif;
    font-size: clamp(40px, 4vw, 54px);
    font-weight: 600;
    line-height: 1.08;
}


/* -----------------------------
   IT vs OT — intro
------------------------------ */
.mfg-itot-intro {
    display: block;
    width: 100%;
    max-width: none;
    margin-bottom: 34px;
}

.mfg-itot-intro p {
    width: 100%;
    margin: 0;
    padding: 0;
    border-left: 0;
    color: #e7eef7;
    font-size: 17px;
    line-height: 1.72;
}


/* -----------------------------
   IT vs OT — cards
------------------------------ */
.mfg-itot-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px;
}

.mfg-itot-card {
    position: relative;
    min-width: 0;
    padding: 30px 34px;
    border: 0;
    border-top: 1px solid var(--mfg-border);
    border-radius: 0;
    background: transparent;
}

.mfg-itot-card-wide {
    grid-column: 1 / -1;
}

.mfg-itot-card h3 {
    margin: 0 0 18px;
    font-family: "GFS Didot", Georgia, serif;
    color: #fff;
    font-size: 28px;
    font-weight: 600;
    line-height: 1.12;
}

.mfg-itot-card > p {
    margin: 0;
    padding: 14px 0;
    border-top: 1px solid rgba(148, 163, 184, .13);
    color: var(--mfg-muted);
    font-size: 17px;
    line-height: 1.72;
}

.mfg-itot-card > p:last-child {
    padding-bottom: 0;
}

.mfg-itot-support-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0 30px;
    border-top: 1px solid rgba(148, 163, 184, .13);
}

.mfg-itot-support-grid p {
    margin: 0;
    padding: 16px 0;
    border-bottom: 1px solid rgba(148, 163, 184, .13);
    color: var(--mfg-muted);
    font-size: 17px;
    line-height: 1.72;
}


/* -----------------------------
   IT vs OT — conclusion
------------------------------ */
.mfg-itot-closing {
    max-width: 1180px;
    margin-top: 22px;
    padding: 28px 30px;
    border-left: 3px solid var(--mfg-cyan);
    background:
        linear-gradient(90deg, rgba(34, 211, 238, .07), rgba(34, 211, 238, .01));
}

.mfg-itot-closing p {
    margin: 0 0 10px;
    color: #fff;
    font-size: 17px;
    line-height: 1.68;
}

.mfg-itot-closing p:last-child {
    margin-bottom: 0;
    font-weight: 600;
}


/* -----------------------------
   Legacy System Integration
------------------------------ */
.mfg-legacy-intro {
    display: grid;
    grid-template-columns: 1.25fr .75fr;
    gap: 34px;
    max-width: 1180px;
    margin-bottom: 30px;
}

.mfg-legacy-intro p { margin: 0; color: #e7eef7; font-size: 17px; line-height: 1.72; }

.mfg-legacy-intro p:last-child {
    padding: 22px 24px;
    border-left: 2px solid var(--mfg-cyan);
    background: rgba(34, 211, 238, .045);
    color: #fff;
    font-weight: 600;
}

.mfg-legacy-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
}

.mfg-legacy-point {
    position: relative;
    min-width: 0;
    padding: 26px 28px;
    border: 1px solid var(--mfg-border);
    border-radius: 8px;
    background: rgba(7, 17, 31, .45);
}

.mfg-legacy-point p {
    margin: 0;
    color: var(--mfg-muted);
    font-size: 17px;
    line-height: 1.72;
}

.mfg-legacy-point-wide {
    grid-column: 1 / -1;
    background:
        linear-gradient(90deg, rgba(34, 211, 238, .055), rgba(7, 17, 31, 1) 45%);
}
section.mfg-intro {
    background: #051321;
}
section.mfg-security-stats {
    background: #051321;
}

/* ============================================================
   IT / OT — CLIENT FEEDBACK: OPEN EDITORIAL LAYOUT
   No numbering, no boxed silos.
   ============================================================ */
.mfg-itot-grid {
    display: block;
    width: 100%;
    border-top: 1px solid var(--mfg-border);
}

.mfg-itot-group {
    display: grid;
    grid-template-columns: minmax(190px, .34fr) minmax(0, 1.66fr);
    gap: 1px 42px;
    width: 100%;
    padding: 34px 0;
    border: 0;
    border-bottom: 1px solid var(--mfg-border);
    border-radius: 0;
    background: transparent;
}

.mfg-itot-group-wide {
    grid-column: auto;
}

.mfg-itot-group h3 {
    margin: 0;
    color: var(--mfg-cyan);
    font-family: "GFS Didot", Georgia, serif;
    font-size: 30px;
    font-weight: 600;
    line-height: 1.12;
}

.mfg-itot-group > p {
    grid-column: 2;
    margin: 0;
    padding: 0 0 14px;
    border: 0;
    color: var(--mfg-muted);
    font-size: 17px;
    line-height: 1.72;
}

.mfg-itot-group > p:last-child {
    padding-bottom: 0;
}

.mfg-itot-support-list {
    grid-column: 2;
    display: block;
    border: 0;
}

.mfg-itot-support-list p {
    margin: 0;
    padding: 0 0 14px;
    border: 0;
    color: var(--mfg-muted);
    font-size: 17px;
    line-height: 1.72;
}

.mfg-itot-support-list p:last-child {
    padding-bottom: 0;
}

/* ============================================================
   LEGACY SYSTEM INTEGRATION — OPEN EDITORIAL LAYOUT
   ============================================================ */
.mfg-legacy-intro {
    display: block;
    width: 100%;
    max-width: none;
    margin-bottom: 30px;
}

.mfg-legacy-intro p {
    margin: 0 0 12px;
    padding: 0;
    border: 0;
    background: transparent;
    color: #e7eef7;
    font-size: 17px;
    font-weight: 400;
    line-height: 1.72;
}

.mfg-legacy-intro p:last-child {
    margin-bottom: 0;
    padding: 0;
    border-left: 0;
    background: transparent;
    color: #e7eef7;
    font-weight: 400;
}

.mfg-legacy-list {
    display: block;
    width: 100%;
    border-top: 1px solid var(--mfg-border);
}

.mfg-legacy-item,
.mfg-legacy-item-wide {
    display: block;
    width: 100%;
    padding: 22px 0;
    border: 0;
    border-bottom: 1px solid var(--mfg-border);
    border-radius: 0;
    background: transparent;
}

.mfg-legacy-item::before,
.mfg-legacy-item-wide::before {
    content: none !important;
    display: none !important;
}

.mfg-legacy-item p,
.mfg-legacy-item-wide p {
    max-width: 1180px;
    margin: 0;
    color: var(--mfg-muted);
    font-size: 17px;
    line-height: 1.72;
}

@media (max-width: 1200px) {
/* .mfg-difference-image {
    min-height: unset;
    position: sticky;
    top: 22px;
    height: fit-content;
} */
 .mfg-difference-layout {
    grid-template-columns: 1fr;
}
.mfg-difference-image {
 height: fit-content;
  min-height: unset;
  order: 2;
}
}
/* ============================================================
   12. TABLET — 1024px AND BELOW
/* ============================================================
   12. TABLET — 1024px AND BELOW
   ============================================================ */
@media (max-width: 1024px) {
    :root { --mfg-gutter: 28px; --mfg-section: 64px; }
    .mfg-hero { min-height: 570px; background-position: 68% center; }
    .mfg-smart-word { left: 22px; font-size: clamp(125px, 20vw, 200px); }
    .mfg-intro-grid,
    .mfg-industry-ready-grid { grid-template-columns: 1fr; gap: 36px; }
    .mfg-intro-image { min-height: 400px; }
    .mfg-difference-grid,
    .mfg-stat-grid,
    .mfg-choose-grid { grid-template-columns: repeat(2, minmax(0,1fr)); }
    .mfg-industrial-block { grid-template-columns: 190px minmax(0,1fr); gap: 30px; }

    .mfg-itot-intro,
    .mfg-legacy-intro {
        grid-template-columns: 1fr;
        gap: 18px;
    }

    .mfg-itot-grid {
        grid-template-columns: 1fr;
    }

    .mfg-itot-card-wide {
        grid-column: auto;
    }
    .mfg-industry-ready-cta {
    border-top: 1px solid var(--mfg-border);
    border-left: none;
    min-height: 112px;
    border-bottom: 1px solid var(--mfg-border);
}
}

/* ============================================================
   13. MOBILE — 767px AND BELOW
   ============================================================ */
@media (max-width: 767px) {
    :root { --mfg-gutter: 20px; --mfg-section: 56px; }
    .mfg-hero { min-height: 360px; align-items: center; background-position: 72% center;         padding-top: 69px;}
    .mfg-hero-content { padding-top: 50px; padding-bottom: 50px; }
    .mfg-smart-word { top: 85px; left: 16px; font-size: clamp(96px, 29vw, 150px); }
    .mfg-hero-kicker { font-size: 16px; }
    .mfg-hero h1 { font-size: clamp(48px, 13vw, 66px); }
    .mfg-hero-services { font-size: 15px; }
    .mfg-intro-image { min-height: 300px; }
    .mfg-difference-grid,
    .mfg-stat-grid,
    .mfg-choose-grid { grid-template-columns: 1fr; }
    .mfg-section-heading h2,
    .mfg-deep-dive h2 { font-size: clamp(34px, 9vw, 42px); }
    .mfg-stat-card,
    .mfg-choose-grid article { padding: 24px 20px; }
    .mfg-industrial-block { display: block; padding: 34px 0; }
    .mfg-industrial-block h3 { margin-bottom: 18px; font-size: 31px; }
    .manufacturing-page p,
    .manufacturing-page li { font-size: 16px; line-height: 1.66; }

    .mfg-itot-intro {
        gap: 14px;
        margin-bottom: 28px;
    }

    .mfg-itot-intro p {
        font-size: 16px;
    }

    .mfg-itot-card {
        padding: 24px 20px;
    }

    .mfg-itot-card h3 {
        font-size: 25px;
    }

    .mfg-itot-support-grid {
        grid-template-columns: 1fr;
    }

    .mfg-itot-closing {
        padding: 22px 20px;
    }

    .mfg-legacy-grid {
        grid-template-columns: 1fr;
    }

    .mfg-legacy-point-wide {
        grid-column: auto;
    }

    .mfg-legacy-point {
        padding: 23px 20px;
    }
    
    .mfg-industrial-block:last-child,
.mfg-legacy-item-wide,
.mfg-choose-grid article:last-child{
    border: none;
    padding-bottom: 0;
}

.mfg-industrial,
section#it-vs-ot,
section#legacy-system-integration,
section.mfg-industry-ready,
section.mfg-choose,
section.mfg-security-stats,
section.mfg-difference,
section.mfg-intro{
    border-bottom: 1px solid var(--mfg-border);
}

.mfg-industry-ready-cta {
    border-bottom: 0;
}
.mfg-industrial-cta {
    padding-bottom: 0;
}

span.projects-eyebrow {
    font-size: 21px;
}

}

/* ============================================================
   14. SMALL MOBILE — 500px AND BELOW
   ============================================================ */
@media (max-width: 500px) {
    :root { --mfg-gutter: 18px; --mfg-section: 50px; }

    .mfg-smart-word { top: 75px; font-size: 88px; }
    .mfg-hero h1 { font-size: 45px; }
    .mfg-hero-services { gap: 8px; font-size: 14px; }
    .mfg-hero-services i { width: 4px; height: 4px; }
    .mfg-intro-image { min-height: 250px; }
    .mfg-difference-card h3 { font-size: 20px; }
    .mfg-stat-card strong { font-size: 42px; }
    .mfg-industry-ready h2 { font-size: 38px; }

    .mfg-deep-heading h2 {
        font-size: 34px;
    }

    .mfg-itot-card h3 {
        font-size: 23px;
    }
}

/* ============================================================
   15. VERY SMALL / HIGH-ZOOM REFLOW
   ============================================================ */
@media (max-width: 360px) {
    .mfg-hero h1 { font-size: 40px; }


}

/* ============================================================
   16. REDUCED MOTION
   ============================================================ */
@media (prefers-reduced-motion: reduce) {
    html { scroll-behavior: auto !important; }
    *, *::before, *::after {
        animation-duration: .01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: .01ms !important;
        scroll-behavior: auto !important;
    }
}

/* ============================================================
   17. UNUSED / RETIRED CSS NOTES
   ============================================================
   The supplied legacy Manufacturing stylesheet was not carried forward.

   Removed / retired:
   - duplicate resets, body and typography systems
   - multiple conflicting hero breakpoint systems
   - old Manufacturing intro/process/review/form sections
   - old "Technology That Works as Hard as You Do" content styling
   - previous Tough/Secure/Resilient/Flexible image-card layouts
   - old AI & Automation block
   - duplicate .mfg-container / .mfg-wrap systems
   - duplicate section spacing and mobile rules
   - legacy testimonial/contact-form CSS not present in revised client content
   - obsolete 400px mobile breakpoint; current small-phone baseline is 500px

   No active selectors should be added below this note.
   ============================================================ */


/* ============================================================
   CLIENT FEEDBACK ALIGNMENT FIXES
   ============================================================ */
@media (max-width: 1024px) {
    .mfg-choose-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .mfg-choose-grid article,
    .mfg-choose-grid article:nth-child(3n + 2),
    .mfg-choose-grid article:nth-child(3n + 3) {
        padding: 28px 28px 30px 0;
        border-left: 0;
    }

    .mfg-choose-grid article:nth-child(even) {
        padding-left: 28px;
        border-left: 1px solid var(--mfg-border);
    }
}

@media (max-width: 767px) {
    .mfg-difference-item {
        padding: 22px 0;
    }

    .mfg-difference-item h3,
    .mfg-choose-grid h3 {
        font-size: 19px;
    }

    .mfg-difference-item p,
    .mfg-choose-grid p,
    .mfg-stat-card p,
    .mfg-itot-card > p,
    .mfg-itot-support-grid p,
    .mfg-legacy-point p {
        font-size: 16px;
        line-height: 1.66;
    }

    .mfg-choose-grid {
        grid-template-columns: 1fr;
    }

    .mfg-choose-grid article,
    .mfg-choose-grid article:nth-child(even),
    .mfg-choose-grid article:nth-child(3n + 2),
    .mfg-choose-grid article:nth-child(3n + 3) {
        padding: 24px 0;
        border-left: 0;
        border-bottom: 1px solid var(--mfg-border);
    }

    .mfg-itot-card {
        padding: 24px 0;
    }
}


/* ============================================================
   RETIRED / UNUSED AFTER CLIENT FEEDBACK
   ============================================================
   - mfg-card-number visual numbering removed from HTML
   - mfg-topic-number visual numbering removed from HTML
   - mfg-legacy-point automatic CSS counter removed
   ============================================================ */


/* ============================================================
   CLIENT FEEDBACK — RESPONSIVE FINISH
   ============================================================ */
@media (max-width: 1024px) {
    .mfg-stat-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .mfg-stat-card:last-child {
        grid-column: 1 / -1;
    }

    .mfg-industrial-cta > span:first-child,
    .mfg-industrial-cta strong {
        font-size: clamp(42px, 6vw, 56px);
    }

    .mfg-itot-group {
        grid-template-columns: 170px minmax(0, 1fr);
        gap: 28px;
    }
}

@media (max-width: 767px) {
    .mfg-stat-grid {
        grid-template-columns: 1fr;
    }

    .mfg-stat-card:last-child {
        grid-column: auto;
    }

    .mfg-stat-card {
        min-height: 0;
        padding: 24px 20px 48px;
    }

    .mfg-stat-card p,
    .mfg-security-copy p,
    .mfg-stat-prefix {
        font-size: 16px;
        line-height: 1.66;
    }

    .mfg-stat-card small {
        right: 20px;
        bottom: 16px;
    }

    .mfg-industrial-cta > span:first-child,
    .mfg-industrial-cta strong {
        font-size: 36px;
        line-height: 1.04;
    }

    .mfg-itot-group {
        display: block;
        padding: 28px 0;
    }

    .mfg-itot-group h3 {
        margin-bottom: 16px;
        font-size: 26px;
    }

    .mfg-itot-group > p,
    .mfg-itot-support-list p,
    .mfg-legacy-intro p,
    .mfg-legacy-item p,
    .mfg-legacy-item-wide p {
        font-size: 16px;
        line-height: 1.66;
    }

    .mfg-legacy-item,
    .mfg-legacy-item-wide {
        padding: 20px 0;
    }
}