.industrial-app-grid{display:grid;grid-template-columns:1fr 1fr;gap:26px}.industrial-app-grid article{border:1px solid var(--ball-line);border-radius:5px;overflow:hidden;display:flex;flex-direction:column}.industrial-app-grid img{width:100%;height:auto;aspect-ratio:2.4;object-fit:cover}.industrial-app-grid article>div{padding:27px 28px;display:flex;flex-direction:column;flex:1}.industrial-app-grid h3{font-size:28px;line-height:1.25}.industrial-app-grid p{font-size:15px;line-height:1.8;color:var(--ball-muted)}.industrial-app-grid a{display:flex;gap:20px;justify-content:space-between;align-items:center;font-size:14px;font-weight:600;border-top:1px solid var(--ball-line);padding-top:16px;min-height:44px;margin-top:auto}.industrial-app-grid a:hover{text-decoration:underline;text-underline-offset:5px}.industrial-image-note{font-size:12px;color:var(--ball-muted);margin:18px 0}.industrial-industry-note{padding:22px 26px;background:var(--ball-pale);font-size:14px;line-height:1.8;margin:24px 0 0;border-radius:4px}
.industrial-guide{background:var(--navy);color:white;padding:70px 0}.industrial-section-head{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:end}.industrial-section-head h2{margin:0}.industrial-section-head p{color:var(--ball-light);font-size:16px;line-height:1.8;margin:0}.industrial-diagrams{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;margin-top:38px}.industrial-diagrams svg{display:block;width:100%;height:auto;max-height:165px;fill:none;stroke:#c2cfdd;stroke-width:2}.industrial-diagrams .dimension{stroke:var(--gold)}.industrial-diagrams .reference{stroke:#71859a;stroke-dasharray:4 4}.industrial-diagrams h3{font-size:22px;line-height:1.3;margin:18px 0 12px}.industrial-diagrams p{font-size:14px;line-height:1.8;color:var(--ball-light);margin:0}.industrial-guide-note{display:flex;gap:35px;align-items:center;justify-content:space-between;border-top:1px solid #c2cfdd45;margin-top:35px;padding-top:24px}.industrial-guide-note p{font-size:12px;color:var(--ball-light);margin:0;max-width:580px}.industrial-guide-note a{font-size:14px;color:var(--ball-light);display:flex;gap:22px;min-height:44px;align-items:center}.industrial-guide a:focus-visible{outline-color:#bed0e8}
.industrial-material-copy details{margin-top:12px}.industrial-material-copy summary{font-size:13px;font-weight:600;cursor:pointer;min-height:36px}.industrial-material-copy details p{padding-top:10px;font-size:14px}.industrial-quality{display:grid;grid-template-columns:1fr 1fr;gap:85px}.industrial-quality>div>p:not(.eyebrow){font-size:16px;line-height:1.8;color:var(--ball-muted)}.industrial-quality>div>.industrial-quality-note{font-size:14px!important}.industrial-quality dl{margin:0}.industrial-quality dl>div{padding:22px 0;border-top:1px solid var(--ball-line)}.industrial-quality dt{font:500 23px/1.3 var(--heading);letter-spacing:-.4px;margin-bottom:10px}.industrial-quality dd{font-size:15px;line-height:1.8;color:var(--ball-muted);margin:0}.industrial-page .ball-sourcing-band p{font-size:16px;line-height:1.8;color:var(--ball-light)}.industrial-page .page-hero .page-visual img{object-position:center}.industrial-page .balls-questions .container>div:first-child>p{margin-top:20px}.industrial-page .page-hero .eyebrow{font-size:10px}
@media(max-width:1000px){.industrial-diagrams{grid-template-columns:1fr 1fr;gap:30px}.industrial-quality{gap:45px}.industrial-guide-note{align-items:start;flex-direction:column;gap:12px}}
@media(max-width:700px){.industrial-app-grid,.industrial-section-head,.industrial-quality{grid-template-columns:1fr;gap:28px}.industrial-app-grid article>div{padding:23px}.industrial-app-grid img{aspect-ratio:2}.industrial-app-grid h3{font-size:26px}.industrial-guide{padding:48px 0}.industrial-diagrams{gap:28px 20px}.industrial-diagrams h3{font-size:21px}.industrial-section-head h2{font-size:33px}.industrial-page .ball-sourcing-band{flex-direction:column;align-items:start}.industrial-page .ball-sourcing-band h2{font-size:32px}}
@media(max-width:420px){.industrial-diagrams{grid-template-columns:1fr}.industrial-diagrams article{display:grid;grid-template-columns:95px 1fr;gap:0 16px;align-items:start}.industrial-diagrams svg{grid-row:1/3;width:95px;margin-top:10px}.industrial-diagrams h3{margin:0 0 10px;font-size:21px}.industrial-diagrams p{grid-column:2}.industrial-guide-note a{gap:15px}.industrial-page .ball-sourcing-band .button{white-space:normal}}

/* Photo-based measurement guide. Illustrative scenes are identified in the section. */
.industrial-diagrams{grid-template-columns:repeat(2,minmax(0,1fr));gap:36px 28px}
.industrial-diagrams img{display:block;width:100%;height:auto;aspect-ratio:1.6;object-fit:cover;border-radius:4px;border:1px solid #c2cfdd45}
.industrial-diagrams h3{margin-top:20px}
@media(max-width:700px){.industrial-diagrams{grid-template-columns:1fr;gap:32px}.industrial-diagrams article{display:block}.industrial-diagrams img{width:100%;aspect-ratio:1.6}.industrial-diagrams h3{margin:18px 0 10px}.industrial-diagrams p{display:block}}

.industrial-working{background:var(--navy);color:white;padding:70px 0}.industrial-working>.container{display:grid;grid-template-columns:1fr 1fr;gap:85px}.industrial-working p{font-size:16px;line-height:1.8;color:var(--ball-light);max-width:520px}.industrial-working .button-outline{color:var(--ball-light);border-color:var(--ball-light)}.industrial-working dl{margin:0}.industrial-working dl>div{border-top:1px solid #c2cfdd60;padding:22px 0}.industrial-working dt{font:500 23px/1.3 var(--heading);margin-bottom:10px;letter-spacing:-.4px}.industrial-working dd{margin:0;font-size:15px;line-height:1.8;color:var(--ball-light)}.industrial-working a:focus-visible{outline-color:#bed0e8}.balls-material-index .industrial-product-link{display:inline-flex;justify-content:start;gap:14px;font-size:13px;margin-top:8px;text-decoration:underline;text-underline-offset:4px}.industrial-page .page-hero .page-visual img{object-position:center}.industrial-page .industrial-app-grid p{max-width:510px}
@media(max-width:800px){.industrial-working>.container{grid-template-columns:1fr;gap:30px}.industrial-working{padding:48px 0}}@media(max-width:450px){.industrial-working .button{white-space:normal;max-width:100%;gap:15px}.industrial-page .ball-sourcing-band .button{white-space:normal}}
