/* Compact visual service pages shared by HRL's six technology and support routes. */
.service-page{--service-accent:#4f7366;--service-paper:#eef2ee;--service-tint:#e0e8df;font-family:var(--studio-font,Inter,Arial,sans-serif);color:#202624;background:#fff;line-height:1.7}
.service-automation{--service-accent:#516778;--service-paper:#edf1f4;--service-tint:#dce5ed}.service-smartdevice{--service-accent:#557b85;--service-paper:#eef5f5;--service-tint:#dbeaec}.service-research{--service-accent:#766d53;--service-paper:#f4f2eb;--service-tint:#e8e3d6}.service-hardsoft{--service-accent:#6b6388;--service-paper:#f1eff5;--service-tint:#e5e0ee}.service-premium{--service-accent:#4b7881;--service-paper:#edf4f4;--service-tint:#dce9ea}
.service-page *{box-sizing:border-box}.service-page h1,.service-page h2,.service-page h3{font-family:inherit;color:inherit;font-weight:500;line-height:1.16;letter-spacing:-1px}.service-page a{text-decoration:none}.service-page .studio-button{display:inline-flex;width:fit-content;max-width:100%;align-items:center;justify-content:center;gap:24px;font-size:11px;padding:12px 20px}.service-subnav{display:flex;justify-content:center;gap:30px;padding:13px 24px;background:#fff;border-bottom:1px solid #e9ece9;overflow-x:auto;scrollbar-width:thin}.service-subnav>a{font-size:10px;white-space:nowrap;color:#8b928d;padding:2px 0}.service-subnav>a[aria-current=page]{color:#253d33;text-decoration:underline;text-underline-offset:6px}.service-subnav>a:hover{color:#202624}.service-hero{background:var(--service-paper)}.service-hero-grid{display:grid;grid-template-columns:1fr 1.05fr;gap:50px;align-items:center;padding-top:35px;padding-bottom:35px;min-height:425px}.service-hero-copy{padding:10px 0}.service-eyebrow{font-size:9px;font-weight:600;letter-spacing:1.5px;color:var(--service-accent);margin:0 0 20px}.service-hero h1{font-size:48px;letter-spacing:-2.2px;margin:0 0 22px}.service-hero h1 em{font-style:normal;color:var(--service-accent)}.service-description{font-size:13px;line-height:1.9;color:#727e77;max-width:435px;margin:0 0 25px}.service-actions{display:flex;align-items:center;flex-wrap:wrap;gap:20px}.service-text-link{font-size:11px;color:var(--service-accent);text-decoration:underline!important;text-underline-offset:4px}.service-text-link:hover{color:#171a20}.service-hero-visual{height:350px;margin:0;background:var(--service-tint);border-radius:8px;overflow:hidden;position:relative}.service-hero-visual>img{display:block;width:100%;height:100%;object-fit:cover}.service-visual-contain{background:#fff}.service-visual-contain>img{object-fit:contain;padding:25px 30px 45px}.service-hero-visual figcaption{position:absolute;bottom:0;left:0;right:0;display:flex;align-items:center;gap:9px;padding:12px 16px;background:#ffffffeb;font-size:7px;letter-spacing:1px;color:#5e7067;border-top:1px solid #e4e9e3;backdrop-filter:blur(5px)}.service-visual-dot{width:5px;height:5px;border-radius:50%;background:var(--service-accent);flex-shrink:0}.service-highlights{display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid #e4e8e3;padding-top:17px;padding-bottom:17px}.service-highlights>span{font-size:11px;color:#7e897e;display:flex;align-items:center;gap:10px}.service-highlights i{color:var(--service-accent);font-size:16px}.service-focus{padding-top:40px;padding-bottom:40px;scroll-margin-top:85px}.service-section-heading{display:flex;justify-content:space-between;gap:50px;align-items:flex-end;margin-bottom:25px}.service-page h2{font-size:31px;letter-spacing:-1.2px;margin:0}.service-section-heading>p{font-size:12px;color:#839080;max-width:340px;margin:0}.service-card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.service-card{border:1px solid #e6eae3;border-radius:6px;overflow:hidden;background:#fff}.service-card-image{height:150px;position:relative;overflow:hidden;background:var(--service-paper)}.service-card-image>img{display:block;width:100%;height:100%;object-fit:cover}.service-card-contain{background:#fafbf9}.service-card-contain>img{object-fit:contain;padding:10px 20px}.service-card-image>span{position:absolute;right:12px;bottom:12px;display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;background:#fffffff2;color:var(--service-accent);box-shadow:0 2px 10px #0000000a;font-size:14px}.service-card-copy{padding:20px}.service-card h3{font-size:20px;letter-spacing:-.5px;margin:0 0 12px}.service-card p{font-size:11px;line-height:1.9;color:#859080;margin:0;max-width:320px}.service-concept-note{font-size:9px;color:#909987;margin:15px 0 0;line-height:1.8}.service-process{padding:27px 0 30px;background:var(--service-paper)}.service-process .service-eyebrow{margin-bottom:22px;font-size:8px}.service-process ol{list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:35px;margin:0;padding:0}.service-process li{display:flex;gap:15px}.service-process li>span{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:35px;height:35px;border:1px solid var(--service-tint);border-radius:50%;background:#ffffff90;color:var(--service-accent);font-size:11px}.service-process h3{font-size:20px;letter-spacing:-.5px;margin:5px 0 9px}.service-process li p{font-size:11px;line-height:1.85;color:#818d7f;margin:0}.service-contact{display:flex;justify-content:space-between;align-items:center;gap:40px;padding-top:35px;padding-bottom:35px}.service-contact .service-eyebrow{font-size:8px;margin-bottom:13px}.service-contact h2{font-size:29px;max-width:650px}.service-contact>div>p:last-child{font-size:11px;color:#899481;margin:15px 0 0;max-width:550px}.service-contact-actions{display:flex;flex-direction:column;align-items:center;gap:16px;flex-shrink:0}
@media(max-width:1100px){.service-subnav{gap:22px}.service-hero-grid{gap:30px}.service-hero h1{font-size:40px}.service-hero-visual{height:330px}.service-card-grid{gap:15px}.service-contact h2{font-size:26px}}
@media(max-width:820px){.service-subnav{justify-content:flex-start;gap:24px;padding:12px 28px}.service-hero-grid{gap:25px;padding-top:27px;padding-bottom:27px;min-height:390px}.service-hero h1{font-size:33px;letter-spacing:-1.5px}.service-description{font-size:12px}.service-eyebrow{font-size:8px}.service-hero-visual{height:325px}.service-actions{gap:15px}.service-actions .studio-button{font-size:10px;padding:10px 15px}.service-hero-visual figcaption{font-size:6px;padding:10px;letter-spacing:.5px}.service-highlights>span{font-size:9px;gap:7px}.service-page h2{font-size:27px}.service-section-heading{gap:30px}.service-section-heading>p{max-width:260px;font-size:11px}.service-card-copy{padding:17px}.service-card h3{font-size:18px}.service-card p{font-size:10px}.service-card-image{height:140px}.service-process ol{gap:20px}.service-process li{gap:10px}.service-process h3{font-size:18px}.service-process li>span{width:28px;height:28px;font-size:9px}.service-process li p{font-size:10px}.service-contact h2{font-size:24px}.service-contact{gap:25px}.service-contact .studio-button{font-size:10px;gap:15px}}
@media(max-width:540px){.service-subnav{padding:11px 20px;gap:22px}.service-subnav>a{font-size:9px}.service-hero-grid{grid-template-columns:1fr;gap:22px;padding-top:27px;padding-bottom:22px;min-height:0}.service-hero-copy{padding:0}.service-hero h1{font-size:37px;letter-spacing:-1.9px;margin-bottom:19px}.service-eyebrow{font-size:8px;margin-bottom:17px}.service-description{font-size:12px;margin-bottom:22px}.service-actions{gap:16px}.service-actions .studio-button{font-size:10px;padding:11px 16px;gap:16px}.service-text-link{font-size:10px}.service-hero-visual{height:240px}.service-visual-contain>img{padding:15px 25px 35px}.service-hero-visual figcaption{font-size:6px;padding:10px 12px;letter-spacing:.6px}.service-highlights{gap:10px;padding-top:14px;padding-bottom:14px;align-items:flex-start}.service-highlights>span{font-size:8px;line-height:1.7;gap:6px;max-width:105px}.service-highlights i{font-size:13px;flex-shrink:0}.service-focus{padding-top:30px;padding-bottom:30px}.service-section-heading{align-items:flex-start;flex-direction:column;gap:15px;margin-bottom:22px}.service-page h2{font-size:29px}.service-section-heading>p{font-size:12px;max-width:none}.service-card-grid{grid-template-columns:1fr;gap:15px}.service-card{display:grid;grid-template-columns:115px 1fr;align-items:stretch;min-height:160px}.service-card-image{height:auto;min-height:160px}.service-card-contain>img{padding:12px 8px}.service-card-image>img{height:100%;position:absolute;inset:0}.service-card-image>span{width:25px;height:25px;font-size:11px;right:8px;bottom:8px}.service-card-copy{padding:18px 15px;align-self:center}.service-card h3{font-size:20px;margin-bottom:10px}.service-card p{font-size:10px;line-height:1.8}.service-concept-note{font-size:8px}.service-process{padding:25px 0}.service-process .service-eyebrow{margin-bottom:20px}.service-process ol{grid-template-columns:1fr;gap:20px}.service-process li{gap:14px}.service-process li>span{width:32px;height:32px;font-size:10px}.service-process h3{font-size:21px;margin:3px 0 8px}.service-process li p{font-size:11px;max-width:290px}.service-contact{padding-top:30px;padding-bottom:30px;align-items:flex-start;flex-direction:column;gap:23px}.service-contact h2{font-size:28px}.service-contact>div>p:last-child{font-size:11px;margin-top:13px}.service-contact-actions{align-items:flex-start;gap:15px}.service-contact .studio-button{font-size:11px;gap:20px}}
@media(max-width:360px){.service-hero h1{font-size:32px}.service-card{grid-template-columns:95px 1fr}.service-card-copy{padding:15px 12px}.service-card h3{font-size:18px}.service-actions{gap:14px}.service-actions .studio-button{font-size:9px}}

.service-research .service-card-image>img[src*=paarth]{object-fit:contain;background:#dce0df}
@media(max-width:540px){.service-subnav>a{font-size:10px}}

.manufacturing-capabilities{padding-top:28px;padding-bottom:28px;border-bottom:1px solid #e4e8e3;display:flex;align-items:center;justify-content:space-between;gap:35px;scroll-margin-top:85px}.manufacturing-capabilities .service-eyebrow{margin-bottom:14px}.manufacturing-capabilities h2{font-size:27px}.manufacturing-capabilities p:last-child{font-size:12px;color:#7d8979;line-height:1.9;max-width:720px;margin:15px 0 0}.manufacturing-capabilities>a{flex-shrink:0}@media(max-width:820px){.manufacturing-capabilities{align-items:flex-start;flex-direction:column;gap:20px}.manufacturing-capabilities h2{font-size:26px}}
