:root {
    --manu-bg: #F7F4EF;
    --manu-surface: rgba(255, 255, 255, 0.72);
    --manu-text: #1B1917;
    --manu-muted: #5F5A55;
    --manu-border: rgba(183, 140, 74, 0.18);
    --manu-gold: #B78C4A;
    --manu-header: rgba(12, 12, 12, 0.90);
    --manu-header-scrolled: rgba(8, 8, 8, 0.96);
}

/* Final polish: Manufacturing hierarchy, softer blends and compact editorial panels. */
@media (min-width: 1201px) {
    .manufacturing-page .manufacturing-hero {
        width: 100vw !important;
        height: min(590px, calc(100vh - var(--shell-header-height, 92px) - 36px)) !important;
        min-height: 470px !important;
        max-height: 590px !important;
        margin-left: calc(50% - 50vw) !important;
        margin-right: calc(50% - 50vw) !important;
        overflow: hidden !important;
    }

    .manufacturing-page .manufacturing-hero-copy {
        justify-content: center !important;
        padding-left: clamp(72px, 7vw, 136px) !important;
        padding-right: clamp(24px, 3vw, 54px) !important;
    }

    .manufacturing-page .manufacturing-hero h1,
    .manufacturing-page .manufacturing-hero-copy h1 {
        max-width: 8.8ch !important;
        font-size: clamp(48px, 4.1vw, 66px) !important;
        line-height: 0.96 !important;
    }

    .manufacturing-page .manufacturing-hero p,
    .manufacturing-page .manufacturing-hero-copy p {
        max-width: 38ch !important;
        font-size: clamp(13px, 0.95vw, 15px) !important;
        line-height: 1.65 !important;
    }

    .manufacturing-page .manufacturing-hero-visual::before {
        width: 58% !important;
        background: linear-gradient(
            90deg,
            #f7f4ef 0%,
            rgba(247, 244, 239, 0.96) 18%,
            rgba(247, 244, 239, 0.76) 40%,
            rgba(247, 244, 239, 0.32) 64%,
            rgba(247, 244, 239, 0) 100%
        ) !important;
    }

    .manufacturing-page .manufacturing-hero-visual img {
        height: 100% !important;
        object-position: 68% center !important;
    }

    .manufacturing-page .manufacturing-process {
        padding-top: clamp(38px, 3.8vw, 58px) !important;
        padding-bottom: clamp(38px, 3.8vw, 58px) !important;
    }

    .manufacturing-page .manufacturing-custom {
        padding-top: clamp(46px, 4.4vw, 68px) !important;
        padding-bottom: clamp(50px, 4.8vw, 74px) !important;
    }

    .manufacturing-page .manufacturing-custom .section-heading {
        margin-bottom: clamp(22px, 2.2vw, 34px) !important;
    }

    .manufacturing-page .custom-grid {
        width: min(100vw - 48px, 1740px) !important;
        margin-left: auto !important;
        margin-right: auto !important;
        grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
        gap: clamp(12px, 1vw, 18px) !important;
    }

    .manufacturing-page .custom-card {
        min-height: clamp(104px, 6.8vw, 132px) !important;
        display: grid !important;
        grid-template-columns: minmax(0, 0.53fr) minmax(0, 0.47fr) !important;
        overflow: hidden !important;
        border-color: rgba(183, 140, 74, 0.14) !important;
        box-shadow: 0 12px 34px rgba(23, 23, 23, 0.045) !important;
    }

    .manufacturing-page .custom-card:nth-child(4n + 2),
    .manufacturing-page .custom-card:nth-child(4n + 3) {
        grid-template-columns: minmax(0, 0.47fr) minmax(0, 0.53fr) !important;
    }

    .manufacturing-page .custom-card:nth-child(4n + 2) .custom-copy,
    .manufacturing-page .custom-card:nth-child(4n + 3) .custom-copy {
        order: 1 !important;
    }

    .manufacturing-page .custom-card:nth-child(4n + 2) .custom-media,
    .manufacturing-page .custom-card:nth-child(4n + 3) .custom-media {
        order: 2 !important;
    }

    .manufacturing-page .custom-media {
        min-height: 100% !important;
    }

    .manufacturing-page .custom-media::after {
        width: 46% !important;
        background: linear-gradient(
            90deg,
            rgba(247, 244, 239, 0) 0%,
            rgba(247, 244, 239, 0.34) 48%,
            #f7f4ef 100%
        ) !important;
    }

    .manufacturing-page .custom-card:nth-child(4n + 2) .custom-media::after,
    .manufacturing-page .custom-card:nth-child(4n + 3) .custom-media::after {
        inset: 0 auto 0 0 !important;
        background: linear-gradient(
            90deg,
            #f7f4ef 0%,
            rgba(247, 244, 239, 0.34) 52%,
            rgba(247, 244, 239, 0) 100%
        ) !important;
    }

    .manufacturing-page .custom-media img {
        transform: scale(1.06) !important;
    }

    .manufacturing-page .custom-copy {
        align-self: center !important;
        gap: 8px !important;
        padding: clamp(16px, 1.4vw, 24px) clamp(18px, 1.6vw, 28px) !important;
    }

    .manufacturing-page .custom-title {
        font-size: clamp(17px, 1.18vw, 22px) !important;
        line-height: 1.08 !important;
    }

    .manufacturing-page .custom-text {
        max-width: 28ch !important;
        font-size: clamp(11px, 0.78vw, 13px) !important;
        line-height: 1.45 !important;
    }

    .manufacturing-page .manufacturing-requirements,
    .manufacturing-page .manufacturing-builtfor {
        padding-top: clamp(42px, 4vw, 64px) !important;
        padding-bottom: clamp(42px, 4vw, 64px) !important;
    }

    .manufacturing-page .requirements-grid {
        grid-template-columns: 1fr !important;
        gap: clamp(24px, 2.4vw, 38px) !important;
    }

    .manufacturing-page .requirements-flow {
        max-width: 1220px !important;
        margin: 0 auto !important;
        text-align: center !important;
    }

    .manufacturing-page .requirements-flow h2 {
        max-width: 22ch !important;
        margin-left: auto !important;
        margin-right: auto !important;
        font-size: clamp(34px, 3.1vw, 52px) !important;
        line-height: 1.02 !important;
    }

    .manufacturing-page .requirements-rail {
        grid-template-columns: repeat(5, minmax(120px, 1fr)) !important;
        gap: clamp(16px, 1.6vw, 26px) !important;
        margin-top: clamp(26px, 2.8vw, 44px) !important;
    }

    .manufacturing-page .requirements-step {
        min-width: 0 !important;
    }

    .manufacturing-page .requirements-step h3 {
        white-space: normal !important;
        font-size: 15px !important;
    }

    .manufacturing-page .requirements-step p {
        max-width: 19ch !important;
        margin-left: auto !important;
        margin-right: auto !important;
        font-size: 12px !important;
        line-height: 1.45 !important;
    }

    .manufacturing-page .builtfor-grid {
        grid-template-columns: minmax(0, 0.95fr) minmax(0, 1.05fr) !important;
        gap: clamp(34px, 4vw, 72px) !important;
        align-items: center !important;
    }

    .manufacturing-page .builtfor-copy {
        max-width: none !important;
        display: grid !important;
        grid-template-columns: minmax(0, 0.8fr) minmax(0, 1.2fr) !important;
        gap: clamp(26px, 3vw, 52px) !important;
        align-items: center !important;
    }

    .manufacturing-page .builtfor-copy h2 {
        max-width: 12ch !important;
        font-size: clamp(34px, 3.2vw, 54px) !important;
        line-height: 1.02 !important;
    }

    .manufacturing-page .builtfor-copy p {
        max-width: 33ch !important;
        font-size: clamp(13px, 0.9vw, 15px) !important;
        line-height: 1.65 !important;
    }

    .manufacturing-page .builtfor-list {
        columns: 2 !important;
        column-gap: clamp(24px, 3vw, 48px) !important;
        margin-top: 18px !important;
    }

    .manufacturing-page .builtfor-list li {
        break-inside: avoid !important;
        margin-bottom: 10px !important;
        white-space: normal !important;
    }

    .manufacturing-page .builtfor-media,
    .manufacturing-page .builtfor-image {
        min-height: clamp(260px, 23vw, 360px) !important;
    }

    .manufacturing-page .manufacturing-categories {
        padding-top: clamp(32px, 3vw, 48px) !important;
        padding-bottom: clamp(42px, 4vw, 60px) !important;
    }

    .manufacturing-page .manufacture-row {
        width: 100vw !important;
        margin-left: calc(50% - 50vw) !important;
        margin-right: calc(50% - 50vw) !important;
        padding-left: clamp(48px, 5vw, 86px) !important;
        padding-right: clamp(48px, 5vw, 86px) !important;
    }

    .manufacturing-page .manufacturing-cta {
        padding-top: clamp(46px, 4.8vw, 76px) !important;
    }

    .manufacturing-page .cta-grid {
        min-height: clamp(420px, 40vw, 560px) !important;
    }
}

@media (max-width: 1200px) {
    .manufacturing-page .manufacturing-hero {
        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;
    }

    .manufacturing-page .manufacturing-hero h1,
    .manufacturing-page .manufacturing-hero-copy h1 {
        max-width: 9ch !important;
        font-size: clamp(46px, 9vw, 74px) !important;
    }

    .manufacturing-page .custom-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 16px !important;
    }

    .manufacturing-page .custom-card {
        min-height: 150px !important;
        grid-template-columns: minmax(0, 0.5fr) minmax(0, 0.5fr) !important;
    }

    .manufacturing-page .requirements-grid,
    .manufacturing-page .builtfor-grid,
    .manufacturing-page .builtfor-copy {
        grid-template-columns: 1fr !important;
    }

    .manufacturing-page .requirements-rail {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }

    .manufacturing-page .builtfor-list {
        columns: 1 !important;
    }
}

@media (max-width: 760px) {
    .manufacturing-page .custom-grid,
    .manufacturing-page .requirements-rail {
        grid-template-columns: 1fr !important;
    }

    .manufacturing-page .custom-card,
    .manufacturing-page .custom-card:nth-child(4n + 2),
    .manufacturing-page .custom-card:nth-child(4n + 3) {
        grid-template-columns: 1fr !important;
    }

    .manufacturing-page .custom-card:nth-child(4n + 2) .custom-media,
    .manufacturing-page .custom-card:nth-child(4n + 3) .custom-media,
    .manufacturing-page .custom-card:nth-child(4n + 2) .custom-copy,
    .manufacturing-page .custom-card:nth-child(4n + 3) .custom-copy {
        order: initial !important;
    }

    .manufacturing-page .custom-media {
        min-height: 180px !important;
    }

    .manufacturing-page .custom-media::after,
    .manufacturing-page .custom-card:nth-child(4n + 2) .custom-media::after,
    .manufacturing-page .custom-card:nth-child(4n + 3) .custom-media::after {
        inset: auto 0 0 0 !important;
        width: 100% !important;
        height: 45% !important;
        background: linear-gradient(
            180deg,
            rgba(247, 244, 239, 0) 0%,
            rgba(247, 244, 239, 0.48) 42%,
            #f7f4ef 100%
        ) !important;
    }

    .manufacturing-page .builtfor-copy,
    .manufacturing-page .requirements-flow {
        text-align: left !important;
    }

    .manufacturing-page .requirements-flow h2 {
        margin-left: 0 !important;
    }
}

/* Editorial recomposition override.
   This final layer establishes intentional section hierarchy: cinematic peaks,
   compact information bands, and calmer supporting moments. */
