/* BrickByte page refinements, scoped separately from the shared app styles. */
.app-home.bb .app-section { padding-top: 65.6px; padding-bottom: 19.2px; }
.app-home.bb .app-section-head { max-width: 800px; margin-inline: auto; text-align: center; }
.app-home.bb .app-section-head .section-tag { justify-content: center; }
.app-home.bb .app-section-head h2 { max-width: 27ch; margin-inline: auto; font-size: clamp(28px, 3.2vw, 38px); line-height: 1.18; text-wrap: balance; }
.app-home.bb .app-contact .app-mini-label { font-size: clamp(18px, 1.6vw, 22px); letter-spacing: .14em; background: var(--h1-grad); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
@media (max-width: 480px) {
  .app-home.bb .app-section { padding-top: 51.2px; }
}

.app-home.bb .app-section-head h2 {
  background: var(--h1-grad);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: var(--accent);
}
.app-home.bb .app-proof-strip .app-index {
  font-size: 34px;
  line-height: .9;
  margin-bottom: 16px;
}