/* Manufacturing inherits the Creative Studio system without changing its shared base. */
.mfg-page{--bg:#000;--panel:#091d2d;--gutter:max(6vw,calc((100vw - 1440px)/2));--muted:#b8c4ce;--line:#ffffff29;background:#000;color:#ffffff;font-weight:400}
.mfg-page::before,.mfg-page .section::before,.mfg-page footer::before{content:none}.mfg-page .section{padding:100px var(--gutter)}
.mfg-page h2{font-size:clamp(32px,3.5vw,52px);font-weight:500;line-height:1.08;letter-spacing:-.03em;text-wrap:pretty}.mfg-page h3{font-weight:500}.mfg-page .site-header{position:sticky;top:0;background:#000}.mfg-page .button{font-size:14px;min-height:44px;padding:12px 18px;font-weight:400;gap:24px}.mfg-page .button svg{width:18px;height:18px}.mfg-page .button:hover{background:#ddd;border-color:#ddd}.mfg-page .text-link{border-bottom:0;gap:16px}.mfg-page .text-link svg{width:18px;height:18px}.mfg-page a:focus-visible,.mfg-page button:focus-visible,.mfg-page summary:focus-visible{outline:2px solid #ff701e;outline-offset:5px}
.mfg-hero{position:relative;min-height:650px;height:calc(92svh - 88px);max-height:980px;display:flex;align-items:flex-end;isolation:isolate;padding:80px var(--gutter)}.mfg-hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 45%;z-index:-2}.mfg-hero::after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,#000 0%,#000b 40%,#0002 85%)}.mfg-hero h1{font-size:clamp(48px,5.4vw,84px);line-height:1.02;letter-spacing:-.025em;font-weight:700}.mfg-hero-copy p{margin-top:24px;font-size:clamp(17px,1.45vw,22px);line-height:1.5;color:#d6dce0}.mfg-link{display:inline-flex;align-items:center;gap:22px;margin-top:32px;font-size:14px;min-height:44px}.mfg-link:hover{color:#ff8c47}
.mfg-intro>h2{max-width:950px}.intro-columns{display:grid;grid-template-columns:1fr 1fr;gap:8%;margin-top:44px}.intro-columns p{font-size:19px;color:#b8c4ce;max-width:55ch}.production-path{list-style:none;padding:0;margin:72px 0 0;display:grid;grid-template-columns:1fr 1fr 1.25fr;gap:32px}.production-path li{border-top:1px solid #52606a;padding-top:20px}.production-path span{font-size:12px;color:#aeb8c1;display:block;margin-bottom:22px}.production-path strong{display:block;font-size:24px;font-weight:500}.production-path p{font-size:15px;margin-top:8px;color:#aeb8c1}.production-path .path-active{border-color:#ff701e}.production-path .path-active span{color:#ff9455}
.mfg-focus{display:grid;grid-template-columns:1.15fr 1fr;gap:6%;background:#091d2d;align-items:start}.focus-photo{position:sticky;top:120px}.focus-photo img{width:100%;height:auto;aspect-ratio:1.15;object-fit:cover;display:block}.focus-photo>p{font-size:16px;color:#b8c4ce;margin-top:20px}.mfg-page .focus-copy h2{font-size:clamp(28px,2.6vw,38px)}.section-description{font-size:16px;color:#b8c4ce;margin:24px 0 28px;max-width:48ch}.capability-options{display:grid;grid-template-columns:1fr 1fr;gap:0 24px}.capability-options button{display:flex;justify-content:space-between;align-items:center;gap:10px;min-height:60px;border:0;border-top:1px solid #ffffff30;background:none;padding:14px 0;font-size:17px;text-align:left}.capability-options button span{font-size:22px;color:#899eaf}.capability-options button[aria-pressed=true]{color:#ff9455}.capability-options button[aria-pressed=true] span{transform:rotate(45deg);color:#ff9455}.capability-answer{padding-top:28px;min-height:240px}.capability-answer h3{font-size:24px;margin-bottom:10px}.capability-answer>p{color:#c4cfd8;line-height:1.6;font-size:16px}.capability-answer .text-link{margin-top:14px;font-size:14px}.capability-answer .capability-status{font-size:12px;min-height:18px;color:#e0e6ea}
.mfg-page .experience{background:#000}.mfg-page .section-top{align-items:start;margin-bottom:48px}.mfg-page .section-top>p{font-size:17px;max-width:36ch}.mfg-page .case-controls{gap:40px;margin-bottom:40px;border-color:#ffffff35}.mfg-page .case-controls button{font-size:25px;padding-bottom:18px;min-height:60px}.mfg-page .case-controls button[aria-pressed=true]{border-color:#ff701e}.mfg-page .case-heading{gap:7%}.mfg-page .case-heading h3{font-size:clamp(28px,3vw,42px);max-width:20ch}.mfg-page .case-heading p{font-size:18px}.mfg-page .case-facts{gap:36px;margin:44px 0 56px}.mfg-page .case-fact strong{font-family:'Wild West Eurostile Heavy',sans-serif;font-size:clamp(28px,3.2vw,48px);line-height:1.1}.mfg-page .case-fact p{font-size:15px;max-width:33ch}.mfg-page .comparison-head h4{font-size:24px}.mfg-page .toggle{border:0;border-bottom:1px solid #555;padding:0;gap:24px}.mfg-page .toggle button{padding:10px 0;border-bottom:2px solid transparent}.mfg-page .toggle button[aria-pressed=true]{background:none;color:#fff;border-color:#fff}.mfg-page .comparison{display:grid;grid-template-columns:.9fr 1.5fr .8fr;gap:40px;align-items:center;border-bottom:1px solid #ffffff24;padding:28px 0}.mfg-page .comparison h5{font-weight:400;font-size:19px;margin:0}.comparison-value{font-size:30px;line-height:1.2;font-variant-numeric:tabular-nums}.comparison-value small{display:block;font-size:13px;color:#b8c4ce;margin-top:8px}.bar-track{height:3px;background:#ffffff20;margin-top:18px;overflow:hidden}.bar{height:100%;background:#c6d8e5;transform-origin:left}.mfg-page .comparison-outcome{font-size:17px;color:#d8e2e9}.mfg-page .case-note{font-size:12px;color:#9eabb5;max-width:80ch;margin-top:24px}.mfg-page #case-details{border-top:0;padding:20px 0 0}.mfg-page #case-details summary{min-height:44px;font-size:15px}.mfg-page #case-details ul{font-size:15px;color:#b8c4ce;line-height:1.7;columns:2;column-gap:56px;padding-left:20px}.mfg-page #case-details li{break-inside:avoid;margin-bottom:10px}
.mfg-process{background:#ffffff;color:#191b1a;display:grid;grid-template-columns:.85fr 1.15fr;gap:6%}.process-intro{position:sticky;top:128px;align-self:start}.process-intro>p{font-size:17px;color:#62655f;max-width:34ch;margin:26px 0 20px}.mfg-page .mfg-step{margin:0;padding:0;border:0;border-top:1px solid #b9bbb5;overflow:hidden;transition:background-color .5s,color .5s}.mfg-page .mfg-step:last-child{border-bottom:1px solid #b9bbb5}.mfg-page .mfg-step summary{list-style:none;display:grid;grid-template-columns:28px 1fr 20px;align-items:center;gap:16px;padding:28px 24px;cursor:pointer}.mfg-step summary::-webkit-details-marker{display:none}.mfg-page .mfg-step h3{font-size:clamp(23px,2.2vw,31px);line-height:1.15;letter-spacing:-.025em}.step-number{font-size:13px;color:#73786f;font-variant-numeric:tabular-nums}.step-plus{width:18px;height:18px;position:relative}.step-plus:before,.step-plus:after{content:'';position:absolute;background:currentColor;left:0;top:8px;width:18px;height:1px;transition:transform .45s}.step-plus:after{transform:rotate(90deg)}.mfg-step[open] .step-plus:after{transform:rotate(0)}.mfg-page .mfg-step[open]{background:#191b1a;color:#fff}.mfg-step[open] .step-number{color:#b4bcb0}.step-body{padding:0 30px 30px 68px;display:grid;gap:24px}.step-body p{font-size:16px;line-height:1.55;color:#c4c8c0}.step-body .step-label{font-size:12px;color:#a2ad9c;margin-bottom:10px}.step-result{border-top:1px solid #ffffff30;padding-top:20px}.step-result>p:last-child{color:#ffffff}.mfg-steps{min-width:0}
.mfg-build{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:8%;border-bottom:1px solid #ffffff25}.mfg-page #build-title button{border:0;background:none;padding:0;color:#727b82;font-size:clamp(58px,6.4vw,96px);line-height:1.08;font-weight:500;letter-spacing:-.03em;transition:color .3s;text-align:left}.mfg-page #build-title button[aria-pressed=true],.mfg-page #build-title button:hover{color:#fff}.build-context h3{font-size:30px;line-height:1.15}.build-context p{font-size:19px;color:#b8c4ce;margin-top:22px;max-width:42ch}.build-context a{margin-top:24px}.mfg-page .quote-section{background:#000;display:grid;grid-template-columns:.85fr 1.15fr;gap:8%;align-items:start}.mfg-page .quote-intro h2{font-size:clamp(36px,4vw,60px);font-weight:500}.mfg-page .quote-intro p{max-width:32ch;margin:24px 0;font-size:18px;color:#b8c4ce}.quote-intro .book-call{display:flex;width:max-content;margin-bottom:16px}.mfg-page #quote-form>h3{font-size:25px;margin-bottom:28px}.mfg-page fieldset{border:0;padding:0;margin:0 0 28px}.mfg-page legend{font-size:15px;margin-bottom:14px}.mfg-page .quote-options{display:grid;grid-template-columns:1fr 1fr;gap:10px 18px}.mfg-page .quote-options label{display:flex;align-items:center;gap:10px;font-size:14px}.mfg-page .quote-options input{position:static;opacity:1;width:16px;height:16px;accent-color:#fff;flex:none;margin:0}.mfg-page .quote-options span{padding:5px 0;border:0;background:none;font-size:14px}.mfg-page .quote-options input:checked+span{background:none;color:#fff}.mfg-page #quote-form>label,.mfg-page .form-row label{display:grid;gap:9px;font-size:14px;margin-bottom:20px}.mfg-page input,.mfg-page textarea,.mfg-page select{border:1px solid #59616a;background:#101315;color:#fff;border-radius:0;padding:12px;width:100%;font-size:16px}.mfg-page input::placeholder,.mfg-page textarea::placeholder{color:#a8b1b9}.mfg-page .form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}.mfg-page .brief-preview{border-block:1px solid #ffffff30;padding:18px 0;margin:6px 0 24px}.brief-preview>span{font-size:12px;color:#a8b8c5}.brief-preview p{font-size:15px;margin-top:8px}.mfg-page .form-note,.mfg-page #quote-status{font-size:12px;color:#aab6c0;line-height:1.5;margin-top:14px;max-width:55ch}.mfg-page footer{background:#000;border-top:1px solid #ffffff24;display:flex;align-items:center;gap:32px;padding:50px var(--gutter);flex-wrap:wrap}.mfg-page footer p{margin-right:auto;font-size:15px}.mfg-page footer .wordmark{width:200px}
@media(prefers-reduced-motion:no-preference){.mfg-page [data-reveal].reveal-ready{opacity:.3;transform:translateY(20px);transition:opacity .85s,transform .85s cubic-bezier(.16,1,.3,1)}.mfg-page [data-reveal].is-visible{opacity:1;transform:none}.mfg-step.step-wait{opacity:.15;transform:translateY(18px);transition:opacity .7s,transform .7s,background-color .5s,color .5s}.mfg-step.step-visible{opacity:1;transform:none}.mfg-page .bar{animation:mfg-bar .7s cubic-bezier(.16,1,.3,1)}@keyframes mfg-bar{from{opacity:.4;clip-path:inset(0 100% 0 0)}to{opacity:1;clip-path:inset(0)}}}
@media(max-width:900px){.mfg-page{--gutter:6vw}.mfg-hero{min-height:590px}.mfg-focus,.mfg-process{grid-template-columns:1fr;gap:40px}.focus-photo,.process-intro{position:static}.focus-photo img{aspect-ratio:16/9}.focus-photo>p{display:none}.process-intro>p{max-width:52ch}.mfg-page .section{padding-block:72px}.mfg-page .section-top{gap:32px}.mfg-page .case-fact strong{font-size:32px}.mfg-page .comparison{gap:24px}.mfg-page .quote-section{gap:40px}}
@media(max-width:600px){.mfg-page{--gutter:24px}.mfg-hero{height:calc(92svh - 80px);min-height:590px;padding-bottom:60px}.mfg-hero>img{object-position:62% center}.mfg-hero h1{font-size:clamp(38px,8.5vw,52px)}.mfg-hero-copy p{font-size:17px}.intro-columns{grid-template-columns:1fr;gap:22px;margin-top:28px}.intro-columns p{font-size:17px}.production-path{grid-template-columns:1fr;gap:24px;margin-top:40px}.production-path span{margin-bottom:10px}.production-path strong{font-size:23px}.mfg-page .section-top,.mfg-page .case-heading{display:grid;grid-template-columns:1fr;gap:22px}.mfg-page .case-controls{gap:32px}.mfg-page .case-controls button{font-size:24px}.mfg-page .case-facts{grid-template-columns:1fr;gap:22px;margin-block:32px 40px}.mfg-page .case-fact{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:start}.mfg-page .case-fact p{margin:0;font-size:14px}.mfg-page .comparison{grid-template-columns:1fr 1fr;gap:16px}.mfg-page .comparison h5{grid-column:1/-1}.mfg-page .comparison-value{font-size:28px}.mfg-page .comparison-outcome{font-size:15px}.mfg-page #case-details ul{columns:1}.mfg-page .mfg-step summary{padding:24px 16px;gap:10px;grid-template-columns:22px 1fr 18px}.mfg-page .mfg-step h3{font-size:24px}.step-body{padding:0 20px 24px 48px}.mfg-build,.mfg-page .quote-section{grid-template-columns:1fr;gap:36px}.mfg-page #build-title button{font-size:64px}.build-context{min-height:210px}.build-context p{font-size:17px}.mfg-page .form-row{grid-template-columns:1fr;gap:0}.capability-options{gap:0 16px}.capability-options button{font-size:15px}.mfg-page footer{gap:24px}.mfg-page footer .brand{width:100%}.mfg-page footer p{width:100%}.mfg-page .desktop-break{display:none}}
/* The base details rule rotates spans; process numbers and the minus stay upright. */
.mfg-page .mfg-step[open] summary>span{transform:none}

/* Direct service choices replace the repeated production introduction. */
.mfg-support-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px;margin-top:44px}
.mfg-support-options>a{display:block;border-top:1px solid #65727c;padding-top:24px}
.mfg-support-options h3{display:flex;justify-content:space-between;gap:16px;font-size:clamp(23px,2vw,30px);font-weight:500;line-height:1.2}
.mfg-support-options h3 span{color:#ff9455;font-size:22px}
.mfg-support-options p{font-size:17px;line-height:1.5;color:#b8c4ce;max-width:32ch;margin-top:16px}
.mfg-support-options a:hover h3{color:#ff9455}
.mfg-page .mfg-intro{padding-bottom:72px}
.mfg-page .mfg-focus{padding-top:72px;padding-bottom:72px;align-items:center}
.mfg-focus .focus-photo{position:static}.mfg-focus .focus-photo img{aspect-ratio:1.5}
.mfg-focus .capability-answer{min-height:198px}.mfg-focus .section-description{margin-block:18px 24px}
@media(max-width:760px){.mfg-support-options{grid-template-columns:repeat(3,minmax(0,1fr));gap:26px;margin-top:30px}.mfg-support-options p{max-width:42ch;margin-top:10px}.mfg-support-options>a{padding-top:20px}.mfg-page .mfg-focus{padding-block:48px}.mfg-page .mfg-intro{padding-bottom:48px}}
/* Prototype to production: film, capability selection, and paired results. */
.mfg-page .site-header{position:fixed;inset:0 0 auto;background:transparent}
.mfg-page .site-header[data-scrolled="1"]{background:#000}
.mfg-hero{height:100svh;min-height:620px;max-height:none;align-items:center;justify-content:center;text-align:center;padding:120px var(--gutter)}
.mfg-hero-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}
.mfg-hero::after{background:linear-gradient(180deg,#0006,#0005 60%,#000b)}
.mfg-hero h1{font-size:clamp(42px,6.5vw,98px);font-weight:500;letter-spacing:-.04em;text-wrap:balance}
.hero-arrow{font-weight:400}.mfg-hero-copy{max-width:1200px}.mfg-hero-copy p{color:#fff;max-width:660px;margin:28px auto 0;font-size:clamp(18px,1.7vw,25px)}
.mfg-link{margin-top:36px}.hero-motion{position:absolute;bottom:25px;right:var(--gutter);border:1px solid #ffffff70;background:#0004;color:white;padding:10px 15px;font-size:12px;cursor:pointer}
.mfg-problem{display:grid;grid-template-columns:.85fr 1.15fr;gap:8%;align-items:center;border-bottom:1px solid #ffffff25}
.mfg-problem p{max-width:42ch;font-size:18px;line-height:1.6;color:#b8c4ce;margin-top:26px}.mfg-problem .problem-bridge{color:#fff}
.employment-chart{margin:0;min-width:0}.employment-chart figcaption{font-size:18px}.employment-chart figcaption span{display:block;font-size:12px;color:#b8c4ce;margin-top:8px}.employment-chart svg{width:100%;height:auto;margin-top:20px}.employment-chart>a{font-size:11px;color:#b8c4ce;display:block;line-height:1.6}
.mfg-support-options>a{border:0;padding:0}.mfg-support-options img{display:block;width:100%;aspect-ratio:1.35;object-fit:cover;margin-bottom:24px;transition:filter .3s}.mfg-support-options a:hover img{filter:brightness(1.15)}
.mfg-page .mfg-focus{align-items:start;background:#eeeDE7;color:#191b1a;gap:7%;grid-template-columns:1.05fr 1fr;padding-block:100px}
.mfg-focus .focus-photo{position:sticky;top:125px}.mfg-focus .section-description{color:#5f645e;margin-bottom:32px}.capability-visual{position:relative;background:#192c39;overflow:hidden}.mfg-focus .focus-photo img{aspect-ratio:1.5;object-fit:cover}.capability-visual>span{position:absolute;bottom:0;left:0;padding:12px 16px;background:#172019;color:#fff;font-size:13px}
.capability-options{display:flex;flex-direction:column;gap:0}.capability-options button{width:100%;border-color:#b7bcb4;color:#191b1a;font-size:22px;padding:22px 18px;min-height:76px}.capability-options button[aria-pressed=true]{background:#19211b;color:white;border-color:#19211b}.capability-options button[aria-pressed=true] span{color:#ff9455}.capability-options button span{color:#697363}
.mfg-focus .capability-answer{min-height:0;background:#19211b;color:#fff;padding:0 24px 22px;margin:0}.capability-answer h3{display:none}.capability-answer>p{color:#d0d7cb;font-size:16px}.capability-answer .text-link{color:white}.capability-answer .capability-status{margin-top:12px;color:#d0d7cb}
.comparison-hint{font-size:13px;color:#b8c4ce}.mfg-page .comparison{grid-template-columns:1fr 1fr 1fr;gap:24px 40px;align-items:start;padding-block:36px}.comparison-label{display:block;margin-bottom:16px;font-size:12px;color:#c2cbd1;text-transform:uppercase;letter-spacing:.06em}.after .comparison-label{color:#ff9455}.comparison-value{font-size:clamp(26px,2.7vw,40px)}.mfg-page .comparison-outcome{grid-column:3;color:#ff9455;margin:0;font-size:15px}.comparison .bar-track{height:5px;overflow:visible;margin-top:24px}.mfg-page .comparison .bar{animation:none;background:#fff;transform-origin:left}.mfg-page .comparison .after-bar{background:#ff7b2c}.comparison h5{padding-top:28px}.comparison .after .comparison-value{color:#ff9455}.comparison-value small{min-height:32px;line-height:1.4}
.mfg-page .mfg-step.step-wait{opacity:1;transform:none}
@media(max-width:900px){.mfg-problem{grid-template-columns:1fr;gap:40px}.mfg-page .mfg-focus{grid-template-columns:1fr;gap:30px}.mfg-focus .focus-photo{position:static}.mfg-focus .focus-photo img{aspect-ratio:16/9}.mfg-problem p{max-width:60ch}}
@media(max-width:600px){.mfg-hero{min-height:620px;padding-inline:24px}.mfg-hero h1{font-size:clamp(38px,9vw,54px)}.hero-arrow{display:block;margin:10px}.mfg-hero-copy p{font-size:18px}.mfg-support-options img{aspect-ratio:1.7}.mfg-page .mfg-focus{padding-block:60px}.capability-options button{font-size:20px;padding:18px;min-height:66px}.mfg-page .comparison{grid-template-columns:1fr 1fr;gap:20px}.comparison h5{grid-column:1/-1;padding-top:0}.mfg-page .comparison-outcome{grid-column:2}.comparison-value{font-size:27px}.comparison-head{display:block}.comparison-hint{margin-top:12px}}
@media(prefers-reduced-motion:reduce){.mfg-page .bar{animation:none!important}.mfg-support-options img{transition:none}}
/* Match Creative Studio's low-centered cinematic hero composition. */
.mfg-hero{display:block;height:min(100svh,71vw);min-height:600px;padding:0;overflow:hidden;background:#17272e}
.mfg-hero::before{content:"";position:absolute;inset:0 0 auto;height:220px;z-index:-1;pointer-events:none;background:linear-gradient(180deg,#000000b8,#0000004d 48%,transparent)}
.mfg-hero::after{background:linear-gradient(0deg,#000 0%,rgba(0,0,0,.94) 8%,rgba(0,0,0,.62) 25%,rgba(0,0,0,.18) 48%,transparent 65%);pointer-events:none}
.mfg-hero-copy{position:absolute;z-index:1;left:clamp(24px,6.3vw,100px);right:clamp(24px,6.3vw,100px);bottom:74px;max-width:1150px;margin:0 auto;text-align:center}
.mfg-hero h1{font-family:'Suisse Intl',sans-serif;font-size:clamp(44px,5.5vw,86px);font-weight:700;letter-spacing:-.012em;line-height:1.08;margin:0 auto}
.mfg-hero .hero-arrow{display:inline;margin:0;font-weight:inherit}
.mfg-hero-copy p{font-size:18px;line-height:1.5;max-width:660px;margin:18px auto 0;color:#eee}
.mfg-hero-copy>a{position:absolute;bottom:-50px;left:50%;transform:translateX(-50%);margin:0;min-height:36px;white-space:nowrap;font-size:14px;font-weight:300;gap:12px;text-transform:uppercase;color:#eee}
.mfg-hero .hero-motion{top:104px;bottom:auto;right:24px;z-index:2;font-size:11px;padding:8px 12px;border-color:#ffffff40}
@media(max-width:760px){.mfg-hero{height:88svh;min-height:580px}.mfg-hero-copy{left:20px;right:20px;bottom:78px}.mfg-hero h1{font-size:clamp(36px,6vw,54px)}.mfg-hero-copy p{font-size:16px;max-width:36ch}.mfg-hero .hero-motion{top:96px}}
@media(max-width:480px){.mfg-hero h1{font-size:34px}.mfg-hero-copy>a{font-size:clamp(10px,2.6vw,14px)}}

/* Keep each result together, with the after state directly to its right. */
.mfg-page .experience .section-top{display:block}
.mfg-page #experience-title{max-width:none;white-space:nowrap;font-size:clamp(28px,3.5vw,52px)}
.mfg-page .experience .section-top>p{max-width:760px;margin-top:24px}
.mfg-page .comparison{align-items:start;padding-block:28px}
.mfg-page .comparison-outcome{margin-top:14px;text-align:left}
@media(max-width:600px){.mfg-page #experience-title{white-space:normal;font-size:32px}.mfg-page .comparison{gap:16px}.mfg-page .comparison-outcome{font-size:13px}}

/* One continuous before-to-after line, filled by scroll and held at completion. */
.mfg-page .comparison{grid-template-columns:1fr 1fr;gap:20px 32px;padding-block:32px}
.mfg-page .comparison h5{grid-column:1/-1;padding:0;font-size:21px}
.mfg-page .comparison .before{grid-column:1;text-align:left}
.mfg-page .comparison .after{grid-column:2;text-align:right}
.mfg-page .comparison-label{margin-bottom:10px}
.shared-result-line{grid-column:1/-1;height:5px;background:#ffffff;overflow:hidden}
.shared-result-fill{height:100%;width:100%;background:#ff7b2c;transform:scaleX(0);transform-origin:left}
.mfg-page .comparison-outcome{grid-column:1/-1;text-align:right;margin:0}
@media(max-width:600px){.mfg-page .comparison{gap:16px 20px}.mfg-page .comparison-value{font-size:25px}}

/* The shared track compares amounts; scroll reveals the measured after share. */
.shared-result-line{position:relative;background:#ffffff16}
.shared-result-baseline,.shared-result-fill{position:absolute;inset:0;transform-origin:left}
.shared-result-baseline{background:#ffffff}
.mfg-page .comparison .after{opacity:0;transform:translateY(16px)}
.mfg-page .comparison-outcome{opacity:0}
@media(prefers-reduced-motion:reduce){.mfg-page .comparison .after{transform:none}}

/* Finish the bar first, then reveal that row's after text. */
.mfg-page .comparison .after{opacity:0;transform:translateY(12px);transition:opacity .45s ease,transform .45s cubic-bezier(.16,1,.3,1)}
.mfg-page .comparison .comparison-outcome{opacity:0;transition:opacity .4s .12s ease}
.mfg-page .comparison.after-revealed .after{opacity:1;transform:none}
.mfg-page .comparison.after-revealed .comparison-outcome{opacity:1}
@media(prefers-reduced-motion:reduce){.mfg-page .comparison .after,.mfg-page .comparison .comparison-outcome{transition:none;transform:none}}


/* Manufacturing counterpart to Creative Studio's purpose network. */
.mfg-page .capability-network{background:#091d2d;color:#ffffff;padding-block:90px}
.capability-network-heading{margin-bottom:48px}.capability-network-heading p{font-size:17px;color:#b8c4ce;margin-top:18px}
.capability-network-layout{display:grid;grid-template-columns:1.1fr 1fr;gap:6%;align-items:start}
.manufacturing-map{position:relative;height:360px;isolation:isolate;margin-top:16px}
.manufacturing-map>svg{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;overflow:visible}
.mfg-wire{fill:none;stroke:#78909f;stroke-width:1;vector-effect:non-scaling-stroke;transition:stroke .2s}
.mfg-branch circle{fill:#9eafba}.mfg-signal{fill:none;stroke:#ff7924;stroke-width:2;vector-effect:non-scaling-stroke;stroke-dasharray:.18 .82;stroke-dashoffset:1;opacity:0}
.mfg-branch.is-active .mfg-wire{stroke:#ff7924}.mfg-branch.is-active circle{fill:#ff7924}.mfg-branch.is-active .mfg-signal{animation:mfg-network-fire .7s ease-out both}
.manufacturing-map button{position:absolute;z-index:1;font:inherit;cursor:pointer;border:0;margin:0}
.manufacturing-map .mfg-hub{left:15%;top:50%;transform:translate(-50%,-50%);width:76px;height:76px;border-radius:50%;background:#ff7924;padding:19px;display:grid;place-items:center}
.mfg-hub img{display:block;width:100%;height:auto;filter:brightness(0)}.manufacturing-map .mfg-hub:hover{background:#ffa064}
.manufacturing-map .mfg-node{left:48%;right:0;top:calc(var(--node)*60px);height:60px;padding:0 0 0 4px;text-align:left;background:none;color:#eef2f4;font-size:clamp(16px,1.6vw,23px);font-weight:500;line-height:1.15;transition:color .2s}
.manufacturing-map .mfg-node:hover,.manufacturing-map .mfg-node[aria-pressed=true]{color:#ff9455}
.capability-feature{min-width:0}.capability-feature-image{overflow:hidden;background:#192c39;aspect-ratio:1.5}.capability-feature-image img{width:100%;height:100%;object-fit:cover;display:block}
.capability-feature-copy{margin-top:24px;min-height:125px}.mfg-page .capability-feature-copy h3{font-size:27px;line-height:1.2}.capability-feature-copy p{font-size:16px;line-height:1.5;color:#b8c4ce;margin-top:12px;max-width:48ch}
.capability-feature .text-link{font-size:14px;background:none;border:0;color:#fff;cursor:pointer;padding:10px 0;min-height:44px}.capability-feature .text-link[hidden]{display:none}.capability-feature .capability-status{min-height:20px;font-size:13px;margin-top:10px;color:#c7d9bd}
@keyframes mfg-network-fire{0%{opacity:1;stroke-dashoffset:1}90%{opacity:1}100%{opacity:0;stroke-dashoffset:-.18}}
@keyframes mfg-network-arrive{from{opacity:.25;stroke-dasharray:500;stroke-dashoffset:500}to{opacity:1;stroke-dasharray:500;stroke-dashoffset:0}}
@media(prefers-reduced-motion:no-preference){.network-visible .mfg-wire{animation:mfg-network-arrive 1s ease-out both}}
@media(max-width:760px){.mfg-page .capability-network{padding-block:64px}.capability-network-layout{grid-template-columns:1fr;gap:32px}.capability-network-heading{margin-bottom:24px}.manufacturing-map{margin-top:0}.manufacturing-map .mfg-node{font-size:20px}.capability-feature-copy{min-height:0}.capability-feature-image{aspect-ratio:1.7}}
@media(max-width:420px){.manufacturing-map .mfg-hub{width:62px;height:62px;padding:15px}.manufacturing-map .mfg-node{font-size:17px}}
@media(prefers-reduced-motion:reduce){.mfg-wire,.mfg-node{transition:none}.mfg-branch.is-active .mfg-signal{animation:none}}

/* The capabilities are the visual: six branches around the Wild West hub. */
.capability-network-layout{display:block}
.manufacturing-map{height:380px;width:100%;max-width:1120px;margin:12px auto 32px}
.manufacturing-map .mfg-hub{left:50%;top:50%;width:90px;height:90px;padding:23px}
.manufacturing-map .mfg-node{top:calc(var(--node)*130px + 16px);height:88px;width:25%;right:auto;left:auto;display:flex;flex-direction:column;justify-content:center;gap:9px;padding:0;background:none}
.manufacturing-map .node-left{left:0;text-align:left;align-items:flex-start}
.manufacturing-map .node-right{right:0;text-align:left;align-items:flex-start}
.mfg-node strong{font-size:clamp(19px,2.2vw,31px);line-height:1.1;font-weight:500;letter-spacing:-.02em}
.mfg-node span{font-size:14px;line-height:1.3;color:#a8bac6;font-weight:400}
.capability-feature{max-width:740px;margin:0 auto;text-align:center;border-top:1px solid #ffffff29;padding-top:28px;min-height:206px}
.capability-feature-copy{margin-top:0;min-height:100px}.capability-feature-copy p{margin:12px auto 0;max-width:58ch}.capability-feature .text-link{margin-top:10px}.capability-feature .capability-status{margin-top:8px}
@media(max-width:760px){.manufacturing-map{height:350px;margin-bottom:24px}.manufacturing-map .mfg-node{top:calc(var(--node)*119.7px + 9px);height:90px;width:27%}.manufacturing-map .mfg-hub{width:68px;height:68px;padding:17px}.mfg-node strong{font-size:18px}.mfg-node span{font-size:12px}.manufacturing-map .node-right{right:-1%}.capability-feature{min-height:210px}.capability-network-heading p{max-width:33ch}}
@media(max-width:420px){.mfg-node strong{font-size:16px}.mfg-node span{font-size:11px}.manufacturing-map .mfg-hub{width:56px;height:56px;padding:14px}.mfg-page .capability-feature-copy h3{font-size:24px}}

/* Each topic activates a compact animated engineering drawing in the circle. */
.manufacturing-map .mfg-hub{width:220px;height:220px;padding:0;background:#ff7924;overflow:hidden;transition:background .3s,border-color .3s;border:1px solid #ff7924}
.mfg-hub-home{display:grid;place-items:center;width:100%;height:100%}.mfg-hub-home img{width:68px}
.mfg-hub-home[hidden],.capability-drawing[hidden]{display:none!important}
.manufacturing-map .mfg-hub.has-drawing{background:#102735;border-color:#607b8b}
.capability-drawing{width:100%;height:100%;fill:none;stroke:#e3eaee;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;display:block}
.capability-drawing .drawing-accent{stroke:#ff8b45}.drawing-stock{fill:#213d4b}
.drawing-cutter{animation:drawing-cut 2.8s ease-in-out both}.drawing-dust{animation:drawing-flash 2.8s both}
.drawing-caliper{animation:drawing-measure 2s ease-out both}
.drawing-weld{stroke-dasharray:32;animation:drawing-seam 2s both}.drawing-sparks{animation:drawing-flash 2s both}
.drawing-tube-base{stroke:#5c7180;stroke-width:14}.drawing-bend{stroke-width:10;stroke-dasharray:1;animation:drawing-seam 2.4s both}
.drawing-gear-one{animation:drawing-turn 3s ease-out both}.drawing-gear-two{animation:drawing-counterturn 3s ease-out both}
.drawing-fold{animation:drawing-fold 2.3s ease-out both;transform-origin:100px 140px}
@keyframes drawing-cut{0%{transform:translate(-28px,-18px)}25%{transform:translate(-28px,0)}80%{transform:translate(35px,0)}100%{transform:translate(35px,-18px)}}
@keyframes drawing-flash{0%,20%,100%{opacity:0}25%,45%,65%,85%{opacity:1}35%,55%,75%{opacity:.15}}
@keyframes drawing-measure{from{transform:translateX(27px)}to{transform:translateX(-4px)}}
@keyframes drawing-seam{from{stroke-dashoffset:32}to{stroke-dashoffset:0}}
.drawing-bend{animation-name:drawing-bend}
@keyframes drawing-bend{from{stroke-dashoffset:1}to{stroke-dashoffset:0}}
@keyframes drawing-turn{from{transform:rotate(-100deg)}to{transform:rotate(0)}}
@keyframes drawing-counterturn{from{transform:rotate(150deg)}to{transform:rotate(0)}}
@keyframes drawing-fold{from{transform:scaleY(.08)}to{transform:scaleY(1)}}
@media(max-width:760px){.manufacturing-map .mfg-hub{width:170px;height:170px}.mfg-hub-home img{width:54px}}
@media(max-width:500px){.manufacturing-map .mfg-hub{width:120px;height:120px}.mfg-hub-home img{width:40px}}
@media(prefers-reduced-motion:reduce){.capability-drawing *{animation:none!important}.manufacturing-map .mfg-hub{transition:none}.drawing-dust,.drawing-sparks{opacity:1}}

/* Clear hierarchy: a central drawing, six quiet controls, one explanation. */
.mfg-page .capability-network{background:#ffffff;color:#191b1a;padding-block:100px}
.capability-network-heading{text-align:center;margin:0 auto 56px}.mfg-page .capability-network-heading h2{font-size:clamp(34px,4.4vw,62px);font-weight:500;letter-spacing:-.035em}.capability-network-heading p{color:#60645e;font-size:18px;margin:18px auto 0}
.manufacturing-map{max-width:1060px;margin-bottom:38px}
.manufacturing-map .mfg-node{color:#343831}.manufacturing-map .node-left{text-align:right;align-items:flex-end}.mfg-node strong{font-size:clamp(19px,2.1vw,28px);font-weight:500}.mfg-node span{color:#6a7168;font-size:13px}
.manufacturing-map .mfg-node:hover,.manufacturing-map .mfg-node[aria-pressed=true]{color:#b84b17}
.mfg-wire{stroke:#929b94;stroke-width:2}.mfg-branch circle{fill:#6d786f}.mfg-branch.is-active .mfg-wire{stroke:#c45d25;stroke-width:2.5}.mfg-branch.is-active circle{fill:#c45d25}
.manufacturing-map .mfg-hub{width:250px;height:250px;border:0}.manufacturing-map .mfg-hub.has-drawing{background:#19252b;border:0}
.capability-feature{border-top:0;max-width:610px;padding-top:0;min-height:186px}.capability-feature-copy{min-height:98px}.mfg-page .capability-feature-copy h3{font-size:24px;color:#191b1a}.capability-feature-copy p{font-size:17px;color:#60645e}.capability-feature .text-link{color:#a64212;font-weight:500}.capability-feature .capability-status{color:#46583a}
@media(max-width:760px){.mfg-page .capability-network{padding-block:64px}.capability-network-heading{margin-bottom:36px}.capability-network-heading p{font-size:16px;max-width:34ch}.manufacturing-map{display:grid;grid-template-columns:1fr 1fr;gap:8px 24px;height:auto;max-width:480px;margin:0 auto 32px}.manufacturing-map>svg{display:none}.manufacturing-map .mfg-hub{position:relative;left:auto;top:auto;transform:none;grid-column:1/-1;justify-self:center;width:220px;height:220px;margin-bottom:24px}.manufacturing-map .mfg-node{position:static;width:auto;height:auto;min-height:76px;padding:14px 0;text-align:left;align-items:flex-start;border-bottom:1px solid #d6dacf;gap:7px}.manufacturing-map .mfg-node[aria-pressed=true]{border-bottom-color:#b84b17}.mfg-node strong{font-size:18px}.mfg-node span{font-size:12px}.capability-feature-copy{min-height:118px}.capability-feature-copy p{font-size:16px}}

/* The manufacturing promise is the hero headline. */
.mfg-hero-copy{max-width:1120px}
.mfg-hero h1{font-size:clamp(36px,4.8vw,72px);line-height:1.1;max-width:20ch;text-wrap:balance}
@media(max-width:760px){.mfg-hero h1{font-size:clamp(32px,5.5vw,44px);max-width:20ch}}
@media(max-width:480px){.mfg-hero h1{font-size:32px}}

/* Match the homepage's blur-and-warp text transition. */
.mfg-hero-phrases{display:grid;isolation:isolate;margin-top:.08em}
.mfg-hero-phrases>span{grid-area:1/1;white-space:nowrap;opacity:0;transform-origin:50% 60%;animation:mfg-hero-warp 9s ease-in-out infinite;animation-delay:-1s;animation-play-state:var(--hero-text-motion,running)}
.mfg-hero-phrases>span:nth-child(2){animation-delay:2s}
.mfg-hero-phrases>span:nth-child(3){animation-delay:5s}
@keyframes mfg-hero-warp{0%{opacity:0;filter:blur(10px);transform:scaleX(1.18) skewX(-10deg)}8%,30%{opacity:1;filter:blur(0);transform:none}38%,100%{opacity:0;filter:blur(10px);transform:scaleX(.85) skewX(10deg)}}
@media(prefers-reduced-motion:reduce){.mfg-hero-phrases>span{animation:none}.mfg-hero-phrases>span:first-child{opacity:1}}

/* One fixed line and one rotating line. */
.mfg-hero-copy{left:32px;right:32px;width:auto;max-width:1320px}
.mfg-hero h1{max-width:none;font-size:clamp(30px,4.6vw,72px)}
.mfg-hero h1>span:first-child{white-space:nowrap}
@media(max-width:760px){.mfg-hero-copy{left:16px;right:16px;width:auto}.mfg-hero h1{max-width:none;font-size:clamp(18px,4.6vw,35px)}}

.mfg-hero-second-line{display:block;white-space:nowrap}
.mfg-hero-phrases{display:inline-grid;vertical-align:bottom;margin-top:0}
.mfg-hero-phrases>span{text-align:left}
.mfg-hero-second-line{font-size:inherit;line-height:inherit}

/* Neutral black typography and animation surface. */
.mfg-page .capability-network{color:#000}
.mfg-page .capability-network-heading h2,
.capability-network-heading p,
.manufacturing-map .mfg-node,
.mfg-page .capability-feature-copy h3,
.capability-feature-copy p{color:#000}
.manufacturing-map .mfg-node:hover,
.manufacturing-map .mfg-node[aria-pressed=true]{color:#b84b17}
.manufacturing-map .mfg-hub.has-drawing{background:#000}
.capability-drawing .drawing-stock,
.capability-drawing [fill="#344b58"],
.capability-drawing [fill="#24353f"],
.capability-drawing [fill="#273c48"]{fill:#181818}
.capability-drawing [fill="#607784"]{fill:#444}
.capability-drawing [fill="#a4b8c5"]{fill:#aaa}
.capability-drawing [stroke="#344b58"]{stroke:#181818}
.capability-drawing [stroke="#b7c8d2"],
.capability-drawing [stroke="#81939c"]{stroke:#aaa}
.capability-drawing [stroke="#5f737e"]{stroke:#666}
.mfg-wire{stroke:#000}
.mfg-branch circle{fill:#000}
.capability-drawing{stroke:#eee}

/* Solid gear faces, with dark shaft openings. */
.capability-drawing .drive-gear>polygon{fill:#dedede;stroke:#dedede}
.capability-drawing .driven-gear>polygon{fill:#f47b32;stroke:#f47b32}
.capability-drawing .drive-gear>circle,
.capability-drawing .driven-gear>circle{fill:#000;stroke:#000}
.capability-drawing .drive-gear>polygon,
.capability-drawing .driven-gear>polygon{stroke:#000;stroke-width:1.8;stroke-linejoin:round}

/* A shared, stationary grain adds a subtle material finish. */
.manufacturing-map .mfg-hub.has-drawing::after{content:"";position:absolute;inset:0;border-radius:50%;pointer-events:none;background:url("assets/mechanism-grain.svg") center/200px 200px;opacity:.13;mix-blend-mode:screen}

/* Center the fixed line using Set Up Shops as its reference width. */
.mfg-hero-phrases{position:relative}
.mfg-hero-phrases>span:not(:last-child){position:absolute;left:0;top:0}

/* The employment trend returns as an explorable field of dots. */
.mfg-problem{align-items:center;gap:clamp(36px,5vw,80px)}
.employment-chart canvas{display:block;width:100%;height:340px;touch-action:pan-y}
.employment-endpoints{display:flex;justify-content:space-between;margin-top:24px;gap:24px}
.employment-endpoints>div:last-child{text-align:right}
.employment-endpoints strong{display:block;font-size:clamp(28px,3vw,40px);line-height:1.15;font-weight:500}
.employment-endpoints span{display:block;color:#bbb;font-size:13px;margin-top:7px}
.employment-explore{margin:4px 0 18px}
.employment-explore label{display:flex;justify-content:space-between;gap:12px;font-size:13px;color:#ddd}
.employment-explore output{color:#ff9b5b;font-variant-numeric:tabular-nums}
.employment-explore input{width:100%;min-height:32px;accent-color:#ff8b45;cursor:pointer;margin:6px 0}
.employment-explore input:focus-visible{outline:2px solid #ff8b45;outline-offset:4px}
.mfg-problem .employment-explore p{font-size:12px;line-height:1.5;color:#aaa;margin:0}
@media(min-width:1300px){.employment-chart canvas{height:440px}}
@media(max-width:760px){.employment-explore label{flex-wrap:wrap}.mfg-problem{gap:36px}}

/* Results lead; company marks are the selectors, context sits in details. */
.mfg-page .case-controls{display:flex;align-items:center;gap:48px;margin:0 0 22px}
.mfg-page .case-controls button{display:flex;align-items:center;justify-content:center;width:240px;height:100px;padding:18px 10px;border-bottom:2px solid transparent;opacity:.5;transition:opacity .2s,border-color .2s}
.mfg-page .case-controls button:hover,.mfg-page .case-controls button[aria-pressed=true]{opacity:1}
.mfg-page .case-controls button[aria-pressed=true]{border-bottom-color:#ff8b45}
.case-controls img{display:block;width:100%;height:64px;object-fit:contain}
.mfg-page .case-study>.comparison-hint{font-size:13px;color:#aaa;margin:0 0 12px}
.mfg-page #case-details{margin-top:28px}
@media(max-width:600px){.mfg-page .case-controls{gap:24px}.mfg-page .case-controls button{width:calc(50% - 12px);height:88px;padding:14px 4px}.case-controls img{height:52px}}
.case-controls [data-case="motus"] img{transform:scale(1.3)}

/* Company context sits directly beneath each mark. */
.mfg-page .case-controls{align-items:stretch;gap:48px}
.mfg-page .case-controls button{width:calc(50% - 24px);height:auto;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:22px;text-align:left;padding:16px 0 28px;opacity:1}
.case-controls img{width:220px;max-width:90%;height:64px;object-position:left center;opacity:.6;transition:opacity .2s}
.case-controls [data-case="motus"] img{transform:scale(1.3);transform-origin:left center}
.case-controls button:hover img,.case-controls button[aria-pressed=true] img{opacity:1}
.case-company-summary{display:block;max-width:38ch}
.case-company-summary strong{display:block;font-size:22px;line-height:1.3;font-weight:500;color:#fff;letter-spacing:-.015em}
.case-company-summary>span{display:block;font-size:16px;line-height:1.6;font-weight:400;color:#bdbdbd;margin-top:10px}
@media(max-width:600px){.mfg-page .case-controls{gap:24px}.mfg-page .case-controls button{width:calc(50% - 12px);height:auto;gap:14px;padding:12px 0 22px}.case-controls img{width:100%;height:48px}.case-company-summary strong{font-size:18px}.case-company-summary>span{font-size:14px;line-height:1.5}}

/* Each service card leads to a matching service section. */
.mfg-page #focus-title,.mfg-page #experience-title,.mfg-page #services-title{font-size:clamp(34px,4.4vw,62px);line-height:1.08;font-weight:500;letter-spacing:-.035em}
.capability-network-heading p{max-width:56ch;line-height:1.55}
.mfg-page .experience .section-top>p{max-width:64ch;line-height:1.6}

/* Page rhythm: clear statements, compact support, room for the work. */
.mfg-page .section{padding-block:clamp(80px,9vw,136px)}
.mfg-page .mfg-problem{display:block;padding-top:96px;padding-bottom:88px}
.problem-story{display:grid;grid-template-columns:1.05fr 1fr;gap:10%;align-items:start;margin-bottom:72px}
.mfg-page #problem-title{font-size:clamp(40px,5.2vw,74px);line-height:1.04;letter-spacing:-.035em;max-width:16ch}
.mfg-problem .problem-copy p{font-size:20px;line-height:1.55;max-width:36ch;margin:0;color:#bcbcbc}
.mfg-problem .problem-copy .problem-bridge{margin-top:20px;color:#fff}
.employment-chart{max-width:1100px;margin:0 auto}
.employment-chart figcaption{display:flex;justify-content:space-between;gap:16px;align-items:baseline}
.employment-chart figcaption .employment-chart-title{font-size:17px;color:#eee;margin:0}
.employment-chart figcaption .employment-decline{font-size:14px;color:#ff9b5b;margin:0}
.employment-endpoints{margin-top:32px}
.employment-endpoints strong{font-size:32px}
.employment-chart canvas{height:440px;margin-top:-28px}
.employment-explore{max-width:560px;margin:0 auto 18px}
.employment-explore label{font-size:12px}
.employment-chart>a{text-align:center;font-size:11px;color:#aaa}
.mfg-page .mfg-support{padding-top:72px}
.mfg-support-options{margin-top:40px;gap:32px}
.mfg-support-options h3{margin-top:22px}
.mfg-support-options p{max-width:32ch;line-height:1.55}
.mfg-page .capability-network-heading{margin-bottom:36px}
.capability-network-heading p{margin-top:20px;max-width:40ch;font-size:18px}
.manufacturing-map{margin-bottom:24px}
.capability-feature{min-height:0;padding-bottom:0}
.capability-feature-copy{min-height:0}
.capability-feature-copy p{max-width:44ch;margin:12px auto 0}
.capability-feature .text-link{margin-top:22px}
.capability-feature .capability-status:empty{display:none}
.mfg-page .experience .section-top{margin-bottom:48px}
.mfg-page .experience .section-top>p{max-width:48ch;font-size:18px;line-height:1.55;margin-top:20px}
.mfg-page .case-controls{margin-bottom:28px;gap:64px}
.mfg-page .case-controls button{width:calc(50% - 32px);padding-top:0;gap:20px}
.case-company-summary{max-width:34ch}
.case-company-summary strong{font-size:20px;max-width:26ch;line-height:1.3}
.case-company-summary>span{font-size:15px;line-height:1.55;margin-top:12px}
.mfg-page .comparison{padding-block:36px;gap:20px 40px}
.mfg-page .comparison h5{font-size:20px}
.mfg-page .comparison-value{font-size:clamp(30px,3.5vw,48px);letter-spacing:-.025em}
.mfg-page .comparison-value small{font-size:13px;letter-spacing:0;min-height:0}
.mfg-page .comparison-label{font-size:11px;margin-bottom:8px}
.mfg-page .comparison-outcome{font-size:14px}
.process-intro>p{margin:22px 0 30px;font-size:18px;max-width:29ch;line-height:1.6}
.step-body{gap:20px}
.step-body .step-label{margin-bottom:12px}
.step-result{padding-top:18px}
.mfg-page .mfg-build{padding-block:80px}
.build-context p{font-size:18px;line-height:1.55;max-width:37ch}
.mfg-page .quote-intro p{font-size:18px;line-height:1.55}
@media(max-width:760px){
 .mfg-page .section{padding-block:72px}
 .problem-story{grid-template-columns:1fr;gap:28px;margin-bottom:48px}
 .mfg-page #problem-title{font-size:44px}
 .mfg-problem .problem-copy p{font-size:18px;max-width:42ch}
 .employment-chart figcaption{display:block}
 .employment-chart figcaption .employment-decline{margin-top:8px}
 .employment-chart canvas{height:340px;margin-top:-16px}
 .employment-endpoints strong{font-size:28px}
 .employment-endpoints span{font-size:12px}
 .mfg-page .case-controls{gap:24px}
 .mfg-page .case-controls button{width:calc(50% - 12px)}
 .case-company-summary strong{font-size:18px}
 .case-company-summary>span{font-size:14px}
 .mfg-page .comparison{padding-block:28px;gap:16px 24px}
 .mfg-page .comparison-value{font-size:30px}
 .mfg-page .mfg-build{padding-block:64px}
}
@media(max-width:760px){.case-controls [data-case="motus"] img{transform:none;max-width:100%}}

/* Keep graph values outside the particle field. */
.employment-chart canvas{margin-top:0;cursor:crosshair}
.mfg-hero-video{transform-origin:50% 70%;will-change:transform}
.mfg-page #problem-title{font-size:clamp(38px,4.8vw,66px);max-width:21ch}
@media(prefers-reduced-motion:reduce){.mfg-hero-video{will-change:auto}}

/* An editorial chart: data first, interaction second. */
.employment-refined{border-top:1px solid #ffffff26;padding-top:28px}
.employment-refined figcaption{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:30px}
.employment-refined figcaption .employment-chart-title{font-size:18px;margin:0;color:#eee}
.employment-refined figcaption .employment-chart-subtitle{font-size:13px;color:#aaa;margin:8px 0 0}
.employment-refined #employment-value{font-size:18px;color:#ff9b5b;font-variant-numeric:tabular-nums;white-space:nowrap}
.employment-refined canvas{margin:0;touch-action:pan-y;display:block;width:100%;cursor:crosshair}
.employment-refined canvas:focus-visible{outline:1px solid #ff8b45;outline-offset:8px}
.employment-chart-footer{display:flex;justify-content:space-between;gap:24px;margin:20px 0 28px;font-size:13px;color:#bbb}
.employment-refined>a{text-align:left;font-size:11px;color:#999}
.mfg-page .mfg-problem{padding-bottom:88px}
.problem-story{margin-bottom:52px}
@media(max-width:600px){.employment-refined figcaption{align-items:flex-start;gap:16px}.employment-refined #employment-value{font-size:14px}.employment-refined figcaption .employment-chart-title{font-size:16px}.employment-chart-footer{font-size:12px;gap:16px}.employment-refined>a{font-size:10px}}
/* A visual companion to each shop setup step. */
#services{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:48px 6%;align-items:start}
#services .process-intro{grid-column:1/-1;position:static;display:grid;grid-template-columns:1.1fr 1fr;gap:16px 6%;align-items:start}
#services .process-intro h2{grid-row:1/3}#services .process-intro>p{margin:0;max-width:36ch}#services .process-intro>a{grid-column:2}
.shop-preview{position:sticky;top:110px;aspect-ratio:1.15;background:#202421;overflow:hidden;width:100%;grid-column:1}
.shop-scene{position:absolute;inset:0;display:grid;place-items:center}.shop-scene[hidden]{display:none}.shop-scene svg{width:100%;height:100%;display:block}.shop-scene text{fill:#cbd2ca;font-family:inherit;font-size:12px;letter-spacing:.025em;stroke:none}
#services .mfg-steps{grid-column:2;grid-row:2}.shop-arrive{animation:shop-arrive .8s cubic-bezier(.16,1,.3,1) var(--delay,0s) both}.shop-machine{animation:shop-install 1s cubic-bezier(.16,1,.3,1) var(--delay,0s) both}.shop-route,.shop-outline,.shop-check{stroke-dasharray:1;animation:shop-trace 2.4s ease both}.shop-check{animation-delay:1.8s}.shop-part{animation:shop-convey 3s cubic-bezier(.16,1,.3,1) var(--delay,0s) both}.shop-scan{animation:shop-inspect 3s ease both}
@keyframes shop-arrive{from{opacity:0}to{opacity:1}}@keyframes shop-install{from{opacity:0;transform:translateY(-35px)}to{opacity:1;transform:translateY(0)}}@keyframes shop-trace{from{stroke-dashoffset:1}to{stroke-dashoffset:0}}@keyframes shop-convey{from{transform:translateX(-65px);opacity:0}to{transform:translateX(0);opacity:1}}@keyframes shop-inspect{0%,25%,65%,100%{opacity:0}30%,60%{opacity:1}}
@media(max-width:900px){#services{grid-template-columns:1fr;gap:28px}#services .process-intro{display:block}#services .process-intro>p{margin:20px 0}#services .shop-preview{grid-column:1;grid-row:2;position:static;aspect-ratio:1.5;max-width:620px}#services .mfg-steps{grid-column:1;grid-row:3}}
@media(prefers-reduced-motion:reduce){.shop-scene *{animation:none!important}}

.shop-continuous-parts{animation:shop-continuous 2.8s linear infinite}.shop-flow-parts{animation:shop-flow 3s cubic-bezier(.4,0,.2,1) both}.shop-spindle{animation:shop-spindle 2s ease-in-out 2;transform-box:fill-box}
@keyframes shop-continuous{to{transform:translateX(130px)}}
@keyframes shop-flow{from{transform:translateX(-12px);opacity:0}to{transform:translateX(100px);opacity:1}}
@keyframes shop-spindle{50%{transform:translateY(10px)}}
.shop-preview.is-offscreen *{animation-play-state:paused!important}
@media(prefers-reduced-motion:reduce){.shop-continuous-parts,.shop-flow-parts,.shop-spindle{animation:none!important}}

/* Two dates, one common scale: make the employment change legible. */
.employment-comparison-section .problem-story{align-items:start;margin-bottom:64px}
.employment-comparison-section #problem-title{font-size:clamp(36px,4.25vw,64px);line-height:1.08;letter-spacing:-.03em;max-width:21ch}
.employment-comparison-section .problem-copy>p{font-size:clamp(18px,1.7vw,23px);line-height:1.5;color:#ffffff}
.employment-comparison-section .problem-copy .problem-bridge{font-size:17px;line-height:1.55;color:#a9a9a4;margin-top:24px}
.jobs-comparison{margin:0;max-width:1100px;border-top:1px solid #ffffff30;padding-top:28px}
.jobs-comparison figcaption{font-size:17px;color:#b8b8b3;margin-bottom:40px}
.jobs-row+.jobs-row{margin-top:36px}.jobs-row-label{display:flex;align-items:baseline;justify-content:space-between;gap:24px;margin-bottom:14px;font-size:22px}
.jobs-row-label small{font-size:13px;color:#a9a9a4;margin-left:12px}.jobs-row-label strong{font-size:25px;font-weight:500;font-variant-numeric:tabular-nums;letter-spacing:-.02em}
.jobs-track{height:26px;background:#1a1a1a;width:100%;overflow:hidden}
.jobs-fill{height:100%;width:var(--jobs-width);background:#e5e5df;transform-origin:left}
.jobs-now{background:#f47b32}.jobs-chart-footer{display:flex;align-items:baseline;justify-content:space-between;gap:24px;margin-top:32px}
.jobs-chart-footer p{font-size:17px;color:#e5e5df}.jobs-chart-footer a{font-size:12px;color:#a9a9a4;text-underline-offset:4px}.jobs-source-note{font-size:11px;color:#91918d;margin-top:12px;line-height:1.5}
@media(prefers-reduced-motion:no-preference){.jobs-comparison:not(.is-visible) .jobs-fill{transform:scaleX(0)}.jobs-comparison.is-visible .jobs-fill{animation:jobs-reveal 1s cubic-bezier(.16,1,.3,1) both}.jobs-comparison.is-visible .jobs-now{animation-delay:.2s}@keyframes jobs-reveal{from{transform:scaleX(0)}to{transform:scaleX(1)}}}
@media(max-width:760px){.employment-comparison-section .problem-story{margin-bottom:40px}.jobs-comparison figcaption{margin-bottom:28px}.jobs-row-label{font-size:20px}.jobs-row-label small{display:block;margin:5px 0 0}.jobs-row-label strong{font-size:22px}.jobs-track{height:22px}.jobs-chart-footer{display:block}.jobs-chart-footer a{display:inline-block;margin-top:16px}}

.shop-delivery-part{animation:shop-deliver 9s linear var(--part-delay,0s) infinite}
@keyframes shop-deliver{0%{transform:translate(60px,232px);opacity:1}78%{transform:translate(430px,232px);opacity:1}86%{transform:translate(465px,245px);opacity:1}96%{transform:translate(468px,344px);opacity:1}97%,100%{transform:translate(468px,344px);opacity:0}}
@media(prefers-reduced-motion:reduce){.shop-delivery-part{animation:none;transform:translate(195px,232px)}.shop-delivery-part:nth-of-type(2){transform:translate(310px,232px)}.shop-delivery-part:nth-of-type(3){transform:translate(410px,232px)}}

@media(max-width:760px){
 .mfg-hero{height:74svh;min-height:440px;max-height:680px}
 .mfg-hero-video{object-fit:cover;object-position:50% 50%;transform:none!important}
 .mfg-hero-copy{bottom:64px}
}

/* History pairs directly with the problem statement. */
.mfg-page .employment-comparison-section{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:7%;align-items:center;padding-block:clamp(72px,8vw,120px)}
.employment-comparison-section .problem-story{display:block;margin:0;min-width:0}
.employment-comparison-section #problem-title{font-size:clamp(34px,3.6vw,56px);line-height:1.09;max-width:20ch;margin:0 0 28px}
.employment-comparison-section .problem-copy>p{font-size:18px;line-height:1.55;max-width:44ch}
.employment-comparison-section .problem-copy .problem-bridge{font-size:16px;line-height:1.6;margin-top:22px;max-width:45ch}
.jobs-history{margin:0;min-width:0;width:100%;padding:0}
.jobs-history figcaption{font-size:16px;color:#d8d8d2;margin:0 0 28px}
.history-readouts{display:flex;justify-content:space-between;gap:20px;padding:0 0 2px}
.history-readouts>div>span{font-size:12px;color:#a7a7a2;display:block;margin-bottom:8px}
.history-readouts strong{display:block;font-size:clamp(28px,3vw,42px);line-height:1;font-weight:500;font-variant-numeric:tabular-nums;letter-spacing:-.025em}
.history-readouts strong span{font-size:.55em;margin-left:4px}.history-current{text-align:right}.history-current strong{color:#f47b32}
#jobs-history-plot{width:100%;height:auto;display:block;overflow:visible;cursor:crosshair;touch-action:pan-y}
#jobs-history-plot:focus-visible{outline:1px solid #f47b32;outline-offset:8px}
.history-grid{stroke:#ffffff20;stroke-width:1}.history-axis{fill:#92928c;font-size:12px;font-family:inherit}
.history-line{fill:none;stroke:#e6e6df;stroke-width:2.5;stroke-linejoin:round;stroke-linecap:round}
.history-guide{stroke:#f47b32;stroke-width:1;stroke-dasharray:3 5;opacity:.5}
.history-footer{display:flex;justify-content:space-between;gap:16px;font-size:11px;color:#999994;margin-top:14px;line-height:1.5}
.history-footer a{color:#b5b5af;text-underline-offset:4px;white-space:nowrap}.history-note{font-size:10px!important;line-height:1.5;color:#858580!important;margin-top:7px!important}
@media(max-width:900px){.mfg-page .employment-comparison-section{grid-template-columns:1fr;gap:44px}.employment-comparison-section #problem-title{font-size:clamp(34px,6vw,48px)}.jobs-history{max-width:650px}.history-readouts strong{font-size:36px}}
@media(max-width:480px){.history-footer{font-size:10px}.history-readouts strong{font-size:32px}.employment-comparison-section .problem-copy>p{font-size:17px}}

/* One contained capability summary with a clear action. */
.mfg-page .capability-feature{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:16px 40px;width:100%;max-width:1040px;min-height:0;margin:12px auto 0;padding:30px 34px;border:1px solid #c8c8c1;background:#ffffff;text-align:left}
.mfg-page .capability-feature-copy{margin:0;min-height:0}
.mfg-page .capability-feature-copy h3{font-size:24px;line-height:1.2;letter-spacing:-.02em;margin:0}
.mfg-page .capability-feature-copy p{max-width:56ch;margin:10px 0 0;font-size:16px;line-height:1.55;color:#42423e}
.mfg-page .capability-feature .text-link{margin:0;padding:14px 18px;min-height:48px;white-space:nowrap;display:inline-flex;gap:20px;align-items:center;background:#111;color:#fff;font-size:14px;font-weight:400}
.mfg-page .capability-feature .text-link:hover{background:#30302c}
.mfg-page .capability-feature .text-link:focus-visible{outline:2px solid #ad4607;outline-offset:4px}
.mfg-page .capability-feature .text-link[hidden]{display:none}
.mfg-page .capability-feature .capability-status{grid-column:1/-1;margin:0;min-height:0;font-size:13px;color:#46583a}
@media(max-width:640px){.mfg-page .capability-feature{grid-template-columns:1fr;padding:24px;gap:22px}.mfg-page .capability-feature .text-link{justify-self:start}.mfg-page .capability-feature-copy h3{font-size:22px}}

/* Align the message and chart from the same top edge. */
.mfg-page .employment-comparison-section{align-items:start;gap:6%;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.employment-comparison-section .problem-story{align-self:start;padding-top:0}
.employment-comparison-section #problem-title{font-size:clamp(34px,3.5vw,54px);max-width:21ch;margin-bottom:28px}
.problem-reveal-word{display:inline-block}
.jobs-history{align-self:start}.jobs-history figcaption{margin-bottom:22px;color:#d0d0cb;font-size:15px}
.history-readouts strong{font-size:clamp(27px,2.6vw,38px)}
#jobs-history-plot{margin-top:18px}
#jobs-history-plot text{stroke:none;stroke-width:0;font-weight:400;letter-spacing:0}
.history-footer{margin-top:6px}
@media(max-width:900px){.mfg-page .employment-comparison-section{grid-template-columns:1fr;gap:40px}}

/* Monochrome particle terrain, contained within the factual chart axes. */
.history-particle-stage{position:relative;width:100%;aspect-ratio:600/330;margin-top:18px;isolation:isolate}
.history-particle-field{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.history-particle-stage #jobs-history-plot{position:relative;margin:0;width:100%;height:100%}
.history-particle-stage .history-line{stroke:#ffffff;stroke-width:1.1;opacity:.85}
.history-particle-stage .history-grid{stroke:#ffffff18}
.history-particle-stage .history-guide{stroke:#b0b4ae;opacity:.4}
.history-particle-stage #history-dot{fill:#ffffff}
.history-particle-stage #jobs-history-plot>circle{fill:#ffffff}
.jobs-history .history-current strong{color:#ffffff}

/* Align the capability panel with the same page gutters as adjacent sections. */
.mfg-page .capability-network{padding-inline:var(--gutter)}
.mfg-page .capability-feature{max-width:1060px;width:100%;margin-inline:auto;box-sizing:border-box}

/* Let the particle surface carry the trend without a hard outline. */
.history-particle-stage .history-line{visibility:hidden}

/* The historical decline reveals left to right, without endpoint markers. */
.history-particle-stage #jobs-history-plot>circle{display:none}

@media(max-width:760px){
 .mfg-page .mfg-hero{height:84svh;min-height:580px;max-height:820px}
 .mfg-page .mfg-hero-copy{left:24px;right:24px;bottom:112px}
 .mfg-page .mfg-hero h1{font-size:clamp(25px,6.6vw,38px);line-height:1.18}
 .mfg-page .mfg-hero-second-line{white-space:normal}
 .mfg-page .mfg-hero-phrases{display:grid;width:auto!important;margin-top:5px}
 .mfg-page .mfg-hero-phrases>span{text-align:center;justify-self:center}
 .mfg-page .mfg-hero-copy>a{bottom:-68px;min-height:48px;font-size:11px;letter-spacing:.02em}
 .mfg-page .mfg-support{padding:64px 24px}
 .mfg-page .mfg-support-options{gap:44px;margin-top:32px}
 .mfg-page .mfg-support-options img{aspect-ratio:4/3;margin-bottom:20px}
 .mfg-page .mfg-support-options h3{font-size:25px;line-height:1.15}
 .mfg-page .mfg-support-options p{font-size:16px;line-height:1.55;margin-top:12px}
}

@media(max-width:760px){
 #ww-page #hero,.creative-page .studio-hero,.mfg-page .mfg-hero{height:100svh!important;min-height:560px!important;max-height:none!important;padding:0!important}
}
#hero-video,.studio-hero-video,.mfg-hero-video{pointer-events:none!important;object-fit:cover!important}
#hero-video::-webkit-media-controls,.studio-hero-video::-webkit-media-controls,.mfg-hero-video::-webkit-media-controls{display:none!important}
#hero-video::-webkit-media-controls-start-playback-button,.studio-hero-video::-webkit-media-controls-start-playback-button,.mfg-hero-video::-webkit-media-controls-start-playback-button{display:none!important;-webkit-appearance:none}
@media(max-width:760px){
 .mfg-page .mfg-hero-copy{inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:26px;padding:80px 24px;box-sizing:border-box;transform:none!important}
 .mfg-page .mfg-hero h1{width:100%;font-size:clamp(25px,6.6vw,38px);line-height:1.18;text-align:center;margin:0}
 .mfg-page .mfg-hero-phrases{display:grid;width:100%!important}
 .mfg-page .mfg-hero-phrases>span,.mfg-page .mfg-hero-phrases>span:not(:last-child){position:relative;left:auto;top:auto;grid-area:1/1;text-align:left;justify-self:start}
 .mfg-page .mfg-hero-copy>a{position:static;transform:none!important;margin:0;font-size:11px;min-height:44px;text-align:center}
}

@media(max-width:760px){
 .mfg-page .mfg-hero h1{font-size:clamp(18px,5.25vw,34px);line-height:1.25;text-shadow:0 2px 12px rgba(0,0,0,.45)}
 .mfg-page .mfg-hero h1>span{display:block;white-space:nowrap}
 .mfg-page .mfg-hero-phrases{display:inline-grid;width:auto!important;margin-top:0;vertical-align:baseline}
}

/* Keep the supporting hero link legible over mobile footage. */
@media(max-width:760px){
 .mfg-page .mfg-hero-copy>a{color:#fff;font-size:14px;font-weight:500;line-height:1.4;letter-spacing:.025em;text-shadow:0 1px 3px #000,0 2px 12px rgba(0,0,0,.85);opacity:1;min-height:44px}
}

/* Shared mobile headline-to-link spacing. */
@media(max-width:760px){
 .mfg-page .mfg-hero-copy{gap:12px}
 .mfg-page .mfg-hero-copy>a{display:inline-flex;align-items:center;justify-content:center;margin:0;padding-block:0;min-height:44px;box-sizing:border-box}
}

@media(max-width:760px){
 .mfg-page .mfg-hero h1{text-shadow:0 2px 8px rgba(0,0,0,.45),0 5px 24px rgba(0,0,0,.65),0 10px 48px rgba(0,0,0,.5)}
}

@media(max-width:760px){
 .mfg-page .mfg-hero-copy{transform:none!important}
}

/* Three compact service choices, matching the desktop order. */
@media(max-width:760px){
 .mfg-page #approach{padding-inline:20px}
 .mfg-page .mfg-support-options{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:28px;align-items:start}
 .mfg-page .mfg-support-options>a{padding:0;min-width:0}
 .mfg-page .mfg-support-options img{aspect-ratio:1;object-fit:cover;margin:0 0 14px}
 .mfg-page .mfg-support-options h3{display:block;font-size:clamp(11px,3.1vw,19px);line-height:1.3;margin:0;letter-spacing:-.02em;min-height:2.6em}
 .mfg-page .mfg-support-options h3 span{display:none}
 .mfg-page .mfg-support-options p{display:none}
 .mfg-page .mfg-support-options>a:focus-visible{outline:2px solid #f47b32;outline-offset:5px}
}

/* Preserve the branching capability diagram on phones. */
@media(max-width:760px){
 .mfg-page .capability-network{padding:56px 20px}
 .mfg-page .capability-network-heading h2{font-size:28px;line-height:1.12;max-width:20ch;margin-inline:auto}
 .mfg-page .capability-network-heading p{font-size:15px;line-height:1.5;max-width:35ch;margin-top:18px}
 .mfg-page .capability-network-heading{margin-bottom:24px}
 .mfg-page .manufacturing-map{display:block;position:relative;width:100%;max-width:560px;height:280px;margin:0 auto 24px}
 .mfg-page .manufacturing-map>svg{display:block;position:absolute;inset:0;width:100%;height:100%}
 .mfg-page .manufacturing-map .mfg-hub{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:38%;height:auto;aspect-ratio:1;margin:0;padding:0}
 .mfg-page .manufacturing-map .mfg-node{position:absolute;top:calc(var(--node)*95.8px + 12.2px);width:25%;height:64px;min-height:64px;padding:0;border:0;display:flex;justify-content:center;gap:0}
 .mfg-page .manufacturing-map .node-left{left:0;right:auto;text-align:right;align-items:flex-end}
 .mfg-page .manufacturing-map .node-right{right:0;left:auto;text-align:left;align-items:flex-start}
 .mfg-page .manufacturing-map .mfg-node strong{font-size:clamp(11px,3.05vw,17px);line-height:1.2;letter-spacing:-.02em}
 .mfg-page .capability-feature{padding:24px;min-height:0}
 .mfg-page .capability-feature-copy{min-height:0}
 .mfg-page .capability-feature-copy h3{font-size:22px}
 .mfg-page .capability-feature-copy p{font-size:15px;line-height:1.5}
}

/* Mobile service navigation: one heading, three equally weighted choices. */
@media(max-width:760px){
 .mfg-page #approach{background:#fff;color:#111;padding:56px 24px 64px;border:0}
 .mfg-page #approach>h2{color:#111;font-size:clamp(28px,7.2vw,38px);font-weight:500;line-height:1.12;letter-spacing:-.035em;max-width:19ch;margin:0;text-wrap:balance;text-align:left}
 .mfg-page #approach .mfg-support-options{display:grid;grid-template-columns:1fr;gap:14px;margin-top:30px;align-items:stretch}
 .mfg-page #approach .mfg-support-options>a{display:grid;grid-template-columns:minmax(0,1fr) 32%;height:104px;min-height:0;min-width:0;padding:0;border:0;border-radius:0;overflow:hidden;box-sizing:border-box;color:#fff}
 .mfg-page #approach .mfg-support-options>a:nth-child(1){background:linear-gradient(100deg,#15232a,#354850)}
 .mfg-page #approach .mfg-support-options>a:nth-child(2){background:linear-gradient(100deg,#081c2b,#153e58)}
 .mfg-page #approach .mfg-support-options>a:nth-child(3){background:linear-gradient(100deg,#242d31,#485359)}
 .mfg-page #approach .mfg-support-options img{grid-column:2;grid-row:1;display:block;width:100%;height:104px;min-height:0;aspect-ratio:auto;object-fit:cover;margin:0;-webkit-mask-image:linear-gradient(90deg,transparent,#000 20%);mask-image:linear-gradient(90deg,transparent,#000 20%)}
 .mfg-page #approach .mfg-support-options h3{grid-column:1;grid-row:1;display:flex;align-items:center;justify-content:flex-start;min-height:0;margin:0;padding:18px 12px 18px 20px;color:#fff;font-size:clamp(19px,5.1vw,26px);font-weight:500;line-height:1.16;letter-spacing:-.025em;text-align:left;text-wrap:initial}
 .mfg-page #approach .mfg-support-options h3 span,.mfg-page #approach .mfg-support-options p{display:none}
 .mfg-page #approach .mfg-support-options>a:focus-visible{outline:2px solid #111;outline-offset:4px}
 .mfg-page #approach .mfg-support-options a:hover h3{color:#fff}
}

@media(max-width:760px){
 .mfg-page .capability-network,.mfg-page .capability-feature{background:#fff}
}

/* Inverted capability detail panel across all screen sizes. */
.mfg-page .capability-feature{background:#000;border-color:#000;color:#fff}
.mfg-page .capability-feature-copy h3{color:#fff}
.mfg-page .capability-feature-copy p{color:#c9c9c9}
.mfg-page .capability-feature .text-link{background:#f47b32;color:#111;border:0}
.mfg-page .capability-feature .text-link:hover{background:#ff9552;color:#000}
.mfg-page .capability-feature .capability-status{color:#c9c9c9}
@media(max-width:760px){
 .mfg-page #approach{padding-bottom:36px}
 .mfg-page #approach>h2{font-size:28px;line-height:1.15;max-width:20ch}
 .mfg-page #approach .mfg-support-options{margin-top:24px}
 .mfg-page .capability-network{padding:36px 24px 56px}
 .mfg-page .capability-network-heading{text-align:left;margin:0 0 24px}
 .mfg-page .capability-network-heading h2{font-size:28px;line-height:1.15;max-width:20ch;margin:0;text-align:left}
 .mfg-page .capability-network-heading p{font-size:15px;line-height:1.55;max-width:38ch;margin:16px 0 0;color:#494949}
 .mfg-page .manufacturing-map{margin-bottom:20px}
 .mfg-page .capability-feature{grid-template-columns:1fr;padding:24px;gap:24px;margin-top:0}
 .mfg-page .capability-feature-copy h3{font-size:22px;line-height:1.15}
 .mfg-page .capability-feature-copy p{margin-top:12px;line-height:1.55}
 .mfg-page .capability-feature .text-link{justify-self:start;min-height:44px;padding:12px 16px}
}

/* Desktop service overview uses a white surface; mobile retains its approved treatment. */
@media(min-width:761px){
 .mfg-page #approach{background:#fff;color:#111;border-color:#e0e0e0}
 .mfg-page #approach>h2,.mfg-page #approach .mfg-support-options h3{color:#111}
 .mfg-page #approach .mfg-support-options p{color:#494949}
 .mfg-page #approach .mfg-support-options h3 span{color:#b84b17}
 .mfg-page #approach .mfg-support-options a:hover h3{color:#b84b17}
}

/* Black desktop service cards on the white overview section. */
@media(min-width:761px){
 .mfg-page #approach .mfg-support-options>a{background:#000;color:#fff;padding:0 24px 28px;overflow:hidden}
 .mfg-page #approach .mfg-support-options img{width:calc(100% + 48px);max-width:none;margin:0 -24px 24px}
 .mfg-page #approach .mfg-support-options h3{color:#fff;margin-top:0}
 .mfg-page #approach .mfg-support-options p{color:#c9c9c9}
 .mfg-page #approach .mfg-support-options h3 span,
 .mfg-page #approach .mfg-support-options a:hover h3{color:#f47b32}
}