.local-seo {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 80px;
  padding: 100px 7vw;
  color: #fff;
  background: #171717;
}
.local-seo > div > span {
  color: #aaa;
  font-size: 9px;
  letter-spacing: 2px;
}
.local-seo h2 {
  margin: 15px 0;
  font-size: clamp(46px, 5.5vw, 80px);
  line-height: .84;
  letter-spacing: -5px;
}
.local-seo h2 em { color: #c3151c; font-style: normal; }
.local-seo p { max-width: 560px; color: #bbb; font-size: 14px; line-height: 1.8; }
@media (max-width: 1000px) { .local-seo { grid-template-columns: 1fr; } }
@media (max-width: 700px) { .local-seo { gap: 30px; padding: 75px 23px; } .local-seo h2 { font-size: 54px; letter-spacing: -4px; } }

/* The current hosting folder does not expose assets/logo.jpeg. Keep branding
   readable until the original logo file is uploaded to the server. */
.brand img, .footer-brand img { display: none; }
.brand::before {
  content: "C.B.S.K";
  display: grid;
  place-items: center;
  width: 48px;
  height: 48px;
  border: 1px solid #c3151c;
  color: #fff;
  font-size: 9px;
  font-weight: 900;
  letter-spacing: 1px;
}
.footer-brand::before {
  content: "C.B.S.K";
  display: grid;
  place-items: center;
  width: 55px;
  height: 55px;
  border: 1px solid #c3151c;
  color: #fff;
  font-size: 10px;
  font-weight: 900;
  letter-spacing: 1px;
}
@media (max-width: 700px) { .brand::before { width: 42px; height: 42px; font-size: 8px; } }