/* H homepage: one continuous process scene and one combined material brief. */
html{scroll-padding-top:24px}
.hs-flow{margin-top:34px}.hs-flow-visual{position:relative;height:310px;isolation:isolate;overflow:hidden;border-radius:7px;background:#dce9e9}.hs-machining-photo{position:absolute;inset:0 0 0 auto;width:82%;height:100%;object-fit:cover;object-position:center 50%;z-index:-1}.hs-drawing-sheet{position:absolute;width:340px;left:35px;top:38px;padding:17px 19px 12px;background:#fafdfe;border-radius:3px;transform:rotate(-2deg);box-shadow:0 10px 24px #153b4720;color:#3b7178}.hs-drawing-sheet>span{display:block;font-size:8px;letter-spacing:.1em;color:#67878c}.hs-drawing-sheet .h-drawing{width:100%;height:195px;max-height:none;fill:none;stroke:none}.hs-photo-caption{position:absolute;bottom:18px;right:22px;padding:6px 11px;background:#153b48b3;border-radius:3px;color:#fff;margin:0;font-size:11px}.hs-steps{position:relative;list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:35px;margin:25px 0 0;padding:0}.hs-steps li{display:flex;align-items:flex-start;gap:15px;min-width:0}.hs-step-number{display:grid;place-items:center;width:26px;height:26px;flex:none;border:1px solid #b8ced1;border-radius:50%;background:#f8fcfc;color:#3e7279;font-size:12px;margin-top:2px}.hs-steps h3{font:600 20px/1.25 var(--body);letter-spacing:-.015em}.hs-steps p{font-size:15px;color:var(--muted);margin:8px 0 0;line-height:1.4}.hs-materials-brief{padding:70px 0 74px;background:#fff;border-top:0}.hs-brief-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:85px;align-items:center}.hs-brief-copy h2{font-size:50px;line-height:1.05}.hs-brief-intro{font-size:18px;color:var(--muted);max-width:580px;margin:23px 0 27px}.hs-materials-text{padding:0 0 23px;border-bottom:1px solid var(--line)}.hs-materials-text>span{font-size:11px;font-weight:600;letter-spacing:.05em;color:var(--steel)}.hs-material-list{list-style:none;display:flex;flex-wrap:wrap;gap:7px 0;padding:0;margin:10px 0 11px;font-size:17px;font-weight:600;line-height:1.4}.hs-material-list li{display:inline-flex;align-items:center}.hs-material-list li:not(:last-child):after{content:'·';font-weight:400;color:#8da6ab;margin:0 12px}.hs-materials-text>p{font-size:14px;color:var(--muted);margin:0}.hs-drawing-needs{margin:23px 0 16px}.hs-drawing-needs>div{display:grid;grid-template-columns:145px 1fr;gap:20px;padding:10px 0;border:0;font-size:15px;line-height:1.5}.hs-drawing-needs dt{font-weight:600;min-width:0;color:var(--ink)}.hs-drawing-needs dd{margin:0;color:var(--muted)}.hs-component-study{margin:0;min-width:0;align-self:center}.hs-part-image{position:relative;background:#f2f7f7;border-radius:9px;padding:20px 13px 9px;overflow:hidden}.hs-part-image>img{height:360px;width:100%;object-fit:contain;mix-blend-mode:multiply}.hs-component-study figcaption{margin:20px 0 0;padding-left:17px;border-left:2px solid #b4ced1}.hs-component-study figcaption>span{font-size:9px;letter-spacing:.09em;color:var(--muted);display:block;margin-bottom:8px}.hs-component-study strong{font:600 28px/1.1 var(--display);display:block}.hs-component-study figcaption p{font-size:14px;color:var(--muted);line-height:1.5;margin:12px 0 0;max-width:350px}
@media(max-width:1050px){.hs-drawing-sheet{width:285px;left:25px;top:47px}.hs-drawing-sheet .h-drawing{height:175px}.hs-brief-grid{gap:45px}.hs-part-image>img{height:310px}.hs-drawing-needs>div{grid-template-columns:125px 1fr;gap:17px}.hs-material-list{font-size:16px}}
@media(max-width:760px){.hs-flow{margin-top:28px}.hs-flow-visual{height:245px;border-radius:5px}.hs-machining-photo{width:100%;object-position:62% center}.hs-drawing-sheet{width:175px;left:13px;top:23px;padding:11px 10px 8px}.hs-drawing-sheet>span{font-size:5.5px;letter-spacing:.02em}.hs-drawing-sheet .h-drawing{height:115px}.hs-photo-caption{bottom:13px;right:13px;padding:5px 8px;font-size:9px}.hs-steps{grid-template-columns:1fr;gap:23px;margin-top:25px}.hs-steps li{gap:14px;position:relative}.hs-steps li:not(:last-child):after{content:'';position:absolute;left:13px;top:30px;height:calc(100% - 9px);border-left:1px solid #c5d8da}.hs-steps h3{font-size:19px}.hs-steps p{font-size:14px;margin-top:6px}.hs-materials-brief{padding:48px 0 52px}.hs-brief-grid{grid-template-columns:1fr;gap:31px}.hs-brief-copy h2{font-size:41px}.hs-brief-intro{font-size:17px;margin:21px 0 24px}.hs-material-list{font-size:16px;margin-bottom:13px}.hs-material-list li:not(:last-child):after{margin-inline:10px}.hs-materials-text>p{font-size:13px}.hs-drawing-needs>div{grid-template-columns:1fr;gap:5px;padding:10px 0;font-size:14px}.hs-drawing-needs{margin-top:17px;margin-bottom:12px}.hs-component-study{width:100%;max-width:440px;margin:auto}.hs-part-image{border-radius:7px;padding:18px 13px 10px}.hs-part-image>img{height:285px}.hs-component-study strong{font-size:27px}.hs-component-study figcaption{margin-top:17px}.hs-component-study figcaption p{font-size:13px;margin-top:10px}}
@media(max-width:380px){.hs-drawing-sheet{width:160px;left:12px;top:25px}.hs-drawing-sheet .h-drawing{height:108px}.hs-flow-visual{height:230px}.hs-brief-copy h2{font-size:37px}.hs-material-list{font-size:15px}.hs-material-list li:not(:last-child):after{margin-inline:8px}}
@media(prefers-reduced-motion:reduce){.hs-drawing-sheet{transform:none}}

/* Material tabs and corresponding real component examples. */
.hs-material-list[role="tablist"]{gap:8px 13px}.hs-material-list[role="tablist"] li:after{display:none}.hs-material-list button{font:inherit;color:var(--ink);padding:5px 0;background:transparent;border:0;border-bottom:2px solid transparent;cursor:pointer}.hs-material-list button[aria-selected="true"]{color:var(--accent);border-bottom-color:var(--accent)}.hs-material-list button:focus-visible,.hs-material-thumbnails button:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.hs-part-image>[hidden],.hs-material-empty[hidden]{display:none}.hs-material-empty{height:360px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:25px;gap:16px}.hs-material-empty>span{font-size:10px;letter-spacing:.1em;color:var(--steel)}.hs-material-empty>strong{font-size:30px;color:var(--ink)}.hs-material-empty>p{font-size:15px;color:var(--muted);margin:0}.hs-material-empty>.n-link{font-size:13px;margin-top:8px}.hs-material-thumbnails{display:flex;gap:10px;margin-top:13px}.hs-material-thumbnails:empty{display:none}.hs-material-thumbnails button{padding:4px;background:#f2f7f7;border:1px solid transparent;border-radius:4px;cursor:pointer}.hs-material-thumbnails button[aria-pressed="true"]{border-color:var(--accent)}.hs-material-thumbnails img{display:block;width:52px;height:52px;object-fit:contain;mix-blend-mode:multiply}.hs-material-status{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}@media(max-width:1050px){.hs-material-empty{height:310px}}@media(max-width:760px){.hs-material-list[role="tablist"]{gap:7px 15px}.hs-material-empty{height:285px}.hs-material-empty>strong{font-size:27px}.hs-material-thumbnails img{width:47px;height:47px}}

@media(max-width:760px){.hs-brief-grid{display:flex;flex-direction:column;align-items:stretch;gap:0}.hs-brief-copy{display:contents}.hs-materials-text{order:1;border-bottom:0;padding-bottom:0}.hs-component-study{order:2;margin:25px auto 0}.hs-drawing-needs{order:3;margin:26px 0 13px;padding-top:13px;border-top:1px solid var(--line)}.hs-brief-copy>.n-link{order:4;align-self:flex-start}}

/* Home section boundaries use background changes without divider lines. */
.jph-section.jph-capabilities{border-top:0}