/* FORM / Works — material, geometry and industrial editorial design. */
.theme-metalworking{--paper:#161819;--ink:#eeede8;--muted:#acafad;--line:#3e4141;--accent:#f36b42;--on-accent:#171919;--gutter:clamp(22px,5vw,88px);font-family:"Golos Text",Arial,sans-serif}
.theme-metalworking h1,.theme-metalworking h2,.theme-metalworking h3{font-family:"Golos Text",Arial,sans-serif;font-weight:500;letter-spacing:-.055em}
.theme-metalworking .eyebrow,.form-kicker{font:400 11px/1.5 "IBM Plex Mono",monospace;letter-spacing:.055em;text-transform:uppercase}
.theme-metalworking :focus-visible{outline-color:#f36b42}.theme-metalworking .demo-ribbon{background:#252728;color:#c5c7c3;font-family:"IBM Plex Mono",monospace}.theme-metalworking .demo-ribbon i{background:var(--accent)}
.form-machine-nav{display:flex;align-items:center;gap:36px;margin:0 var(--gutter);padding-block:21px;border-bottom:1px solid var(--line);position:relative;z-index:2}
.form-machine-logo{display:flex;align-items:center;gap:22px}.form-machine-logo>b{font-size:34px;font-weight:600;letter-spacing:-.09em;line-height:1}.form-machine-logo>b>span{color:var(--accent)}.form-machine-logo>span{font:11px "IBM Plex Mono",monospace;letter-spacing:.06em}.form-machine-index{margin-left:auto;font:10px "IBM Plex Mono",monospace;color:var(--muted)}.form-machine-nav .languages{font:11px "IBM Plex Mono",monospace;gap:4px}.form-machine-nav .languages a{min-height:32px;min-width:30px;display:grid;place-items:center;opacity:.7}.form-machine-nav .languages [aria-current]{color:var(--accent);opacity:1}
.form-hero{position:relative;isolation:isolate;overflow:hidden;background:#161819}.form-hero-art{position:absolute;inset:0 0 72px 30%;z-index:-1}.form-hero-art>img{width:100%;height:100%;object-fit:cover;object-position:70% center}.form-hero-art::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#161819 1%,#161819a0 17%,transparent 43%),linear-gradient(0deg,#161819,transparent 18%)}.form-hero-copy{position:relative;padding-block:64px 58px;min-height:592px;pointer-events:none}.form-hero-copy>*{pointer-events:auto;width:fit-content}.form-hero-copy .form-kicker{display:flex;gap:12px;align-items:center;color:#d3d4ce;margin-bottom:29px}.form-hero-copy .form-kicker>span{width:7px;height:7px;background:var(--accent)}.form-hero h1{font-size:clamp(76px,8.6vw,142px);line-height:.99;letter-spacing:-.065em;font-weight:500;max-width:60%;margin-left:-5px}.form-hero h1 em{font-style:normal;color:var(--accent)}.form-intro{max-width:375px;font-size:15px;line-height:1.7;color:#c4c7c4;margin-top:29px}.form-primary-link{display:inline-flex;align-items:center;gap:28px;font-size:13px;font-weight:500;margin-top:26px;min-height:50px;border-bottom:1px solid #8c9690}.form-primary-link>span{display:grid;place-items:center;width:44px;height:44px;background:var(--accent);color:#161819;font-size:25px;margin-left:12px;transition:transform .25s}.form-primary-link:hover>span{transform:translate(3px,3px)}
.form-image-label{position:absolute;right:var(--gutter);bottom:30px;z-index:1;display:flex;align-items:center;gap:15px;font:10px "IBM Plex Mono",monospace;color:#dddeda}.form-image-label>span{color:var(--accent);font-size:13px}.form-image-label>i{width:45px;height:1px;background:#7f8681}.form-image-label>b{font-weight:400;max-width:155px}.form-image-cross{position:absolute;z-index:1;font:30px "IBM Plex Mono",monospace;color:#a5a8a5;opacity:.65}.cross-one{top:10%;right:15%}.cross-two{bottom:15%;left:27%}.form-hero-index{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:72px;border-top:1px solid var(--line);font:10px "IBM Plex Mono",monospace;color:#aeb1aa}.form-hero-index p{font-size:11px}.form-hero-index a{font-size:23px;color:var(--accent);min-width:44px;min-height:44px;display:grid;place-items:center}
.form-capabilities{background:#e7e7df;color:#222624;padding-block:93px 86px}.form-section-header{display:grid;grid-template-columns:1fr 1fr;gap:28px 9%;margin-bottom:50px}.form-section-header>.form-kicker{grid-column:1/-1;color:#595e57}.form-section-header h2{font-size:clamp(36px,4.2vw,66px);line-height:1.08;max-width:610px}.form-section-header>p:last-child{max-width:390px;align-self:end;font-size:15px;color:#62675f}.form-capability-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border:1px solid #babfb4}.form-capability{min-width:0;border-right:1px solid #babfb4;padding:22px 25px 30px;transition:background .25s}.form-capability:last-child{border:0}.form-capability:hover{background:#f3f3eb}.form-drawing-head{display:flex;justify-content:space-between;font:10px "IBM Plex Mono",monospace;color:#626b5e}.form-process-art{display:block;width:100%;height:auto;margin:15px 0 18px;stroke:#4d5950;stroke-width:1.2;stroke-linejoin:round;transition:transform .4s}.form-capability:hover .form-process-art{transform:translateY(-6px)}.drawing-guide{stroke:#aeb6a6;stroke-width:.6;stroke-dasharray:4 6}.drawing-solid{fill:#d6dacf}.drawing-shade{fill:#b4bdae}.drawing-cut{fill:#e7e7df}.drawing-accent{stroke:#b13c1b;stroke-width:1.6}.drawing-ticks{stroke:#7c8a76;stroke-width:.8}.form-capability h3{font-size:clamp(20px,2vw,33px);line-height:1.15;letter-spacing:-.04em}.form-capability h3 a{display:flex;align-items:start;justify-content:space-between;gap:15px}.form-capability h3 span{font-size:23px;font-weight:400;color:#a94329}.form-capability-copy>p{margin-top:14px;font-size:13px;color:#5d655a;max-width:270px}
.form-workflow{display:grid;grid-template-columns:1fr 1fr;gap:9%;padding-block:100px 110px}.form-workflow-intro>.form-kicker{color:var(--accent);margin-bottom:28px}.form-workflow h2{font-size:clamp(38px,4.2vw,66px);max-width:490px;line-height:1.08}.form-workflow-intro>p:not(.form-kicker){font-size:14px;max-width:430px;color:#b5bcb6;margin-top:26px}.form-workflow figure{margin-top:35px;position:relative;overflow:hidden}.form-workflow figure img{aspect-ratio:1.85;object-fit:cover;filter:saturate(.45)}.form-workflow figcaption{position:absolute;bottom:0;left:0;right:0;display:flex;justify-content:space-between;gap:18px;background:linear-gradient(transparent,#151819e0);padding:35px 18px 15px;font:9px "IBM Plex Mono",monospace}.form-workflow-list{padding:0;margin:0;list-style:none;align-self:center;border-top:1px solid var(--line)}.form-workflow-list li{display:grid;grid-template-columns:35px 1fr 23px;gap:15px;padding-block:32px;border-bottom:1px solid var(--line)}.form-step-number{font:12px "IBM Plex Mono",monospace;color:var(--accent)}.form-workflow-list h3{font-size:24px;line-height:1.2;letter-spacing:-.035em}.form-workflow-list p{color:#b5bcb6;font-size:13px;margin-top:15px;max-width:335px}.form-step-mark{font-size:25px;line-height:1;color:#9da89f}
.form-footer{background:var(--accent);color:#171919;padding-block:45px 110px}.form-footer-top,.form-footer-bottom{display:flex;justify-content:space-between;gap:22px;font:10px "IBM Plex Mono",monospace}.form-footer-top>a{padding:5px 0}.form-footer-cta{display:flex;justify-content:space-between;align-items:center;gap:7%;padding-block:50px 60px;border-bottom:1px solid #6e311b70;margin-bottom:24px}.form-footer-cta>span{font-size:clamp(37px,6vw,94px);letter-spacing:-.055em;line-height:1.04;max-width:900px}.form-footer-cta>b{font-size:clamp(60px,10vw,150px);font-weight:400;line-height:1;transition:transform .3s}.form-footer-cta:hover>b{transform:translate(6px,-6px)}.theme-metalworking .service-detail-page{padding-block:40px 90px}.theme-metalworking .service-detail-page h1{font-size:clamp(42px,6vw,90px)}.theme-metalworking .service-detail-layout figure img{aspect-ratio:1.4;object-fit:cover}.theme-metalworking .service-detail-layout figcaption{padding-top:10px}
@media(min-width:1600px){.form-hero-copy{min-height:720px;padding-top:90px}.form-hero-art{left:35%}.form-intro{max-width:440px;font-size:17px}}
@media(max-width:1000px){.form-hero h1{font-size:9.4vw}.form-hero-copy{min-height:570px}.form-hero-art{left:23%}.form-capability{padding:20px 18px 25px}.form-workflow{gap:6%}.form-workflow-list li{grid-template-columns:25px 1fr;gap:10px}.form-step-mark{display:none}.form-machine-index{font-size:9px}.form-section-header{gap:25px 5%}}
@media(max-width:700px){.form-machine-nav{padding-block:18px;gap:10px;justify-content:space-between}.form-machine-logo{gap:14px}.form-machine-logo>b{font-size:29px}.form-machine-logo>span{font-size:9px}.form-machine-index{display:none}.form-machine-nav .languages{font-size:10px}.form-machine-nav .languages a{min-width:26px}.form-hero{display:flex;flex-direction:column}.form-hero-copy{order:0;padding-block:33px 0;min-height:0}.form-hero-copy .form-kicker{font-size:9px;margin-bottom:23px;gap:8px}.form-hero h1{font-size:clamp(58px,14vw,95px);max-width:100%;margin-left:-3px}.form-intro{font-size:14px;margin-top:24px;max-width:360px}.form-primary-link{margin-top:20px;font-size:12px;min-height:44px}.form-primary-link>span{width:38px;height:38px}.form-hero-art{position:relative;inset:auto;order:1;width:100%;height:340px;margin-top:5px;z-index:0}.form-hero-art>img{object-fit:cover;object-position:68% 54%}.form-hero-art::after{background:linear-gradient(0deg,#161819,transparent 16%),linear-gradient(180deg,#161819,transparent 20%)}.form-image-label{right:22px;bottom:20px;font-size:8px}.form-image-label>b{max-width:none}.form-image-label>i{width:25px}.form-image-cross{font-size:23px}.cross-one{top:10%;right:10%}.cross-two{left:17%;bottom:23%}.form-hero-index{order:2;min-height:65px;gap:15px}.form-hero-index>span{font-size:8px}.form-hero-index p{font-size:9px;max-width:160px}.form-hero-index a{min-width:25px}.form-capabilities{padding-block:58px}.form-section-header{grid-template-columns:1fr;gap:24px;margin-bottom:32px}.form-section-header h2{font-size:38px;max-width:430px}.form-section-header>p:last-child{font-size:14px}.form-capability-grid{grid-template-columns:1fr}.form-capability{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:15px 12px;padding:22px 18px;border-right:0;border-bottom:1px solid #babfb4}.form-drawing-head{grid-column:1/-1}.form-process-art{margin:0;align-self:center}.form-capability-copy{align-self:center}.form-capability h3{font-size:23px}.form-capability h3 a{display:block}.form-capability h3 span{display:block;margin-top:10px}.form-capability-copy>p{font-size:12px;margin-top:12px}.form-workflow{grid-template-columns:1fr;gap:40px;padding-block:60px}.form-workflow h2{font-size:40px;max-width:350px}.form-workflow-intro>.form-kicker{margin-bottom:25px}.form-workflow-list li{grid-template-columns:28px 1fr 24px;padding-block:26px}.form-step-mark{display:block}.form-workflow-list h3{font-size:23px}.form-footer{padding-top:30px}.form-footer-cta{padding-block:35px 40px;gap:20px}.form-footer-cta>span{font-size:39px}.form-footer-cta>b{font-size:58px}.form-footer-bottom{flex-wrap:wrap;gap:15px;font-size:9px}.form-footer-top{font-size:9px}}
@media(max-width:360px){.form-machine-logo>span{font-size:8px}.form-machine-logo{gap:9px}.form-hero-art{height:285px}.form-capability{padding-inline:12px;gap:15px 8px}.form-capability h3{font-size:19px}.form-footer-cta>span{font-size:32px}.form-footer-cta>b{font-size:48px}}

@media(min-width:701px){.form-hero-index p{margin-left:auto;margin-right:25px}}