.balls-promise{background:#edf4f6;border-bottom:1px solid var(--border)}.balls-promise>.container{display:flex;align-items:center;gap:24px;justify-content:space-between;padding-top:24px;padding-bottom:24px;font-size:11px}.balls-promise strong{font-family:var(--heading);font-weight:500;font-size:16px}.balls-promise span{color:var(--muted)}.balls-promise a{color:var(--accent);white-space:nowrap}.ball-type-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.ball-type-card{border:1px solid var(--border);border-radius:var(--radius);padding:0;overflow:hidden;display:flex;flex-direction:column}.ball-type-photo{display:block;width:100%;height:auto;aspect-ratio:3/1;object-fit:cover;background:var(--navy);flex:none}.ball-type-copy{padding:26px 22px;display:flex;flex-direction:column;flex:1}.ball-type-copy>.eyebrow{font-size:8px;letter-spacing:1px;margin-bottom:22px}.ball-type-card h3{font-size:24px;letter-spacing:-.7px;line-height:1.2}.ball-type-copy>p{font-size:12px;color:var(--muted);line-height:1.7}.ball-type-card small{display:block;font-size:9px;color:var(--accent);line-height:1.7;margin:6px 0 22px}.ball-type-card .text-link{font-size:10px;gap:10px;margin-top:auto;padding-top:16px;border-top:1px solid var(--border)}.ball-material-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.ball-material-card{padding:23px;background:#fff;border:1px solid var(--border);border-radius:var(--radius);display:flex;flex-direction:column}.ball-material-card .eyebrow{font-size:7px;letter-spacing:1.4px;margin-bottom:12px}.ball-material-card h3{font-size:21px;line-height:1.2;letter-spacing:-.4px}.ball-material-card>p:not(.eyebrow){font-size:11px;line-height:1.7;color:var(--muted);margin-bottom:19px}.ball-material-card .text-link{font-size:10px;gap:12px;margin-top:auto;line-height:1.6}.ball-specialty{display:flex;align-items:center;justify-content:space-between;gap:35px;padding-top:30px;margin-top:30px;border-top:1px solid var(--border)}.ball-specialty h3{font-size:23px}.ball-specialty p{font-size:12px;line-height:1.7;color:var(--muted);max-width:660px;margin:0}.ball-specialty .button{flex-shrink:0}.ball-spec-layout{display:grid;grid-template-columns:1fr 1fr;gap:85px;align-items:start}.ball-spec-layout h2{font-size:35px}.ball-availability{font-size:12px;color:var(--muted);line-height:1.8;max-width:490px;margin-bottom:27px}.ball-spec-list article{display:flex;gap:22px;border-top:1px solid var(--border);padding:21px 0}.ball-spec-list article>span{font-size:10px;color:var(--accent);padding-top:6px}.ball-spec-list h3{font-size:19px;line-height:1.35;margin-bottom:9px}.ball-spec-list p{font-size:12px;color:var(--muted);line-height:1.7;margin:0}.ball-application-band{background:var(--navy);color:#fff;padding:50px 0}.ball-application-band .eyebrow{color:#bed0e8}.ball-application-band h2{font-size:35px}.ball-application-band .container>div{display:flex;gap:10px;flex-wrap:wrap;margin-top:25px}.ball-application-band .container>div span{border:1px solid #ffffff30;border-radius:30px;padding:9px 15px;color:#c2d5e1;font-size:11px}.ball-request-layout{display:grid;grid-template-columns:.85fr 1.15fr;gap:85px;align-items:start}.ball-request-layout aside h2{font-size:35px}.ball-request-layout aside .section-intro{font-size:13px}.ball-request-layout .checklist{margin:25px 0}.ball-request-layout .checklist li{font-size:12px}.ball-request-layout aside>p:last-child{font-size:12px;color:var(--accent);margin-top:14px}.ball-request-layout .form-card h2{font-size:29px}.ball-request-layout form label{font-size:11px}.ball-request-layout #balls-result{border-top:1px solid var(--border);margin-top:26px;padding-top:25px}.ball-request-layout #balls-result h3{font-size:21px}.ball-request-layout #balls-copy-status{font-size:11px;color:var(--muted)}body:has(#balls-form) .page-hero .page-visual img{height:100%;min-height:350px;max-height:450px;object-fit:cover;object-position:100% center}body:has(#balls-form) .page-hero h1{font-size:51px}body:has(#balls-form) .page-hero .lead{font-size:14px}
@media(max-width:1100px){.ball-type-grid,.ball-material-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ball-spec-layout,.ball-request-layout{gap:45px}.balls-promise>.container{flex-wrap:wrap;gap:12px 25px}.balls-promise span{flex:1}body:has(#balls-form) .page-hero h1{font-size:44px}}
@media(max-width:700px){.ball-spec-layout,.ball-request-layout{grid-template-columns:1fr;gap:35px}.ball-specialty{align-items:start;flex-direction:column;gap:22px}.ball-spec-layout h2,.ball-request-layout aside h2,.ball-application-band h2{font-size:31px}.balls-promise>.container{display:block}.balls-promise span,.balls-promise a{display:block;margin-top:10px}.ball-type-copy{padding:22px 18px}.ball-type-card h3{font-size:22px}.ball-material-card{padding:20px}.ball-material-card h3{font-size:20px}body:has(#balls-form) .page-hero .page-visual img{min-height:250px;max-height:330px}body:has(#balls-form) .page-hero h1{font-size:40px}.ball-request-layout .form-row{grid-template-columns:1fr}}
@media(max-width:450px){.ball-type-grid,.ball-material-grid{grid-template-columns:1fr}.ball-type-copy>.eyebrow{margin-bottom:13px}.ball-type-card h3{font-size:25px}.ball-material-card h3{font-size:23px}.ball-type-card .text-link,.ball-material-card .text-link{font-size:11px}.ball-application-band .container>div span{font-size:10px}}

/* Ball category pages. */
.ball-application-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.ball-application-grid>article{border:1px solid var(--border);border-radius:var(--radius);padding:24px;display:flex;flex-direction:column}
.ball-application-grid .eyebrow{font-size:8px;margin-bottom:13px}
.ball-application-grid h3{font-size:22px;line-height:1.25;letter-spacing:-.5px}
.ball-application-grid p{font-size:12px;line-height:1.7;color:var(--muted)}
.ball-application-grid .text-link{margin-top:auto;font-size:10px;gap:14px;padding-top:10px}
.detail-materials{grid-template-columns:repeat(3,minmax(0,1fr))}
.ball-catalog-link{font-size:10px;color:var(--accent);padding-top:10px}
.ball-specialty-list{margin-top:25px;display:grid;gap:10px}
.ball-specialty-list details,.ball-faq-grid details{border:1px solid var(--border);border-radius:var(--radius);padding:18px 21px;background:#fff}
.ball-specialty-list summary,.ball-faq-grid summary{font:500 16px/1.5 var(--heading);display:flex;justify-content:space-between;gap:18px;list-style:none;cursor:pointer}
.ball-specialty-list summary span,.ball-faq-grid summary span{color:var(--accent)}
.ball-specialty-list p,.ball-faq-grid p{font-size:12px;line-height:1.8;color:var(--muted);margin:15px 0 0}
.ball-faq-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px;align-items:start}
.ball-sourcing-band{display:flex;align-items:center;justify-content:space-between;gap:45px}
.ball-sourcing-band h2{margin-bottom:18px}
.ball-sourcing-band p:not(.eyebrow){max-width:680px;font-size:13px;line-height:1.8;color:#b8cedc;margin:0}
.ball-sourcing-band>.button{flex-shrink:0}
.ball-sourcing-note{font:500 20px/1.4 var(--heading);margin:25px 0;color:var(--ink)}
@media(max-width:900px){.ball-application-grid,.detail-materials{grid-template-columns:repeat(2,minmax(0,1fr))}.ball-sourcing-band{gap:30px}}
@media(max-width:640px){.ball-application-grid,.detail-materials,.ball-faq-grid{grid-template-columns:1fr}.ball-sourcing-band{align-items:start;flex-direction:column}.ball-application-grid>article{padding:22px}.ball-application-grid h3{font-size:23px}.ball-specialty-list summary,.ball-faq-grid summary{font-size:16px}}

body:has(#balls-form) .page-hero .page-visual img[src$="balls-and-media-centered.webp"]{object-position:center center}