@media (min-width: 1201px) {
    .manufacturing-page {
        padding-top: var(--shell-header-height);
        overflow-x: hidden;
    }

    .manufacturing-shell {
        width: min(1760px, calc(100% - 88px));
        max-width: none;
    }

    .manufacturing-section {
        padding-top: clamp(58px, 5vw, 86px);
        padding-bottom: clamp(58px, 5vw, 86px);
    }

    .manufacturing-hero {
        width: 100vw;
        height: min(720px, calc(100vh - var(--shell-header-height)));
        min-height: 560px;
        margin-left: calc(50% - 50vw);
        margin-right: calc(50% - 50vw);
        padding: 0 clamp(54px, 7vw, 150px);
        grid-template-columns: minmax(360px, 0.42fr) minmax(0, 1.58fr);
        align-items: center;
        background:
            linear-gradient(90deg,
                #f7f4ef 0%,
                rgba(247, 244, 239, 0.96) 27%,
                rgba(247, 244, 239, 0.56) 45%,
                rgba(247, 244, 239, 0.10) 62%,
                rgba(247, 244, 239, 0) 100%);
    }

    .manufacturing-hero-copy {
        max-width: 520px;
        padding-top: 0;
    }

    .manufacturing-hero h1 {
        max-width: 8.4ch;
        font-size: clamp(76px, 6.6vw, 118px);
        line-height: 0.92;
    }

    .manufacturing-hero p {
        max-width: 35ch;
        font-size: clamp(15px, 0.95vw, 18px);
        line-height: 1.72;
    }

    .manufacturing-hero-visual {
        min-height: 100%;
        margin-left: clamp(-170px, -8vw, -74px);
        -webkit-mask-image: linear-gradient(90deg, transparent 0%, rgba(0, 0, 0, 0.07) 7%, #000 25%, #000 100%);
        mask-image: linear-gradient(90deg, transparent 0%, rgba(0, 0, 0, 0.07) 7%, #000 25%, #000 100%);
    }

    .manufacturing-hero-visual img {
        height: 100%;
        object-fit: cover;
        object-position: center right;
    }

    .manufacturing-ways {
        padding-top: clamp(62px, 5.4vw, 90px);
        padding-bottom: clamp(66px, 5.8vw, 96px);
    }

    .manufacturing-ways .section-heading {
        margin-bottom: clamp(34px, 3.2vw, 54px);
    }

    .two-way-panel {
        display: grid;
        grid-template-columns: minmax(0, 1fr) 72px minmax(0, 1fr);
        gap: clamp(28px, 3vw, 56px);
        align-items: stretch;
    }

    .two-way-card {
        min-height: clamp(360px, 31vw, 490px);
        display: grid;
        grid-template-columns: minmax(280px, 0.46fr) minmax(320px, 0.54fr);
        background: #fff;
        border: 1px solid rgba(183, 140, 74, 0.14);
        box-shadow: 0 28px 60px rgba(23, 23, 23, 0.035);
    }

    .two-way-card.inverse {
        grid-template-columns: minmax(280px, 0.46fr) minmax(320px, 0.54fr);
    }

    .two-way-card.inverse .two-way-copy {
        order: 1;
    }

    .two-way-card.inverse .two-way-media {
        order: 2;
    }

    .two-way-copy {
        padding: clamp(42px, 4.2vw, 76px);
        justify-content: center;
    }

    .two-way-copy h3 {
        font-size: clamp(38px, 3.2vw, 58px);
        line-height: 1.02;
    }

    .two-way-media {
        min-height: 100%;
    }

    .two-way-media::before {
        background: linear-gradient(90deg, rgba(255, 255, 255, 0.95) 0%, rgba(255, 255, 255, 0.42) 23%, rgba(255, 255, 255, 0) 48%);
    }

    .two-way-card.inverse .two-way-media::before {
        background: linear-gradient(90deg, rgba(255, 255, 255, 0.95) 0%, rgba(255, 255, 255, 0.42) 23%, rgba(255, 255, 255, 0) 48%);
    }

    .two-way-divider {
        width: 72px;
        min-height: 100%;
        align-self: stretch;
    }

    .two-way-divider span {
        width: 64px;
        height: 64px;
        font-size: 12px;
    }

    .manufacturing-process {
        padding-top: clamp(44px, 4vw, 66px);
        padding-bottom: clamp(42px, 4vw, 66px);
    }

    .manufacturing-process .section-heading {
        margin-bottom: clamp(30px, 3vw, 48px);
    }

    .process-track {
        gap: clamp(18px, 2vw, 34px);
    }

    .process-step {
        min-width: 0;
    }

    .process-step .step-circle,
    .manufacture-item .step-circle,
    .requirements-step .step-circle {
        width: clamp(48px, 4vw, 66px);
        height: clamp(48px, 4vw, 66px);
    }

    .step-title {
        font-size: clamp(15px, 0.9vw, 18px);
    }

    .step-copy {
        max-width: 17ch;
        font-size: 11.5px;
        line-height: 1.48;
    }

    .manufacturing-custom {
        padding-top: clamp(58px, 5vw, 84px);
        padding-bottom: clamp(64px, 5.4vw, 92px);
    }

    .manufacturing-custom .section-heading {
        margin-bottom: clamp(28px, 2.6vw, 42px);
    }

    .custom-grid {
        display: grid;
        grid-template-columns: repeat(12, minmax(0, 1fr));
        grid-auto-rows: clamp(118px, 8.4vw, 150px);
        gap: clamp(12px, 1.1vw, 18px);
    }

    .custom-card {
        grid-column: span 3;
        min-height: 0;
        height: 100%;
        display: grid;
        grid-template-columns: minmax(110px, 0.54fr) minmax(0, 0.46fr);
        overflow: hidden;
        background: #fff;
        border: 1px solid rgba(183, 140, 74, 0.14);
        box-shadow: 0 18px 42px rgba(23, 23, 23, 0.026);
    }

    .custom-card:nth-child(1),
    .custom-card:nth-child(6),
    .custom-card:nth-child(11) {
        grid-column: span 4;
    }

    .custom-card:nth-child(2),
    .custom-card:nth-child(7),
    .custom-card:nth-child(12) {
        grid-column: span 5;
    }

    .custom-card:nth-child(3),
    .custom-card:nth-child(8) {
        grid-column: span 3;
    }

    .custom-media {
        min-height: 100%;
        height: 100%;
        order: 1;
    }

    .custom-media::after {
        background: linear-gradient(90deg, rgba(247, 244, 239, 0) 0%, rgba(247, 244, 239, 0.45) 72%, #fff 100%);
    }

    .custom-media img {
        height: 100%;
        object-fit: cover;
        transform: scale(1.02);
    }

    .custom-copy {
        order: 2;
        padding: clamp(18px, 1.5vw, 28px);
        justify-content: center;
    }

    .custom-title {
        font-size: clamp(18px, 1.22vw, 24px);
        line-height: 1.08;
    }

    .custom-text {
        font-size: clamp(11.5px, 0.76vw, 13px);
        line-height: 1.48;
    }

    .custom-card:hover {
        transform: translateY(-4px);
        box-shadow: 0 22px 52px rgba(23, 23, 23, 0.055);
    }

    .manufacturing-starting {
        padding-top: clamp(62px, 5.6vw, 94px);
        padding-bottom: clamp(62px, 5.6vw, 94px);
    }

    .starting-grid {
        grid-template-columns: minmax(0, 1.16fr) minmax(440px, 0.84fr);
        min-height: clamp(430px, 39vw, 580px);
        align-items: stretch;
    }

    .starting-media {
        order: 1;
        min-height: 100%;
    }

    .starting-copy {
        order: 2;
        padding: clamp(48px, 5vw, 88px);
        justify-content: center;
    }

    .starting-copy h2 {
        font-size: clamp(46px, 4vw, 72px);
        line-height: 1;
    }

    .starting-list {
        columns: 2;
        column-gap: 34px;
    }

    .manufacturing-requirements {
        padding-top: clamp(50px, 4.5vw, 76px);
        padding-bottom: clamp(54px, 4.8vw, 82px);
    }

    .requirements-grid {
        grid-template-columns: minmax(0, 1.18fr) minmax(360px, 0.82fr);
        gap: clamp(24px, 2.6vw, 44px);
        align-items: stretch;
    }

    .requirements-flow,
    .builtfor-copy {
        min-height: clamp(330px, 29vw, 460px);
    }

    .requirements-rail {
        gap: clamp(16px, 2vw, 34px);
    }

    .requirements-step h3 {
        font-size: clamp(15px, 0.9vw, 18px);
    }

    .requirements-step p {
        max-width: 16ch;
        font-size: 11.5px;
    }

    .builtfor-copy {
        grid-template-columns: minmax(0, 0.48fr) minmax(240px, 0.52fr);
    }

    .builtfor-image {
        min-height: 100%;
    }

    .manufacturing-manufacture {
        width: 100vw;
        margin-left: calc(50% - 50vw);
        margin-right: calc(50% - 50vw);
        padding: clamp(36px, 3.4vw, 54px) clamp(54px, 5vw, 96px);
        background: #f7f4ef;
        border-top: 1px solid rgba(23, 23, 23, 0.08);
        border-bottom: 1px solid rgba(23, 23, 23, 0.08);
    }

    .manufacturing-manufacture .manufacturing-shell {
        width: 100%;
    }

    .manufacturing-manufacture .section-heading {
        margin-bottom: clamp(26px, 2.5vw, 42px);
        text-align: left;
    }

    .manufacturing-manufacture .section-heading h2 {
        font-size: clamp(34px, 2.6vw, 48px);
    }

    .manufacture-row {
        display: grid;
        grid-template-columns: repeat(8, minmax(0, 1fr));
        gap: clamp(10px, 1vw, 18px);
        min-height: 0;
    }

    .manufacture-item {
        min-height: clamp(110px, 10vw, 150px);
        padding: clamp(14px, 1.3vw, 22px);
        box-shadow: none;
        transform: none !important;
    }

    .manufacturing-cta {
        width: 100vw;
        margin-left: calc(50% - 50vw);
        margin-right: calc(50% - 50vw);
        padding: 0;
    }

    .manufacturing-cta .manufacturing-shell {
        width: 100%;
    }

    .cta-grid {
        min-height: clamp(500px, 51vw, 680px);
        grid-template-columns: minmax(430px, 0.42fr) minmax(0, 1.58fr);
        background: #171717;
    }

    .cta-copy {
        padding: clamp(58px, 5.8vw, 104px) clamp(58px, 6vw, 116px);
        justify-content: center;
    }

    .cta-copy h2 {
        max-width: 10ch;
        font-size: clamp(54px, 5vw, 92px);
        line-height: 0.95;
    }

    .cta-media {
        min-height: clamp(500px, 51vw, 680px);
        -webkit-mask-image: none;
        mask-image: none;
    }

    .cta-media::before {
        background: linear-gradient(90deg, rgba(23, 23, 23, 0.92) 0%, rgba(23, 23, 23, 0.34) 28%, rgba(23, 23, 23, 0) 55%);
    }
}

@media (max-width: 1200px) {
    .manufacturing-page {
        padding-top: var(--shell-header-height);
    }

    .manufacturing-hero {
        min-height: auto;
        padding-top: clamp(54px, 10vw, 82px);
        padding-bottom: clamp(54px, 10vw, 82px);
    }

    .manufacturing-hero-visual {
        min-height: clamp(330px, 56vw, 560px);
    }

    .manufacturing-section {
        padding-top: clamp(52px, 10vw, 82px);
        padding-bottom: clamp(52px, 10vw, 82px);
    }

    .custom-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .custom-card {
        grid-column: auto !important;
    }
}

@media (max-width: 760px) {
    .custom-grid {
        grid-template-columns: 1fr;
    }

    .custom-card {
        min-height: 220px;
        grid-template-columns: 0.48fr 0.52fr;
    }

    .manufacture-row {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

body.page-manufacturing {
    background: var(--manu-bg);
    color: var(--manu-text);
    overflow-x: hidden;
}

body.page-manufacturing .manufacturing-page {
    padding-top: var(--shell-header-height);
}

.manufacturing-shell {
    width: var(--shell-container-width);
    margin-inline: auto;
}

.manufacturing-hero {
    min-height: calc(100vh - var(--shell-header-height));
    position: relative;
    isolation: isolate;
    display: grid;
    grid-template-columns: minmax(0, 0.95fr) minmax(0, 1.05fr);
    align-items: stretch;
    background: var(--manu-bg);
    overflow: hidden;
    width: 100vw;
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
}

.manufacturing-hero::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg,
        rgba(247, 244, 239, 1) 0%,
        rgba(247, 244, 239, 0.99) 30%,
        rgba(247, 244, 239, 0.94) 42%,
        rgba(247, 244, 239, 0.82) 52%,
        rgba(247, 244, 239, 0.56) 62%,
        rgba(247, 244, 239, 0.24) 72%,
        rgba(247, 244, 239, 0.02) 84%,
        rgba(247, 244, 239, 0) 100%);
    pointer-events: none;
    z-index: 1;
}

.manufacturing-hero-copy,
.manufacturing-hero-visual {
    min-height: calc(100vh - var(--shell-header-height));
}

.manufacturing-hero-copy {
    position: relative;
    z-index: 2;
    padding: clamp(48px, 5.8vw, 100px) clamp(34px, 4.8vw, 86px) clamp(42px, 5.8vw, 92px) clamp(46px, 5.8vw, 108px);
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.hero-kicker,
.section-kicker {
    margin: 0 0 18px;
    color: var(--manu-gold);
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 0.28em;
    text-transform: uppercase;
}

.manufacturing-hero h1 {
    margin: 0;
    max-width: 9.2ch;
    color: var(--manu-text);
    font-family: "Cormorant Garamond", serif;
    font-size: clamp(60px, 5.2vw, 92px);
    font-weight: 400;
    line-height: 0.95;
    letter-spacing: -0.02em;
}

.manufacturing-hero h1 em {
    font-style: italic;
    color: var(--manu-gold);
}

.manufacturing-hero-copy p {
    max-width: 37ch;
    margin: 30px 0 0;
    color: var(--manu-muted);
    font-size: 18px;
    line-height: 1.95;
}

.hero-actions {
    margin-top: 34px;
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
}

.button-primary,
.button-secondary,
.button-outline,
.button-solid {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    min-height: 48px;
    padding: 0 30px;
    text-decoration: none;
    text-transform: uppercase;
    letter-spacing: 0.18em;
    font-size: 12px;
    font-weight: 600;
    transition: transform 250ms ease, background-color 250ms ease, color 250ms ease, border-color 250ms ease, opacity 250ms ease;
}

.button-primary {
    background: #171717;
    color: #C79C53;
    border: 1px solid rgba(23, 23, 23, 0.88);
    box-shadow: 0 10px 22px rgba(0, 0, 0, 0.12);
}

.button-primary:hover {
    transform: translateY(-1px);
    color: #FFEFD2;
}

.button-secondary,
.button-outline {
    border: 1px solid rgba(23, 23, 23, 0.18);
    color: var(--manu-text);
    background: rgba(255, 255, 255, 0.42);
}

.button-secondary:hover,
.button-outline:hover {
    background: var(--manu-gold);
    color: #fff;
    border-color: var(--manu-gold);
}

.manufacturing-hero-visual {
    position: relative;
    overflow: hidden;
    background: #111;
    margin-left: clamp(-84px, -5.6vw, -44px);
    margin-right: -1px;
    z-index: 0;
}

.manufacturing-hero-visual img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center right;
    display: block;
    -webkit-mask-image: linear-gradient(90deg,
        rgba(0, 0, 0, 0) 0%,
        rgba(0, 0, 0, 0.12) 8%,
        rgba(0, 0, 0, 0.42) 18%,
        rgba(0, 0, 0, 0.78) 32%,
        rgba(0, 0, 0, 1) 50%,
        rgba(0, 0, 0, 1) 100%);
    mask-image: linear-gradient(90deg,
        rgba(0, 0, 0, 0) 0%,
        rgba(0, 0, 0, 0.12) 8%,
        rgba(0, 0, 0, 0.42) 18%,
        rgba(0, 0, 0, 0.78) 32%,
        rgba(0, 0, 0, 1) 50%,
        rgba(0, 0, 0, 1) 100%);
}

.manufacturing-hero-visual::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg,
        rgba(247, 244, 239, 0.98) 0%,
        rgba(247, 244, 239, 0.94) 12%,
        rgba(247, 244, 239, 0.82) 24%,
        rgba(247, 244, 239, 0.54) 36%,
        rgba(247, 244, 239, 0.18) 48%,
        rgba(247, 244, 239, 0.00) 62%);
    pointer-events: none;
}

.hero-caption {
    position: absolute;
    right: 28px;
    bottom: 28px;
    z-index: 2;
    color: rgba(255, 255, 255, 0.86);
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 0.24em;
    text-transform: uppercase;
}

.manufacturing-ways {
    padding-top: 180px;
}

.manufacturing-process {
    padding-top: 120px;
}

.manufacturing-custom {
    padding-top: 144px;
}

.manufacturing-starting {
    padding-top: 150px;
}

.manufacturing-requirements {
    padding-top: 180px;
}

.manufacturing-manufacture {
    padding-top: 104px;
    width: 100vw;
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
    overflow: hidden;
}

.manufacturing-cta {
    padding-top: 184px;
    width: 100vw;
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
    overflow: hidden;
}

.section-heading {
    text-align: center;
    margin-bottom: 36px;
}

.manufacturing-process .section-heading,
.manufacturing-manufacture .section-heading {
    text-align: left;
    max-width: 640px;
}

.manufacturing-process .section-heading {
    margin-bottom: 28px;
}

.manufacturing-manufacture .section-heading {
    margin-bottom: 30px;
    width: var(--shell-container-width);
    margin-inline: auto 0;
}

.section-heading h2 {
    margin: 0;
    color: var(--manu-text);
    font-size: clamp(26px, 2.1vw, 36px);
    line-height: 1.05;
    letter-spacing: -0.02em;
}

.section-heading p {
    max-width: 620px;
    margin: 16px auto 0;
    color: var(--manu-muted);
    font-size: 16px;
    line-height: 1.9;
}

.two-way-panel {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 72px minmax(0, 1fr);
    gap: 0;
    align-items: stretch;
}

.two-way-card {
    display: grid;
    grid-template-columns: minmax(0, 0.95fr) minmax(0, 1.05fr);
    min-height: 400px;
    background: rgba(255, 255, 255, 0.74);
    border: 1px solid rgba(183, 140, 74, 0.14);
    box-shadow: 0 18px 34px rgba(23, 23, 23, 0.04);
    overflow: hidden;
}

.two-way-card.inverse {
    grid-template-columns: minmax(0, 1.05fr) minmax(0, 0.95fr);
    min-height: 400px;
    margin-top: 0;
}

.two-way-card.inverse .two-way-copy {
    padding-left: 48px;
    padding-right: 54px;
}

.two-way-card.inverse .two-way-media {
    order: -1;
    margin-left: -24px;
    margin-right: 0;
}

.two-way-copy {
    padding: 52px 46px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.two-way-index {
    color: var(--manu-gold);
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 0.24em;
    margin-bottom: 16px;
}

.two-way-copy h3,
.cta-copy h2 {
    margin: 0;
    font-size: clamp(24px, 2vw, 34px);
    line-height: 1.05;
    letter-spacing: -0.02em;
}

.two-way-copy p {
    margin: 16px 0 0;
    max-width: 28ch;
    color: var(--manu-muted);
    font-size: 16px;
    line-height: 1.9;
}

.two-way-copy .button-secondary,
.two-way-copy .button-outline {
    width: fit-content;
    margin-top: 28px;
}

.two-way-media {
    position: relative;
    overflow: hidden;
    margin-right: -24px;
}

.two-way-media img,
.custom-card img,
.starting-media img,
.builtfor-media img,
.cta-media img,
.hero-small-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    object-position: center center;
}

.custom-card img {
    transition: transform 500ms ease;
}

.two-way-divider {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}

.two-way-divider::before {
    content: "";
    position: absolute;
    top: 28px;
    bottom: 28px;
    left: 50%;
    width: 1px;
    background: rgba(183, 140, 74, 0.26);
    transform: translateX(-50%);
}

.two-way-divider span {
    position: relative;
    width: 58px;
    height: 58px;
    border: 1px solid rgba(183, 140, 74, 0.26);
    border-radius: 999px;
    display: grid;
    place-items: center;
    color: var(--manu-gold);
    background: rgba(247, 244, 239, 0.96);
    font-size: 11px;
    letter-spacing: 0.24em;
}

.process-track {
    display: grid;
    grid-template-columns: repeat(9, minmax(132px, 1fr));
    gap: 48px;
    align-items: start;
    overflow-x: auto;
    padding: 20px 0 28px;
    scrollbar-width: none;
}

.process-track::-webkit-scrollbar {
    display: none;
}

.process-step {
    position: relative;
    padding-top: 4px;
    text-align: center;
    color: var(--manu-text);
    opacity: 0;
    transform: translateY(14px);
    transition: opacity 600ms ease, transform 600ms ease;
    transition-delay: calc(var(--step-index) * 80ms);
}

.manufacturing-process.is-visible .process-step {
    opacity: 1;
    transform: translateY(0);
}

.process-step:not(:last-child)::after {
    content: "";
    position: absolute;
    top: 88px;
    right: -36px;
    width: 72px;
    height: 1px;
    background: rgba(183, 140, 74, 0.58);
    transform: scaleX(0);
    transform-origin: left center;
    transition: transform 900ms ease;
    transition-delay: calc(var(--step-index) * 80ms + 120ms);
}

.process-step:not(:last-child)::before {
    content: "";
    position: absolute;
    top: 83px;
    right: -1px;
    width: 11px;
    height: 11px;
    border: 1px solid rgba(183, 140, 74, 0.68);
    background: #F7F4EF;
    transform: rotate(45deg) scale(0.8);
    transition: transform 600ms ease;
    transition-delay: calc(var(--step-index) * 80ms + 150ms);
}

.manufacturing-process.is-visible .process-step:not(:last-child)::after {
    transform: scaleX(1);
}

.manufacturing-process.is-visible .process-step:not(:last-child)::before {
    transform: rotate(45deg) scale(1);
}

.step-circle {
    width: 96px;
    height: 96px;
    margin: 0 auto 20px;
    border: 1px solid rgba(183, 140, 74, 0.34);
    border-radius: 999px;
    display: grid;
    place-items: center;
    color: var(--manu-gold);
    background: rgba(255, 255, 255, 0.55);
    transition: background-color 300ms ease, color 300ms ease, border-color 300ms ease;
}

.manufacturing-icon {
    width: 26px;
    height: 26px;
    display: block;
    flex: 0 0 auto;
}

.step-circle .manufacturing-icon {
    width: 32px;
    height: 32px;
}

.step-number {
    display: block;
    color: var(--manu-gold);
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 0.22em;
    margin-bottom: 8px;
}

.step-title {
    margin: 0;
    font-family: "Cormorant Garamond", serif;
    font-size: 18px;
    font-weight: 400;
    letter-spacing: 0.09em;
    text-transform: uppercase;
}

.step-copy {
    margin: 10px auto 0;
    max-width: 16ch;
    color: var(--manu-muted);
    font-size: 15px;
    line-height: 1.8;
}

.process-step:hover .step-circle {
    background: var(--manu-gold);
    border-color: var(--manu-gold);
    color: #fff;
}

.process-step:hover .step-title {
    color: var(--manu-gold);
}

.custom-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 12px;
}

