.ball-hero h1{font-size:clamp(36px,3.8vw,50px)}
.ball-hero .garden-hero-photo img{height:auto;aspect-ratio:4/3;object-fit:contain}
.ball-reference-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.ball-reference-grid figure{margin:0;border:1px solid #cbd3ce;border-radius:5px;overflow:hidden;background:#fff}
.ball-reference-grid img{width:100%;height:auto;aspect-ratio:4/3;object-fit:contain}
.ball-reference-grid figcaption{padding:20px 24px;color:#4c5751;font-size:13px}
.ball-reference-grid figcaption strong{display:block;color:var(--ink);font-size:17px;margin-bottom:7px}
.ball-project-details{display:grid;grid-template-columns:1.2fr 1fr;gap:60px;margin-top:34px}
.ball-project-details h3{font-size:23px;line-height:1.3}
.ball-project-details p{font-size:14px;color:#4c5751;margin:15px 0 20px}
.ball-project-details .text-link{font-size:13px}
.ball-project-details dl{margin:0}
.ball-project-details dl>div{display:flex;justify-content:space-between;gap:20px;padding:15px 0;border-bottom:1px solid #cbd3ce;font-size:14px}
.ball-project-details dl>div:first-child{border-top:1px solid #cbd3ce}
.ball-project-details dt{font-weight:600}
.ball-project-details dd{margin:0;white-space:nowrap;color:#4c5751}
.ball-reference-note{color:var(--muted);font-size:12px;margin-top:25px}
.ball-access-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.ball-access-grid article{padding:26px;border:1px solid #cbd3ce;border-radius:5px;background:#f0f3f1}
.ball-access-grid h3{font-size:23px;line-height:1.3}
.ball-access-grid p{margin-top:16px;font-size:14px;color:#4c5751}
.planning-help .ball-checklist{margin-top:22px}
@media(max-width:1000px){.ball-project-details{gap:30px}.ball-access-grid{gap:16px}.ball-access-grid article{padding:22px}.ball-access-grid h3{font-size:20px}}
@media(max-width:760px){.ball-hero h1{font-size:40px}.ball-project-details{grid-template-columns:1fr;gap:25px}.ball-access-grid{grid-template-columns:1fr}.ball-reference-grid{gap:18px}.ball-reference-grid figcaption{padding:18px}}
@media(max-width:480px){.ball-hero h1{font-size:36px}.ball-reference-grid{grid-template-columns:1fr;gap:22px}.ball-project-details dl>div{font-size:13px;gap:12px}}