.custom-card {
    min-height: 132px;
    background: rgba(255, 255, 255, 0.78);
    border: 1px solid rgba(183, 140, 74, 0.12);
    overflow: hidden;
    display: grid;
    grid-template-columns: minmax(110px, 0.88fr) minmax(0, 1.12fr);
    align-items: stretch;
    transition: transform 300ms ease, border-color 300ms ease, box-shadow 300ms ease, background-color 300ms ease;
}

.custom-card:hover {
    transform: translateY(-3px);
    border-color: rgba(183, 140, 74, 0.24);
    background: rgba(255, 255, 255, 0.84);
    box-shadow: 0 12px 24px rgba(0, 0, 0, 0.06);
}

.custom-card:hover img {
    transform: scale(1.02);
}

.custom-copy {
    order: 1;
    padding: 14px 15px 14px 16px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 4px;
    position: relative;
    z-index: 1;
    background: linear-gradient(90deg,
        rgba(247, 244, 239, 0.90) 0%,
        rgba(247, 244, 239, 0.96) 16%,
        rgba(247, 244, 239, 1) 100%);
}

.custom-title {
    margin: 0;
    font-size: 13px;
    line-height: 1.18;
    letter-spacing: 0.01em;
}

.custom-text {
    margin: 0;
    color: var(--manu-muted);
    font-size: 11px;
    line-height: 1.5;
}

.custom-media {
    order: 0;
    position: relative;
    overflow: hidden;
    min-height: 100%;
}

.custom-media::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg,
        rgba(247, 244, 239, 0) 0%,
        rgba(247, 244, 239, 0) 54%,
        rgba(247, 244, 239, 0.16) 76%,
        rgba(247, 244, 239, 0.94) 100%);
    pointer-events: none;
}

.custom-card:nth-child(4n + 1) .custom-media img {
    object-position: center 24%;
}

.custom-card:nth-child(4n + 2) .custom-media img {
    object-position: center 18%;
}

.custom-card:nth-child(4n + 3) .custom-media img {
    object-position: center 42%;
}

.custom-card:nth-child(4n + 4) .custom-media img {
    object-position: center 34%;
}

.starting-grid,
.requirements-grid,
.builtfor-grid,
.cta-grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: 28px;
    align-items: stretch;
}

.starting-copy,
.requirements-flow,
.builtfor-copy,
.cta-copy {
    background: rgba(255, 255, 255, 0.84);
    border: 1px solid rgba(183, 140, 74, 0.14);
    padding: 48px;
}

.starting-copy h2,
.requirements-flow h2,
.builtfor-copy h2,
.cta-copy h2 {
    margin: 0;
    font-size: clamp(24px, 2.3vw, 36px);
    line-height: 1.04;
}

.starting-copy p,
.builtfor-copy p,
.cta-copy p {
    margin: 16px 0 0;
    color: var(--manu-muted);
    font-size: 17px;
    line-height: 1.9;
}

.starting-list,
.builtfor-list {
    list-style: none;
    margin: 24px 0 0;
    padding: 0;
    display: grid;
    gap: 12px;
}

.starting-list li,
.builtfor-list li {
    position: relative;
    padding-left: 26px;
    color: var(--manu-text);
    font-size: 15px;
    line-height: 1.8;
}

.starting-list li::before,
.builtfor-list li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0.75em;
    width: 10px;
    height: 10px;
    border: 1px solid rgba(183, 140, 74, 0.8);
    transform: rotate(45deg);
}

.starting-media,
.builtfor-media {
    position: relative;
    min-height: 560px;
    overflow: hidden;
}

.starting-media,
.cta-media {
    margin-right: -24px;
}

.starting-media::after,
.builtfor-media::after,
.cta-media::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.02), rgba(0, 0, 0, 0.08));
    pointer-events: none;
}

.requirements-grid {
    grid-template-columns: minmax(0, 1.12fr) minmax(0, 0.88fr);
    gap: 30px;
}

.requirements-flow {
    display: flex;
    flex-direction: column;
    gap: 34px;
}

.requirements-rail {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 18px;
}

.requirements-step {
    position: relative;
    padding-top: 2px;
    text-align: center;
}

.requirements-step .step-circle {
    width: 86px;
    height: 86px;
    margin-bottom: 14px;
}

.requirements-step h3 {
    margin: 0;
    font-size: 17px;
    line-height: 1.1;
}

.requirements-step p {
    margin: 10px 0 0;
    color: var(--manu-muted);
    font-size: 16px;
    line-height: 1.75;
}

.requirements-note {
    text-align: center;
    color: var(--manu-muted);
    font-style: italic;
    font-size: 15px;
}

.builtfor-copy {
    display: grid;
    grid-template-columns: minmax(0, 0.96fr) minmax(280px, 1.04fr);
    gap: 0;
    padding: 0;
    overflow: hidden;
}

.builtfor-copy > div:first-child {
    padding: 48px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.builtfor-copy > div:first-child h2,
.builtfor-copy > div:first-child p,
.builtfor-copy > div:first-child ul {
    max-width: 34ch;
}

.builtfor-image {
    min-height: 100%;
    overflow: hidden;
}

.manufacture-row {
    display: grid;
    grid-template-columns: repeat(8, minmax(0, 1fr));
    gap: 12px;
    width: 100vw;
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
    padding-inline: clamp(18px, 2.4vw, 34px);
    box-sizing: border-box;
}

.manufacture-item {
    background: rgba(255, 255, 255, 0.72);
    border: 1px solid rgba(183, 140, 74, 0.14);
    min-height: 138px;
    padding: 18px 12px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    gap: 10px;
    transition: transform 300ms ease, border-color 300ms ease;
}

.manufacture-item:hover {
    transform: translateY(-3px);
    border-color: rgba(183, 140, 74, 0.32);
}

.manufacture-item .step-circle {
    width: 54px;
    height: 54px;
    margin: 0;
}

.manufacture-item .step-circle .manufacturing-icon {
    width: 18px;
    height: 18px;
}

.manufacture-item span {
    display: block;
    color: var(--manu-text);
    font-size: 12px;
    line-height: 1.45;
}

.cta-grid {
    grid-template-columns: minmax(0, 0.82fr) minmax(0, 1.18fr);
    gap: 0;
    background:
        linear-gradient(90deg, rgba(23, 23, 23, 1) 0%, rgba(23, 23, 23, 0.98) 50%, rgba(23, 23, 23, 0.92) 62%, rgba(23, 23, 23, 0.78) 74%, rgba(23, 23, 23, 0.58) 100%);
    border: 1px solid rgba(183, 140, 74, 0.22);
    overflow: hidden;
    width: 100vw;
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
}

.cta-copy {
    background: #171717;
    border: 0;
    color: #fff;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 60px 56px;
}

.cta-copy .section-kicker {
    color: #D0A460;
}

.cta-copy h2 {
    color: #fff;
    max-width: 12ch;
}

.cta-copy p {
    color: rgba(255, 255, 255, 0.72);
    max-width: 36ch;
}

.cta-copy .button-primary {
    width: fit-content;
    margin-top: 26px;
}

.cta-media {
    position: relative;
    min-height: 680px;
    overflow: hidden;
    margin-left: -1px;
    margin-right: 0;
    -webkit-mask-image: linear-gradient(90deg, rgba(0, 0, 0, 0.18) 0%, rgba(0, 0, 0, 0.58) 12%, rgba(0, 0, 0, 0.90) 26%, rgba(0, 0, 0, 1) 42%, rgba(0, 0, 0, 1) 100%);
    mask-image: linear-gradient(90deg, rgba(0, 0, 0, 0.18) 0%, rgba(0, 0, 0, 0.58) 12%, rgba(0, 0, 0, 0.90) 26%, rgba(0, 0, 0, 1) 42%, rgba(0, 0, 0, 1) 100%);
}

.cta-footer {
    margin-top: 16px;
    display: flex;
    flex-wrap: wrap;
    gap: 18px 28px;
    color: rgba(255, 255, 255, 0.72);
    font-size: 13px;
}

.cta-footer span {
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

.cta-footer span::before {
    content: "";
    width: 8px;
    height: 8px;
    border: 1px solid rgba(183, 140, 74, 0.9);
    transform: rotate(45deg);
}

.reveal-section {
    opacity: 0;
    transform: translateY(24px);
    transition: opacity 700ms ease, transform 700ms ease;
}

.reveal-section.is-visible {
    opacity: 1;
    transform: translateY(0);
}

.reveal-section .section-heading,
.reveal-section .two-way-panel,
.reveal-section .custom-grid,
.reveal-section .starting-grid,
.reveal-section .requirements-grid,
.reveal-section .manufacture-row,
.reveal-section .cta-grid {
    opacity: 0;
    transform: translateY(12px);
    transition: opacity 600ms ease, transform 600ms ease;
}

.reveal-section.is-visible .section-heading,
.reveal-section.is-visible .two-way-panel,
.reveal-section.is-visible .custom-grid,
.reveal-section.is-visible .starting-grid,
.reveal-section.is-visible .requirements-grid,
.reveal-section.is-visible .manufacture-row,
.reveal-section.is-visible .cta-grid {
    opacity: 1;
    transform: translateY(0);
}

@media (max-width: 1200px) {
    .manufacturing-hero {
        grid-template-columns: 1fr;
    }

    .manufacturing-hero-copy,
    .manufacturing-hero-visual {
        min-height: auto;
    }

    .manufacturing-hero-visual {
        min-height: 56vw;
        margin-left: 0;
    }

    .manufacturing-hero-visual img {
        -webkit-mask-image: none;
        mask-image: none;
    }

    .manufacturing-hero::before {
        background: linear-gradient(180deg,
            rgba(247, 244, 239, 0.98) 0%,
            rgba(247, 244, 239, 0.94) 24%,
            rgba(247, 244, 239, 0.78) 42%,
            rgba(247, 244, 239, 0.36) 62%,
            rgba(247, 244, 239, 0.0) 84%);
    }

    .two-way-panel,
    .starting-grid,
    .requirements-grid,
    .builtfor-grid,
    .cta-grid {
        grid-template-columns: 1fr;
    }

    .two-way-divider {
        min-height: 88px;
    }

    .two-way-card.inverse {
        margin-top: 0;
    }

    .requirements-rail {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .manufacture-row {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }

    .custom-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 12px;
    }

    .custom-card {
        min-height: 126px;
        grid-template-columns: minmax(104px, 0.88fr) minmax(0, 1.12fr);
    }

    .starting-media,
    .cta-media,
    .two-way-media {
        margin-right: 0;
    }

    .builtfor-copy {
        grid-template-columns: minmax(0, 1fr) minmax(240px, 0.88fr);
    }
}

@media (max-width: 820px) {
    .manufacturing-shell {
        width: min(100%, calc(100% - 32px));
    }

    .manufacturing-ways,
    .manufacturing-process,
    .manufacturing-custom,
    .manufacturing-starting,
    .manufacturing-requirements,
    .manufacturing-builtfor,
    .manufacturing-manufacture,
    .manufacturing-cta {
        padding-top: 124px;
    }

    .two-way-card,
    .two-way-card.inverse {
        grid-template-columns: 1fr;
    }

    .two-way-media {
        min-height: 240px;
    }

    .requirements-rail {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .manufacture-row {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .custom-grid {
        grid-template-columns: 1fr;
    }

    .custom-card {
        min-height: 122px;
        grid-template-columns: minmax(96px, 0.84fr) minmax(0, 1.16fr);
    }

    .cta-grid,
    .starting-grid,
    .requirements-grid,
    .builtfor-copy {
        grid-template-columns: 1fr;
    }

    .builtfor-copy > div:first-child {
        padding: 28px;
    }

    .cta-media,
    .starting-media,
    .builtfor-media {
        min-height: 320px;
        margin-right: 0;
    }
}

@media (max-width: 640px) {
    .manufacturing-hero-copy {
        padding: 36px 18px 42px;
    }

    .manufacturing-hero h1 {
        max-width: none;
        font-size: 46px;
    }

    .manufacturing-hero-copy p {
        font-size: 16px;
    }

    .section-heading h2,
    .two-way-copy h3,
    .starting-copy h2,
    .requirements-flow h2,
    .builtfor-copy h2,
    .cta-copy h2 {
        font-size: 30px;
    }

    .two-way-copy,
    .starting-copy,
    .requirements-flow,
    .builtfor-copy,
    .cta-copy {
        padding: 24px;
    }

    .requirements-rail,
    .manufacture-row {
        grid-template-columns: 1fr;
    }

    .process-track {
        grid-template-columns: repeat(9, minmax(108px, 1fr));
    }

    .process-track {
        gap: 24px;
    }

    .process-step:not(:last-child)::after {
        width: 44px;
        right: -22px;
    }

    .process-step:not(:last-child)::before {
        right: -1px;
    }

    .custom-media {
        min-height: 0;
    }

    .custom-card {
        min-height: 124px;
    }

    .manufacturing-hero-visual {
        min-height: 48vh;
        margin-left: 0;
    }

    .manufacturing-hero-visual img {
        -webkit-mask-image: none;
        mask-image: none;
    }

    .manufacturing-hero::before {
        background: linear-gradient(180deg,
            rgba(247, 244, 239, 0.98) 0%,
            rgba(247, 244, 239, 0.92) 20%,
            rgba(247, 244, 239, 0.72) 38%,
            rgba(247, 244, 239, 0.30) 58%,
            rgba(247, 244, 239, 0) 82%);
    }
}

@media (min-width: 1201px) {
    body.page-manufacturing .manufacturing-page {
        padding-top: var(--shell-header-height);
    }

    .manufacturing-shell {
        width: min(1768px, calc(100% - 32px));
    }

    .manufacturing-hero,
    .manufacturing-manufacture,
    .manufacturing-cta {
        width: 100vw;
        margin-left: calc(50% - 50vw);
        margin-right: calc(50% - 50vw);
    }

    .manufacturing-hero {
        grid-template-columns: minmax(360px, 0.72fr) minmax(0, 1.28fr);
    }

    .manufacturing-hero-copy {
        max-width: 560px;
        padding-left: clamp(72px, 7vw, 150px);
        padding-right: clamp(26px, 3.4vw, 64px);
    }

    .manufacturing-hero-visual {
        margin-left: clamp(-120px, -6vw, -54px);
    }

    .manufacturing-hero-visual img {
        object-position: center right;
    }

    .manufacturing-ways {
        padding-top: 72px;
    }

    .manufacturing-process {
        padding-top: 70px;
    }

    .manufacturing-custom {
        padding-top: 64px;
    }

    .manufacturing-starting {
        padding-top: 74px;
    }

    .manufacturing-requirements,
    .manufacturing-builtfor {
        padding-top: 56px;
    }

    .manufacturing-manufacture {
        padding-top: 72px;
        padding-bottom: 84px;
    }

    .manufacturing-cta {
        padding-top: 0;
    }

    .section-heading {
        margin-bottom: 28px;
    }

    .section-heading h2 {
        font-size: clamp(32px, 3.1vw, 54px);
    }

    .two-way-panel {
        grid-template-columns: minmax(0, 1fr) 64px minmax(0, 1fr);
        align-items: center;
        gap: 32px;
    }

    .two-way-card,
    .two-way-card.inverse {
        min-height: 360px;
        grid-template-columns: minmax(0, 0.92fr) minmax(0, 1.08fr);
    }

    .two-way-card.inverse .two-way-media {
        order: 0;
        margin-left: 0;
    }

    .two-way-card.inverse .two-way-copy {
        order: -1;
    }

    .two-way-copy {
        padding: 46px 44px;
    }

    .two-way-media {
        margin-right: 0;
    }

    .process-track {
        gap: 34px;
    }

    .process-circle {
        width: 74px;
        height: 74px;
    }

    .process-step h3 {
        font-size: 18px;
        letter-spacing: 0.08em;
    }

    .process-step p {
        font-size: 13px;
        line-height: 1.55;
    }

    .custom-grid {
        grid-template-columns: repeat(4, minmax(0, 1fr));
        gap: 10px;
    }

    .custom-card {
        min-height: 92px;
        grid-template-columns: minmax(92px, 0.46fr) minmax(0, 0.54fr);
    }

    .custom-copy {
        padding: 10px 11px 10px 12px;
        gap: 3px;
    }

    .custom-title {
        font-size: 12px;
        line-height: 1.15;
    }

    .custom-text {
        font-size: 10px;
        line-height: 1.38;
    }

    .custom-media::after {
        background: linear-gradient(90deg,
            rgba(247, 244, 239, 0) 0%,
            rgba(247, 244, 239, 0.04) 48%,
            rgba(247, 244, 239, 0.42) 76%,
            rgba(247, 244, 239, 0.98) 100%);
    }

    .starting-copy,
    .requirements-flow,
    .builtfor-copy,
    .cta-copy {
        padding: 34px;
    }

    .starting-media,
    .builtfor-media {
        min-height: 360px;
    }

    .requirements-rail {
        align-items: stretch;
    }

    .builtfor-copy {
        align-items: stretch;
    }

    .manufacturing-manufacture .section-heading {
        width: min(1768px, calc(100% - 32px));
        margin-inline: auto;
    }

    .manufacture-row {
        width: 100vw;
        margin-left: calc(50% - 50vw);
        margin-right: calc(50% - 50vw);
        gap: 0;
        border-top: 1px solid var(--manu-border);
        border-bottom: 1px solid var(--manu-border);
    }

    .manufacture-item {
        min-height: 170px;
    }

    .cta-grid {
        width: 100vw;
        margin-left: calc(50% - 50vw);
        margin-right: calc(50% - 50vw);
        grid-template-columns: minmax(380px, 0.72fr) minmax(0, 1.28fr);
    }

    .cta-media {
        min-height: 420px;
    }
}

/* =====================================================
   FINAL HIERARCHY PASS
   Rebalances Manufacturing into major, supporting,
   transition and compact editorial moments.
===================================================== */
@media (min-width: 1201px) {
    .manufacturing-hero {
        min-height: min(760px, calc(100vh - var(--shell-header-height)));
        grid-template-columns: minmax(340px, 0.64fr) minmax(0, 1.36fr);
    }

    .manufacturing-hero-copy,
    .manufacturing-hero-visual {
        min-height: min(760px, calc(100vh - var(--shell-header-height)));
    }

    .manufacturing-hero-copy {
        max-width: 520px;
        padding-top: clamp(42px, 5vw, 84px);
        padding-bottom: clamp(42px, 5vw, 80px);
    }

    .manufacturing-hero h1 {
        font-size: clamp(58px, 4.8vw, 86px);
    }

    .manufacturing-hero-copy p {
        margin-top: 22px;
        font-size: 16px;
        line-height: 1.75;
    }

    .hero-actions {
        margin-top: 26px;
    }

    .manufacturing-ways {
        padding-top: 44px;
    }

    .two-way-panel {
        grid-template-columns: minmax(0, 1fr) 56px minmax(0, 1fr);
        gap: 28px;
    }

    .two-way-card,
    .two-way-card.inverse {
        min-height: 300px;
    }

    .two-way-copy {
        padding: 36px 38px;
    }

    .two-way-copy h3 {
        font-size: clamp(26px, 1.9vw, 32px);
    }

    .two-way-copy p {
        margin-top: 12px;
        font-size: 14px;
        line-height: 1.65;
    }

    .two-way-copy .button-secondary,
    .two-way-copy .button-outline {
        min-height: 42px;
        margin-top: 20px;
        padding-inline: 24px;
    }

    .two-way-divider::before {
        top: 18px;
        bottom: 18px;
    }

    .two-way-divider span {
        width: 48px;
        height: 48px;
    }

    .manufacturing-process {
        padding-top: 44px;
    }

    .manufacturing-process .section-heading {
        margin-bottom: 18px;
    }

    .process-track {
        grid-template-columns: repeat(9, minmax(100px, 1fr));
        gap: 18px;
        padding: 10px 0 16px;
    }

    .process-step:not(:last-child)::after {
        top: 61px;
        right: -20px;
        width: 40px;
    }

    .process-step:not(:last-child)::before {
        top: 56px;
        right: -2px;
        width: 9px;
        height: 9px;
    }

    .step-circle {
        width: 66px;
        height: 66px;
        margin-bottom: 10px;
    }

    .step-circle .manufacturing-icon {
        width: 24px;
        height: 24px;
    }

    .step-number {
        margin-bottom: 5px;
        font-size: 11px;
    }

    .step-title {
        font-size: 13px;
        letter-spacing: 0.08em;
    }

    .step-copy {
        max-width: 16ch;
        margin-top: 6px;
        font-size: 11px;
        line-height: 1.45;
    }

    .manufacturing-custom {
        padding-top: 42px;
    }

    .manufacturing-custom .section-heading {
        margin-bottom: 18px;
    }

    .custom-grid {
        gap: 8px;
    }

    .custom-card {
        min-height: 82px;
        grid-template-columns: minmax(86px, 0.44fr) minmax(0, 0.56fr);
    }

    .custom-copy {
        padding: 8px 10px;
        gap: 3px;
    }

    .custom-title {
        font-size: 11px;
        line-height: 1.12;
    }

    .custom-text {
        font-size: 9.5px;
        line-height: 1.28;
    }

    .custom-media::after {
        background: linear-gradient(90deg,
            rgba(247, 244, 239, 0) 0%,
            rgba(247, 244, 239, 0.12) 54%,
            rgba(247, 244, 239, 0.62) 78%,
            rgba(247, 244, 239, 1) 100%);
    }

    .manufacturing-starting {
        padding-top: 46px;
    }

    .starting-grid {
        grid-template-columns: minmax(0, 0.95fr) minmax(0, 1.05fr);
        gap: 20px;
    }

    .starting-copy {
        padding: 30px 34px;
    }

    .starting-copy h2 {
        font-size: clamp(30px, 2.7vw, 44px);
    }

    .starting-copy p {
        font-size: 15px;
        line-height: 1.65;
    }

    .starting-list {
        gap: 7px;
        margin-top: 18px;
    }

    .starting-list li {
        font-size: 13px;
        line-height: 1.45;
    }

    .starting-media {
        min-height: 330px;
    }

    .manufacturing-requirements,
    .manufacturing-builtfor {
        padding-top: 36px;
    }

    .requirements-grid,
    .builtfor-grid {
        gap: 20px;
    }

    .requirements-flow {
        gap: 24px;
        padding: 28px 30px;
    }

    .requirements-flow h2,
    .builtfor-copy h2 {
        font-size: clamp(28px, 2.5vw, 40px);
    }

    .requirements-step .step-circle {
        width: 62px;
        height: 62px;
        margin-bottom: 8px;
    }

    .requirements-step h3 {
        font-size: 14px;
    }

    .requirements-step p {
        font-size: 12px;
        line-height: 1.45;
    }

    .requirements-note {
        font-size: 13px;
    }

    .builtfor-copy > div:first-child {
        padding: 30px;
    }

    .builtfor-copy p {
        font-size: 15px;
        line-height: 1.65;
    }

    .builtfor-list {
        gap: 7px;
        margin-top: 16px;
    }

    .builtfor-list li {
        font-size: 13px;
        line-height: 1.45;
    }

    .builtfor-media {
        min-height: 320px;
    }

    .manufacturing-manufacture {
        padding-top: 42px;
        padding-bottom: 46px;
    }

    .manufacturing-manufacture .section-heading {
        margin-bottom: 20px;
    }

    .manufacturing-manufacture .section-heading h2 {
        font-size: clamp(30px, 2.8vw, 44px);
    }

    .manufacturing-manufacture .section-heading p {
        font-size: 15px;
        line-height: 1.65;
    }

    .manufacture-row {
        padding-inline: 0;
    }

    .manufacture-item {
        min-height: 118px;
        padding: 14px 10px;
        border-top: 0;
        border-bottom: 0;
    }

    .manufacture-item .step-circle {
        width: 46px;
        height: 46px;
    }

    .manufacture-item span {
        font-size: 11px;
    }

    .manufacturing-cta {
        padding-top: 0;
    }

    .cta-grid {
        grid-template-columns: minmax(330px, 0.56fr) minmax(0, 1.44fr);
    }

    .cta-copy {
        padding: 40px clamp(42px, 5vw, 90px);
    }

    .cta-copy h2 {
        max-width: 12ch;
        font-size: clamp(34px, 3.2vw, 50px);
    }

    .cta-copy p {
        font-size: 15px;
        line-height: 1.65;
    }

    .cta-copy .button-primary {
        min-height: 44px;
        margin-top: 20px;
        padding-inline: 26px;
    }

    .cta-footer {
        gap: 12px 22px;
        margin-top: 18px;
        font-size: 12px;
    }

    .cta-media {
        min-height: 320px;
    }
}

/* Final section weight system: hero is 100%, then sections intentionally rise and fall in prominence. */
@media (min-width: 1201px) {
    .manufacturing-hero {
        min-height: calc(100vh - var(--shell-header-height));
        grid-template-columns: minmax(360px, 0.58fr) minmax(0, 1.42fr);
    }

    .manufacturing-hero-copy {
        max-width: 520px;
        padding: clamp(78px, 8vw, 128px) clamp(36px, 4vw, 70px) clamp(70px, 7vw, 112px) clamp(56px, 6.4vw, 122px);
    }

    .manufacturing-hero-copy h1 {
        max-width: 8.5ch;
        font-size: clamp(66px, 6.8vw, 112px);
        line-height: 0.92;
    }

    .manufacturing-hero-copy p {
        max-width: 36ch;
        font-size: 16px;
        line-height: 1.8;
    }

    .manufacturing-ways {
        padding-top: clamp(70px, 6vw, 100px);
        padding-bottom: clamp(70px, 6vw, 100px);
    }

    .two-way-panel {
        gap: clamp(26px, 3vw, 48px);
        align-items: stretch;
    }

    .two-way-card {
        min-height: clamp(390px, 36vw, 500px);
        grid-template-columns: minmax(260px, 0.48fr) minmax(0, 0.52fr);
    }

    .two-way-copy {
        padding: clamp(42px, 4vw, 70px);
    }

    .two-way-copy h3 {
        font-size: clamp(36px, 3.2vw, 54px);
        line-height: 1;
    }

    .two-way-media {
        min-height: clamp(390px, 36vw, 500px);
    }

    .ways-divider {
        align-self: stretch;
    }

    .manufacturing-process {
        padding-top: clamp(46px, 4.4vw, 72px);
        padding-bottom: clamp(50px, 4.8vw, 78px);
    }

    .manufacturing-process .section-heading {
        margin-bottom: clamp(26px, 3vw, 44px);
    }

    .process-track {
        gap: clamp(12px, 1.4vw, 22px);
        padding-inline: clamp(20px, 2vw, 40px);
    }

    .step-circle {
        width: 72px;
        height: 72px;
    }

    .process-step h3 {
        font-size: 17px;
    }

    .process-step p {
        max-width: 18ch;
        font-size: 11.5px;
        line-height: 1.5;
    }

    .manufacturing-custom {
        padding-top: clamp(60px, 5.6vw, 92px);
        padding-bottom: clamp(64px, 6vw, 98px);
    }

    .manufacturing-custom .section-heading {
        margin-bottom: clamp(26px, 3vw, 42px);
    }

    .custom-grid {
        gap: clamp(12px, 1.2vw, 18px);
    }

    .custom-card {
        min-height: clamp(106px, 8.4vw, 132px);
        grid-template-columns: minmax(132px, 0.68fr) minmax(0, 0.32fr);
    }

    .custom-media {
        min-height: clamp(106px, 8.4vw, 132px);
    }

    .custom-copy {
        padding: clamp(12px, 1.1vw, 18px);
        gap: 5px;
    }

    .custom-title {
        font-size: 12px;
        line-height: 1.12;
        letter-spacing: 1px;
    }

    .custom-text {
        font-size: 10px;
        line-height: 1.35;
    }

    .custom-media::after {
        background: linear-gradient(90deg,
            rgba(247, 244, 239, 0) 0%,
            rgba(247, 244, 239, 0.06) 40%,
            rgba(247, 244, 239, 0.62) 78%,
            rgba(247, 244, 239, 1) 100%);
    }

    .manufacturing-starting {
        padding-top: clamp(68px, 6vw, 100px);
        padding-bottom: clamp(62px, 5.8vw, 94px);
    }

    .starting-grid {
        grid-template-columns: minmax(340px, 0.47fr) minmax(0, 0.53fr);
        gap: clamp(28px, 3.2vw, 54px);
    }

    .starting-copy {
        padding: clamp(48px, 5vw, 82px);
    }

    .starting-copy h2 {
        font-size: clamp(42px, 4.2vw, 68px);
        line-height: 0.98;
    }

    .starting-media {
        min-height: clamp(410px, 39vw, 540px);
    }

    .manufacturing-requirements {
        padding-top: clamp(52px, 5vw, 82px);
        padding-bottom: clamp(48px, 4.8vw, 78px);
    }

    .requirements-grid {
        gap: clamp(24px, 3vw, 48px);
    }

    .requirements-flow {
        padding: clamp(38px, 4vw, 68px);
    }

    .requirements-flow h2 {
        font-size: clamp(36px, 3.6vw, 58px);
        line-height: 1;
    }

    .manufacturing-builtfor {
        padding-top: clamp(52px, 5vw, 82px);
        padding-bottom: clamp(50px, 4.8vw, 78px);
    }

    .builtfor-grid {
        grid-template-columns: minmax(0, 0.42fr) minmax(0, 0.58fr);
        gap: clamp(26px, 3vw, 52px);
        align-items: stretch;
    }

    .builtfor-copy > div:first-child {
        padding: clamp(42px, 4.6vw, 74px);
    }

    .builtfor-copy h2 {
        font-size: clamp(38px, 3.8vw, 62px);
        line-height: 1;
    }

    .builtfor-media {
        min-height: clamp(360px, 34vw, 500px);
    }

    .manufacturing-manufacture {
        padding-top: clamp(34px, 3.6vw, 58px);
        padding-bottom: clamp(40px, 4vw, 64px);
    }

    .manufacturing-manufacture .section-heading {
        margin-bottom: clamp(18px, 2vw, 30px);
    }

    .manufacturing-manufacture .section-heading h2 {
        font-size: clamp(30px, 2.7vw, 44px);
    }

    .manufacture-row {
        min-height: 130px;
        align-items: center;
    }

    .manufacture-item {
        min-height: 104px;
        padding: 12px 8px;
    }

    .manufacture-item .step-circle {
        width: 48px;
        height: 48px;
    }

    .manufacturing-cta {
        padding-top: clamp(78px, 7vw, 118px);
    }

    .cta-grid {
        min-height: clamp(590px, 68vw, 780px);
        grid-template-columns: minmax(380px, 0.46fr) minmax(0, 1.54fr);
    }

    .cta-copy {
        padding: clamp(76px, 7vw, 122px) clamp(56px, 6vw, 112px);
    }

    .cta-copy h2 {
        max-width: 12ch;
        font-size: clamp(52px, 5.8vw, 92px);
        line-height: 0.96;
    }

    .cta-copy p {
        max-width: 36ch;
        font-size: 17px;
        line-height: 1.8;
    }

    .cta-media {
        min-height: clamp(590px, 68vw, 780px);
    }
}

/* Final laptop-fit calibration: keep hierarchy, but prevent major sections from exceeding one viewport. */
@media (min-width: 1201px) {
    .manufacturing-hero {
        min-height: clamp(560px, calc(100vh - var(--shell-header-height)), 700px);
        height: clamp(560px, calc(100vh - var(--shell-header-height)), 700px);
        grid-template-columns: minmax(320px, 0.54fr) minmax(0, 1.46fr);
        overflow: hidden;
    }

    .manufacturing-hero-copy,
    .manufacturing-hero-visual {
        min-height: 100%;
    }

    .manufacturing-hero-copy {
        max-width: 460px;
        padding-top: clamp(34px, 4.4vh, 62px);
        padding-bottom: clamp(34px, 4.4vh, 62px);
        padding-left: clamp(48px, 5.2vw, 100px);
        padding-right: clamp(22px, 2.8vw, 44px);
    }

    .manufacturing-hero h1,
    .manufacturing-hero-copy h1 {
        max-width: 9ch;
        font-size: clamp(52px, 4.9vw, 78px);
        line-height: 0.94;
    }

    .manufacturing-hero-copy p {
        max-width: 35ch;
        margin-top: 18px;
        font-size: 15px;
        line-height: 1.62;
    }

    .manufacturing-hero-visual,
    .manufacturing-hero-visual img {
        height: 100%;
    }

    .manufacturing-ways {
        padding-top: clamp(44px, 4.2vw, 68px);
        padding-bottom: clamp(44px, 4.2vw, 68px);
    }

    .two-way-card,
    .two-way-media {
        min-height: clamp(280px, 27vw, 370px);
    }

    .two-way-copy {
        padding: clamp(28px, 3vw, 48px);
    }

    .two-way-copy h3 {
        font-size: clamp(28px, 2.5vw, 40px);
    }

    .manufacturing-process {
        padding-top: clamp(30px, 3vw, 48px);
        padding-bottom: clamp(32px, 3.2vw, 52px);
    }

    .step-circle {
        width: 58px;
        height: 58px;
    }

    .manufacturing-custom {
        padding-top: clamp(44px, 4.3vw, 70px);
        padding-bottom: clamp(44px, 4.4vw, 72px);
    }

    .custom-grid {
        gap: clamp(12px, 1.2vw, 18px);
    }

    .custom-card {
        min-height: clamp(88px, 7vw, 112px);
        grid-template-columns: minmax(118px, 0.68fr) minmax(0, 0.32fr);
    }

    .custom-media {
        min-height: clamp(88px, 7vw, 112px);
    }

    .custom-copy {
        padding: clamp(9px, 0.9vw, 14px);
    }

    .custom-title {
        font-size: 11px;
    }

    .custom-text {
        font-size: 9.25px;
        line-height: 1.3;
    }

    .manufacturing-starting {
        padding-top: clamp(44px, 4.4vw, 70px);
        padding-bottom: clamp(42px, 4.2vw, 68px);
    }

    .starting-media {
        min-height: clamp(280px, 28vw, 390px);
    }

    .starting-copy {
        padding: clamp(30px, 3.4vw, 54px);
    }

    .starting-copy h2 {
        font-size: clamp(32px, 3vw, 48px);
    }

    .manufacturing-requirements,
    .manufacturing-builtfor {
        padding-top: clamp(34px, 3.5vw, 56px);
        padding-bottom: clamp(34px, 3.5vw, 56px);
    }

    .requirements-flow {
        padding: clamp(24px, 2.8vw, 44px);
    }

    .requirements-flow h2,
    .builtfor-copy h2 {
        font-size: clamp(28px, 2.9vw, 44px);
    }

    .builtfor-media {
        min-height: clamp(260px, 25vw, 350px);
    }

    .manufacturing-manufacture {
        padding-top: clamp(24px, 2.5vw, 40px);
        padding-bottom: clamp(26px, 2.8vw, 44px);
    }

    .manufacture-row {
        min-height: 96px;
    }

    .manufacture-item {
        min-height: 82px;
        padding: 10px 6px;
    }

    .manufacture-item .step-circle {
        width: 42px;
        height: 42px;
    }

    .manufacturing-cta {
        padding-top: clamp(48px, 4.8vw, 78px);
    }

    .cta-grid,
    .cta-media {
        min-height: clamp(430px, 46vw, 570px);
    }

    .cta-copy {
        padding-top: clamp(46px, 4.8vw, 78px);
        padding-bottom: clamp(46px, 4.8vw, 78px);
    }

    .cta-copy h2 {
        font-size: clamp(38px, 4vw, 64px);
    }
}

/* Final authority: Manufacturing page hierarchy after all legacy responsive layers. */
@media (min-width: 1201px) {
    .manufacturing-page {
        padding-top: var(--shell-header-height);
        overflow-x: hidden;
    }

    .manufacturing-shell {
        width: min(1760px, calc(100% - 88px));
        max-width: none;
    }

    .manufacturing-section {
        padding-top: clamp(52px, 4.8vw, 84px);
        padding-bottom: clamp(52px, 4.8vw, 84px);
    }

    .manufacturing-hero {
        width: 100vw;
        height: min(720px, calc(100vh - var(--shell-header-height)));
        min-height: 560px;
        margin-left: calc(50% - 50vw);
        margin-right: calc(50% - 50vw);
        padding: 0 clamp(56px, 7vw, 150px);
        display: grid;
        grid-template-columns: minmax(360px, 0.42fr) minmax(0, 1.58fr);
        align-items: center;
        background:
            linear-gradient(90deg, #f7f4ef 0%, #f7f4ef 23%, rgba(247, 244, 239, 0.92) 37%, rgba(247, 244, 239, 0.38) 55%, rgba(247, 244, 239, 0) 76%),
            #f7f4ef;
    }

    .manufacturing-hero-copy {
        max-width: 520px;
        padding: 0;
        position: relative;
        z-index: 2;
    }

    .manufacturing-hero h1 {
        max-width: 8.4ch;
        font-size: clamp(76px, 6.6vw, 118px);
        line-height: 0.92;
    }

    .manufacturing-hero p {
        max-width: 35ch;
        font-size: clamp(15px, 0.95vw, 18px);
        line-height: 1.72;
    }

    .manufacturing-hero-visual {
        min-height: 100%;
        height: 100%;
        margin-left: clamp(-170px, -8vw, -74px);
        overflow: hidden;
        -webkit-mask-image: linear-gradient(90deg, transparent 0%, rgba(0, 0, 0, 0.08) 8%, rgba(0, 0, 0, 0.85) 30%, #000 48%);
        mask-image: linear-gradient(90deg, transparent 0%, rgba(0, 0, 0, 0.08) 8%, rgba(0, 0, 0, 0.85) 30%, #000 48%);
    }

    .manufacturing-hero-visual img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center right;
    }

    .manufacturing-ways {
        padding-top: clamp(58px, 5vw, 88px);
        padding-bottom: clamp(62px, 5.5vw, 96px);
    }

    .two-way-panel {
        display: grid;
        grid-template-columns: minmax(0, 1fr) 72px minmax(0, 1fr);
        gap: clamp(28px, 3vw, 56px);
        align-items: stretch;
    }

    .two-way-card,
    .two-way-card.inverse {
        min-height: clamp(360px, 31vw, 490px);
        display: grid;
        grid-template-columns: minmax(280px, 0.46fr) minmax(320px, 0.54fr);
        background: #fff;
        border: 1px solid rgba(183, 140, 74, 0.16);
        box-shadow: 0 24px 60px rgba(23, 23, 23, 0.045);
        overflow: hidden;
    }

    .two-way-card.inverse .two-way-copy {
        order: 1;
    }

    .two-way-card.inverse .two-way-media {
        order: 2;
    }

    .two-way-copy {
        padding: clamp(42px, 4vw, 76px);
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

    .two-way-copy h3 {
        font-size: clamp(38px, 3.4vw, 58px);
        line-height: 1.02;
    }

    .two-way-copy p {
        max-width: 32ch;
        font-size: clamp(15px, 0.95vw, 17px);
        line-height: 1.75;
    }

    .two-way-media {
        min-height: 100%;
        position: relative;
        overflow: hidden;
    }

    .two-way-media::before {
        content: "";
        position: absolute;
        inset: 0 auto 0 0;
        width: 36%;
        background: linear-gradient(90deg, #fff 0%, rgba(255, 255, 255, 0.82) 28%, rgba(255, 255, 255, 0) 100%);
        z-index: 1;
        pointer-events: none;
    }

    .two-way-media img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .two-way-divider {
        width: 72px;
        min-height: 100%;
        align-self: stretch;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .two-way-divider span {
        width: 64px;
        height: 64px;
    }

    .manufacturing-process {
        padding-top: clamp(42px, 3.5vw, 64px);
        padding-bottom: clamp(46px, 3.8vw, 68px);
    }

    .process-track {
        gap: clamp(18px, 2vw, 34px);
    }

    .process-step .step-circle {
        width: clamp(50px, 4vw, 66px);
        height: clamp(50px, 4vw, 66px);
    }

    .process-step h3 {
        font-size: clamp(15px, 1vw, 18px);
    }

    .process-step p {
        font-size: clamp(12px, 0.78vw, 14px);
        line-height: 1.55;
    }

    .manufacturing-custom {
        padding-top: clamp(56px, 4.8vw, 82px);
        padding-bottom: clamp(58px, 5vw, 88px);
    }

    .manufacturing-custom .section-heading {
        margin-bottom: clamp(28px, 3vw, 46px);
    }

    .custom-grid {
        display: grid;
        grid-template-columns: repeat(4, minmax(0, 1fr));
        gap: clamp(14px, 1.4vw, 22px);
        align-items: stretch;
    }

    .custom-card {
        min-height: clamp(128px, 8.8vw, 158px);
        height: 100%;
        display: grid;
        grid-template-columns: minmax(116px, 0.52fr) minmax(0, 0.48fr);
        background: #fff;
        border: 1px solid rgba(183, 140, 74, 0.14);
        overflow: hidden;
        box-shadow: 0 18px 45px rgba(23, 23, 23, 0.035);
        transition: transform 320ms ease, box-shadow 320ms ease, border-color 320ms ease;
    }

    .custom-card:nth-child(4n + 2),
    .custom-card:nth-child(4n + 3) {
        grid-template-columns: minmax(0, 0.48fr) minmax(116px, 0.52fr);
    }

    .custom-card:nth-child(4n + 2) .custom-media,
    .custom-card:nth-child(4n + 3) .custom-media {
        order: 2;
    }

    .custom-card:nth-child(4n + 2) .custom-copy,
    .custom-card:nth-child(4n + 3) .custom-copy {
        order: 1;
    }

    .custom-card:hover {
        transform: translateY(-4px);
        border-color: rgba(183, 140, 74, 0.28);
        box-shadow: 0 24px 58px rgba(23, 23, 23, 0.065);
    }

    .custom-media {
        min-height: 100%;
        height: 100%;
        position: relative;
        overflow: hidden;
    }

    .custom-media::after {
        content: "";
        position: absolute;
        inset: 0 0 0 auto;
        width: 42%;
        background: linear-gradient(90deg, rgba(247, 244, 239, 0) 0%, rgba(247, 244, 239, 0.78) 72%, #fff 100%);
        pointer-events: none;
    }

    .custom-card:nth-child(4n + 2) .custom-media::after,
    .custom-card:nth-child(4n + 3) .custom-media::after {
        inset: 0 auto 0 0;
        background: linear-gradient(270deg, rgba(247, 244, 239, 0) 0%, rgba(247, 244, 239, 0.78) 72%, #fff 100%);
    }

    .custom-media img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        transform: scale(1.02);
        transition: transform 420ms ease;
    }

    .custom-card:hover .custom-media img {
        transform: scale(1.035);
    }

    .custom-copy {
        padding: clamp(16px, 1.6vw, 26px);
        display: flex;
        flex-direction: column;
        justify-content: center;
        gap: 8px;
    }

    .custom-title {
        font-size: clamp(18px, 1.35vw, 24px);
        line-height: 1.08;
    }

    .custom-text {
        font-size: clamp(11.5px, 0.78vw, 13px);
        line-height: 1.55;
    }

    .manufacturing-starting {
        padding-top: clamp(58px, 5vw, 92px);
        padding-bottom: clamp(58px, 5vw, 92px);
    }

    .starting-grid {
        display: grid;
        grid-template-columns: minmax(0, 1.12fr) minmax(420px, 0.88fr);
        min-height: clamp(430px, 42vw, 580px);
        align-items: stretch;
    }

    .starting-media {
        order: 1;
        min-height: 100%;
    }

    .starting-copy {
        order: 2;
        padding: clamp(44px, 4vw, 74px);
    }

    .starting-copy h2 {
        font-size: clamp(44px, 4.2vw, 72px);
        line-height: 1;
    }

    .starting-list {
        columns: 2;
        column-gap: 32px;
    }

    .manufacturing-requirements {
        padding-top: clamp(48px, 4vw, 76px);
        padding-bottom: clamp(48px, 4vw, 78px);
    }

    .requirements-grid {
        display: grid;
        grid-template-columns: minmax(0, 1.18fr) minmax(360px, 0.82fr);
        gap: clamp(24px, 2.6vw, 44px);
        align-items: stretch;
    }

    .requirements-flow,
    .builtfor-copy {
        min-height: clamp(330px, 31vw, 460px);
    }

    .requirements-flow {
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

    .builtfor-copy {
        display: grid;
        grid-template-columns: minmax(0, 0.58fr) minmax(220px, 0.42fr);
        align-items: stretch;
    }

    .builtfor-image {
        min-height: 100%;
    }

    .manufacturing-manufacture {
        width: 100vw;
        margin-left: calc(50% - 50vw);
        margin-right: calc(50% - 50vw);
        padding: clamp(34px, 3vw, 52px) clamp(54px, 6vw, 96px) clamp(42px, 4vw, 68px);
        border-top: 1px solid rgba(183, 140, 74, 0.12);
        border-bottom: 1px solid rgba(183, 140, 74, 0.12);
    }

    .manufacturing-manufacture .manufacturing-shell {
        width: 100%;
        max-width: none;
    }

    .manufacturing-manufacture .section-heading {
        margin-bottom: clamp(24px, 2.6vw, 40px);
        text-align: left;
    }

    .manufacturing-manufacture .section-heading h2 {
        font-size: clamp(34px, 3vw, 48px);
    }

    .manufacture-row {
        display: grid;
        grid-template-columns: repeat(8, minmax(0, 1fr));
        gap: clamp(12px, 1.2vw, 18px);
        align-items: stretch;
    }

    .manufacture-item {
        min-height: clamp(110px, 9vw, 148px);
        padding: clamp(14px, 1.4vw, 22px);
        transform: none !important;
        box-shadow: none;
    }

    .manufacturing-cta {
        width: 100vw;
        margin-left: calc(50% - 50vw);
        margin-right: calc(50% - 50vw);
        padding: 0;
    }

    .manufacturing-cta .manufacturing-shell {
        width: 100%;
        max-width: none;
    }

    .cta-grid {
        min-height: clamp(500px, 48vw, 640px);
        display: grid;
        grid-template-columns: minmax(420px, 0.42fr) minmax(0, 1.58fr);
        background: #171717;
    }

    .cta-copy {
        padding: clamp(54px, 5vw, 92px) clamp(58px, 6vw, 116px);
        justify-content: center;
    }

    .cta-copy h2 {
        max-width: 10ch;
        font-size: clamp(52px, 5vw, 88px);
        line-height: 0.95;
    }

    .cta-media {
        min-height: clamp(500px, 48vw, 640px);
        position: relative;
    }

    .cta-media::before {
        content: "";
        position: absolute;
        inset: 0 auto 0 0;
        width: 28%;
        background: linear-gradient(90deg, #171717 0%, rgba(23, 23, 23, 0.72) 28%, rgba(23, 23, 23, 0) 100%);
        z-index: 1;
        pointer-events: none;
    }
}

@media (max-width: 1200px) {
    .manufacturing-hero {
        height: auto;
        min-height: 0;
        grid-template-columns: 1fr;
    }

    .manufacturing-hero-visual {
        min-height: clamp(330px, 50vw, 560px);
    }

    .two-way-panel,
    .requirements-grid,
    .starting-grid,
    .cta-grid {
        grid-template-columns: 1fr;
    }

    .two-way-divider {
        min-height: auto;
        width: 100%;
    }

    .custom-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 18px;
    }

    .custom-card {
        min-height: 170px;
        display: grid;
        grid-template-columns: 0.52fr 0.48fr;
    }

    .manufacturing-section {
        padding-top: clamp(48px, 7vw, 82px);
        padding-bottom: clamp(48px, 7vw, 82px);
    }
}

@media (max-width: 760px) {
    .manufacturing-shell {
        width: min(100% - 32px, 100%);
    }

    .custom-grid,
    .manufacture-row {
        grid-template-columns: 1fr;
    }

    .custom-card,
    .custom-card:nth-child(4n + 2),
    .custom-card:nth-child(4n + 3) {
        grid-template-columns: minmax(120px, 0.48fr) minmax(0, 0.52fr);
        min-height: 150px;
    }

    .custom-card:nth-child(4n + 2) .custom-media,
    .custom-card:nth-child(4n + 3) .custom-media,
    .custom-card:nth-child(4n + 2) .custom-copy,
    .custom-card:nth-child(4n + 3) .custom-copy {
        order: initial;
    }
}

/* Final safety layer: sections remain visible even if reveal observers fail. */
.manufacturing-page .reveal-section,
.manufacturing-page .reveal-section .section-heading,
.manufacturing-page .reveal-section .two-way-panel,
.manufacturing-page .reveal-section .custom-grid,
.manufacturing-page .reveal-section .starting-grid,
.manufacturing-page .reveal-section .requirements-grid,
.manufacturing-page .reveal-section .manufacture-row,
.manufacturing-page .reveal-section .cta-grid {
    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;
}

@media (min-width: 1201px) {
    .manufacturing-page .manufacturing-hero {
        height: min(640px, calc(100vh - var(--shell-header-height, 92px) - 24px)) !important;
        min-height: 500px !important;
        max-height: 640px !important;
        overflow: hidden !important;
    }

    .manufacturing-page .manufacturing-hero-copy,
    .manufacturing-page .manufacturing-hero-visual {
        height: 100% !important;
        min-height: 0 !important;
    }

    .manufacturing-page .manufacturing-hero-visual img {
        height: 100% !important;
    }
}

@media (max-width: 1200px) {
    .manufacturing-page .manufacturing-hero {
        height: auto !important;
        max-height: none !important;
    }
}

/* Final cascade layer: laptop-safe hero, compact editorial rhythm and softer blends. */
@media (min-width: 1201px) {
    .manufacturing-page .manufacturing-hero {
        width: 100vw !important;
        height: min(590px, calc(100vh - var(--shell-header-height, 92px) - 36px)) !important;
        min-height: 470px !important;
        max-height: 590px !important;
        margin-left: calc(50% - 50vw) !important;
        margin-right: calc(50% - 50vw) !important;
        overflow: hidden !important;
    }

    .manufacturing-page .manufacturing-hero-copy {
        width: min(34vw, 520px) !important;
        padding: clamp(48px, 6vw, 72px) 0 clamp(42px, 5vw, 62px) clamp(48px, 8vw, 120px) !important;
        align-self: center !important;
    }

    .manufacturing-page .manufacturing-hero h1,
    .manufacturing-page .manufacturing-hero-copy h1 {
        max-width: 8.8ch !important;
        font-size: clamp(48px, 4.1vw, 66px) !important;
        line-height: .92 !important;
        margin-bottom: 20px !important;
    }

    .manufacturing-page .manufacturing-hero-copy p {
        max-width: 38ch !important;
        font-size: clamp(13px, .92vw, 15px) !important;
        line-height: 1.75 !important;
    }

    .manufacturing-page .manufacturing-hero-visual {
        min-height: 100% !important;
        height: 100% !important;
    }

    .manufacturing-page .manufacturing-hero-visual img {
        height: 100% !important;
        object-fit: cover !important;
        object-position: 68% center !important;
    }

    .manufacturing-page .manufacturing-hero-visual::before {
        width: 60% !important;
        background: linear-gradient(90deg,
            #f7f4ef 0%,
            rgba(247,244,239,.98) 22%,
            rgba(247,244,239,.72) 48%,
            rgba(247,244,239,.28) 74%,
            rgba(247,244,239,0) 100%) !important;
        opacity: 1 !important;
    }

    .manufacturing-page .two-way-panel {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) 72px minmax(0, 1fr) !important;
        align-items: stretch !important;
        gap: clamp(22px, 2.6vw, 42px) !important;
        width: min(100vw - 72px, 1760px) !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }

    .manufacturing-page .two-way-card,
    .manufacturing-page .two-way-card.inverse {
        min-height: 360px !important;
        display: grid !important;
        grid-template-columns: .52fr .48fr !important;
        align-items: stretch !important;
        padding: 0 !important;
    }

    .manufacturing-page .two-way-card.inverse .two-way-copy,
    .manufacturing-page .two-way-card.inverse .two-way-media {
        order: initial !important;
    }

    .manufacturing-page .two-way-copy {
        padding: clamp(42px, 4vw, 66px) clamp(36px, 4vw, 62px) !important;
        display: flex !important;
        flex-direction: column !important;
        justify-content: center !important;
    }

    .manufacturing-page .two-way-copy h3 {
        font-size: clamp(30px, 2.8vw, 46px) !important;
        line-height: 1 !important;
    }

    .manufacturing-page .two-way-media {
        min-height: 360px !important;
    }

    .manufacturing-page .two-way-divider {
        width: 72px !important;
        display: grid !important;
        place-items: center !important;
        align-self: stretch !important;
    }

    .manufacturing-page .manufacturing-process {
        padding-top: clamp(42px, 5vw, 66px) !important;
        padding-bottom: clamp(38px, 4.5vw, 58px) !important;
    }

    .manufacturing-page .manufacturing-custom {
        padding-top: clamp(46px, 5vw, 68px) !important;
        padding-bottom: clamp(50px, 5.5vw, 74px) !important;
    }

    .manufacturing-page .custom-grid {
        width: min(100vw - 48px, 1760px) !important;
        display: grid !important;
        grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
        gap: clamp(12px, 1.1vw, 18px) !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }

    .manufacturing-page .custom-card,
    .manufacturing-page .custom-card:nth-child(4n + 2),
    .manufacturing-page .custom-card:nth-child(4n + 3) {
        min-height: clamp(104px, 8vw, 132px) !important;
        display: grid !important;
        grid-template-columns: .53fr .47fr !important;
        align-items: stretch !important;
        overflow: hidden !important;
        border: 1px solid rgba(183,140,74,.18) !important;
        box-shadow: 0 12px 36px rgba(23,23,23,.035) !important;
        transform: none !important;
        background: rgba(247,244,239,.96) !important;
    }

    .manufacturing-page .custom-card:nth-child(4n + 2),
    .manufacturing-page .custom-card:nth-child(4n + 3) {
        grid-template-columns: .47fr .53fr !important;
    }

    .manufacturing-page .custom-card:nth-child(4n + 2) .custom-media,
    .manufacturing-page .custom-card:nth-child(4n + 3) .custom-media {
        order: 2 !important;
    }

    .manufacturing-page .custom-card:nth-child(4n + 2) .custom-copy,
    .manufacturing-page .custom-card:nth-child(4n + 3) .custom-copy {
        order: 1 !important;
    }

    .manufacturing-page .custom-media {
        position: relative !important;
        min-height: 100% !important;
        overflow: hidden !important;
    }

    .manufacturing-page .custom-media::after {
        content: "" !important;
        position: absolute !important;
        inset: 0 !important;
        pointer-events: none !important;
        background: linear-gradient(90deg,
            rgba(247,244,239,0) 0%,
            rgba(247,244,239,.18) 58%,
            rgba(247,244,239,.88) 100%) !important;
    }

    .manufacturing-page .custom-card:nth-child(4n + 2) .custom-media::after,
    .manufacturing-page .custom-card:nth-child(4n + 3) .custom-media::after {
        background: linear-gradient(270deg,
            rgba(247,244,239,0) 0%,
            rgba(247,244,239,.18) 58%,
            rgba(247,244,239,.88) 100%) !important;
    }

    .manufacturing-page .custom-media img,
    .manufacturing-page .custom-card img {
        width: 100% !important;
        height: 100% !important;
        min-height: 100% !important;
        object-fit: cover !important;
        transform: scale(1.04) !important;
    }

    .manufacturing-page .custom-copy {
        min-width: 0 !important;
        padding: clamp(16px, 1.4vw, 24px) clamp(18px, 1.7vw, 28px) !important;
        gap: 8px !important;
        display: flex !important;
        flex-direction: column !important;
        justify-content: center !important;
    }

    .manufacturing-page .custom-copy h3 {
        font-size: clamp(17px, 1.18vw, 22px) !important;
        line-height: 1.12 !important;
        margin: 0 !important;
    }

    .manufacturing-page .custom-copy p {
        font-size: clamp(12px, .76vw, 14px) !important;
        line-height: 1.45 !important;
        max-width: 28ch !important;
        margin: 0 !important;
    }

    .manufacturing-page .custom-card:hover {
        transform: translateY(-3px) !important;
        box-shadow: 0 18px 48px rgba(23,23,23,.07) !important;
    }

    .manufacturing-page .custom-card:hover .custom-media img {
        transform: scale(1.06) !important;
    }

    .manufacturing-page .requirements-grid,
    .manufacturing-page .builtfor-grid {
        width: min(100vw - 64px, 1680px) !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }

    .manufacturing-page .requirements-grid {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) !important;
        gap: 18px !important;
    }

    .manufacturing-page .requirements-flow {
        min-height: 0 !important;
        padding: clamp(34px, 4vw, 54px) clamp(42px, 5vw, 78px) !important;
    }

    .manufacturing-page .requirements-rail {
        display: grid !important;
        grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
        gap: clamp(18px, 2vw, 32px) !important;
        align-items: start !important;
    }

    .manufacturing-page .builtfor-grid {
        display: grid !important;
        grid-template-columns: 1.05fr .95fr !important;
        gap: 24px !important;
        align-items: stretch !important;
    }

    .manufacturing-page .builtfor-copy {
        display: grid !important;
        grid-template-columns: .9fr 1.1fr !important;
        gap: clamp(24px, 3vw, 52px) !important;
        padding: clamp(34px, 4vw, 56px) !important;
        min-height: 0 !important;
        align-items: center !important;
    }

    .manufacturing-page .builtfor-copy h2 {
        max-width: 11ch !important;
        font-size: clamp(30px, 3vw, 48px) !important;
        line-height: .98 !important;
    }

    .manufacturing-page .builtfor-copy p {
        max-width: 34ch !important;
        line-height: 1.65 !important;
    }

    .manufacturing-page .builtfor-list {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 10px 22px !important;
    }

    .manufacturing-page .builtfor-media,
    .manufacturing-page .builtfor-image {
        min-height: 360px !important;
        height: 100% !important;
        overflow: hidden !important;
    }

    .manufacturing-page .manufacture-row {
        width: 100vw !important;
        margin-left: calc(50% - 50vw) !important;
        margin-right: calc(50% - 50vw) !important;
        padding-left: clamp(48px, 6vw, 112px) !important;
        padding-right: clamp(48px, 6vw, 112px) !important;
        gap: 0 !important;
    }

    .manufacturing-page .manufacture-item {
        transform: none !important;
        min-height: 152px !important;
    }

    .manufacturing-page .manufacturing-cta {
        padding-top: clamp(52px, 6vw, 84px) !important;
    }

    .manufacturing-page .manufacturing-cta .cta-grid {
        min-height: clamp(420px, 36vw, 560px) !important;
    }
}

@media (max-width: 1200px) {
    .manufacturing-page .manufacturing-hero {
        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;
        overflow: visible !important;
    }

    .manufacturing-page .manufacturing-hero-copy,
    .manufacturing-page .manufacturing-hero-visual {
        min-height: 0 !important;
    }

    .manufacturing-page .two-way-panel,
    .manufacturing-page .requirements-grid,
    .manufacturing-page .builtfor-grid,
    .manufacturing-page .builtfor-copy {
        grid-template-columns: 1fr !important;
    }

    .manufacturing-page .custom-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 16px !important;
    }

    .manufacturing-page .custom-card,
    .manufacturing-page .custom-card:nth-child(4n + 2),
    .manufacturing-page .custom-card:nth-child(4n + 3) {
        min-height: 150px !important;
        grid-template-columns: .5fr .5fr !important;
    }

    .manufacturing-page .builtfor-list {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
}

@media (max-width: 760px) {
    .manufacturing-page .custom-grid {
        grid-template-columns: 1fr !important;
    }

    .manufacturing-page .custom-card,
    .manufacturing-page .custom-card:nth-child(4n + 2),
    .manufacturing-page .custom-card:nth-child(4n + 3) {
        grid-template-columns: .46fr .54fr !important;
        min-height: 132px !important;
    }

    .manufacturing-page .custom-card:nth-child(4n + 2) .custom-media,
    .manufacturing-page .custom-card:nth-child(4n + 3) .custom-media,
    .manufacturing-page .custom-card:nth-child(4n + 2) .custom-copy,
    .manufacturing-page .custom-card:nth-child(4n + 3) .custom-copy {
        order: initial !important;
    }

    .manufacturing-page .builtfor-list {
        grid-template-columns: 1fr !important;
    }
}

/* Targeted hero alignment: give the editorial headline enough measure to keep
   its intended phrases together, then tighten the stacked tablet/mobile rhythm. */
@media (min-width: 1201px) {
    .manufacturing-page .manufacturing-hero-copy {
        width: min(42vw, 620px) !important;
        max-width: 620px !important;
        padding-left: clamp(48px, 7.2vw, 112px) !important;
        padding-right: clamp(24px, 2.5vw, 40px) !important;
    }

    .manufacturing-page .manufacturing-hero h1,
    .manufacturing-page .manufacturing-hero-copy h1 {
        width: auto !important;
        max-width: 560px !important;
    }

    .manufacturing-page .manufacturing-hero-copy > p:not(.hero-kicker) {
        margin-top: 22px !important;
    }

    .manufacturing-page .hero-actions {
        margin-top: 26px !important;
    }
}

@media (max-width: 1200px) {
    .manufacturing-page .manufacturing-hero {
        width: 100% !important;
        margin-inline: 0 !important;
        padding-top: 24px !important;
        padding-bottom: 0 !important;
    }

    .manufacturing-page .manufacturing-hero-copy {
        width: min(100%, 760px) !important;
        height: auto !important;
        margin-inline: auto !important;
        padding: clamp(42px, 6vw, 58px) clamp(28px, 6vw, 64px) clamp(36px, 5vw, 52px) !important;
        justify-content: flex-start !important;
    }

    .manufacturing-page .hero-kicker {
        margin-top: 0 !important;
    }

    .manufacturing-page .manufacturing-hero h1,
    .manufacturing-page .manufacturing-hero-copy h1 {
        width: auto !important;
        max-width: 600px !important;
        font-size: clamp(54px, 7.4vw, 70px) !important;
        line-height: .95 !important;
    }

    .manufacturing-page .manufacturing-hero-copy > p:not(.hero-kicker) {
        max-width: 48ch !important;
        margin-top: 24px !important;
        font-size: clamp(15px, 2vw, 17px) !important;
        line-height: 1.7 !important;
    }

    .manufacturing-page .hero-actions {
        margin-top: 28px !important;
    }

    .manufacturing-page .manufacturing-hero-visual {
        width: min(100% - 56px, 880px) !important;
        min-height: clamp(340px, 56vw, 500px) !important;
        height: clamp(340px, 56vw, 500px) !important;
        margin-inline: auto !important;
    }

    .manufacturing-page .manufacturing-hero-visual img {
        object-position: 58% center !important;
    }

    .manufacturing-page .manufacturing-ways {
        padding-top: clamp(62px, 8vw, 82px) !important;
    }
}

@media (max-width: 760px) {
    .manufacturing-page .manufacturing-hero {
        padding-top: 18px !important;
    }

    .manufacturing-page .manufacturing-hero-copy {
        padding: 40px 10px 34px !important;
    }

    .manufacturing-page .manufacturing-hero h1,
    .manufacturing-page .manufacturing-hero-copy h1 {
        max-width: 100% !important;
        font-size: clamp(46px, 13vw, 54px) !important;
        line-height: .96 !important;
    }

    .manufacturing-page .manufacturing-hero-copy > p:not(.hero-kicker) {
        margin-top: 24px !important;
        font-size: 16px !important;
        line-height: 1.72 !important;
    }

    .manufacturing-page .hero-actions {
        margin-top: 28px !important;
    }

    .manufacturing-page .manufacturing-hero-visual {
        width: 100% !important;
        min-height: 260px !important;
        height: 260px !important;
    }

    .manufacturing-page .manufacturing-ways {
        padding-top: 58px !important;
    }
}

/* Final hero authority: remove internal gutters so copy and image form one
   edge-to-edge editorial composition beneath the shared header. */
@media (min-width: 1201px) {
    .manufacturing-page .manufacturing-hero {
        width: 100vw !important;
        height: calc(100svh - var(--shell-header-height, 92px)) !important;
        min-height: 640px !important;
        max-height: 808px !important;
        margin: 0 calc(50% - 50vw) !important;
        padding: 0 !important;
        grid-template-columns: minmax(500px, 42%) minmax(0, 58%) !important;
        overflow: hidden !important;
    }

    .manufacturing-page .manufacturing-hero-copy {
        width: 100% !important;
        max-width: none !important;
        height: 100% !important;
        padding: clamp(64px, 7vh, 88px) clamp(42px, 4vw, 64px) clamp(58px, 6vh, 76px) clamp(64px, 7.8vw, 120px) !important;
        justify-content: center !important;
    }

    .manufacturing-page .manufacturing-hero-visual {
        width: 100% !important;
        height: 100% !important;
        min-height: 0 !important;
        margin: 0 !important;
    }

    .manufacturing-page .manufacturing-hero-visual img {
        width: 100% !important;
        height: 100% !important;
        object-fit: cover !important;
        object-position: 62% center !important;
    }

    .manufacturing-page .manufacturing-hero-visual::before {
        width: 30% !important;
        background: linear-gradient(90deg, #f7f4ef 0%, rgba(247, 244, 239, 0.74) 34%, rgba(247, 244, 239, 0) 100%) !important;
    }

    .manufacturing-page .manufacturing-hero::before {
        content: none !important;
        display: none !important;
    }
}

@media (max-width: 1200px) {
    .manufacturing-page .manufacturing-hero-visual {
        width: 100% !important;
        margin-inline: 0 !important;
    }
}

/* Capability-card image authority: clear legacy column spans and keep the
   image crop, blend edge and text panel inside one consistent card frame. */
.manufacturing-page .custom-card,
.manufacturing-page .custom-card:nth-child(n) {
    grid-column: auto !important;
    min-width: 0 !important;
    width: 100% !important;
}

.manufacturing-page .custom-media {
    width: 100% !important;
    min-width: 0 !important;
    height: 100% !important;
    overflow: hidden !important;
    padding: 0 !important;
    background: transparent !important;
}

.manufacturing-page .custom-media img,
.manufacturing-page .custom-card img {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    min-height: 100% !important;
    margin: 0 !important;
    object-fit: cover !important;
    transform: scale(1.06) !important;
    transform-origin: center !important;
}

.manufacturing-page .custom-media::after {
    inset: 0 0 0 auto !important;
    width: 26% !important;
    background: linear-gradient(90deg, rgba(247, 244, 239, 0) 0%, rgba(247, 244, 239, 0.36) 66%, rgba(247, 244, 239, 0.92) 100%) !important;
}

.manufacturing-page .custom-card:nth-child(4n + 2) .custom-media::after,
.manufacturing-page .custom-card:nth-child(4n + 3) .custom-media::after {
    inset: 0 auto 0 0 !important;
    background: linear-gradient(270deg, rgba(247, 244, 239, 0) 0%, rgba(247, 244, 239, 0.36) 66%, rgba(247, 244, 239, 0.92) 100%) !important;
}

.manufacturing-page .custom-card:nth-child(4) .custom-media img {
    object-position: 68% center !important;
}

@media (min-width: 1201px) {
    .manufacturing-page .custom-grid {
        grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
        grid-auto-rows: 158px !important;
        align-items: stretch !important;
    }

    .manufacturing-page .custom-card,
    .manufacturing-page .custom-card:nth-child(n) {
        min-height: 158px !important;
        height: 100% !important;
    }
}