/* Springsan sections 02 + 03 V1.1 — Brand Introduction, design reference.
   Bootstrap 5 container/columns retained. No global, Header or Banner changes. */
.spr-site .spr-brand-intro {
  --spr-home-about-accent: #479ee3;
  background: #fff;
  padding: clamp(2.75rem, 4.49vw, 4.4rem) 0 clamp(2.8rem, 4.25vw, 4.25rem);
}
.spr-site .spr-brand-intro__body {
  min-width: 0;
  margin-inline: auto;
  text-align: center; /* Explicit: also works if a legacy rule overrides Bootstrap .text-center */
}
.spr-site .spr-brand-intro__title {
  display: block;
  color: #151515;
  font: 650 clamp(1.7rem, 2.1vw, 2.1rem)/1.26 var(--spr-font, Arial, sans-serif);
  letter-spacing: -.023em;
  margin: 0 auto 1rem;
  text-align: center;
}
.spr-site .spr-brand-intro__name { color: var(--spr-home-about-accent, #479ee3); }
.spr-site .spr-brand-intro__description {
  color: #747474;
  width: 100%;
  max-width: 55rem;
  font: 400 clamp(.89rem, 1vw, 1rem)/1.62 var(--spr-font, Arial, sans-serif);
  margin: 0 auto;
  text-align: center;
  text-wrap: pretty;
}
@media(max-width:767.98px){
 .spr-site .spr-brand-intro { padding: 2.8rem 0 3rem; }
 .spr-site .spr-brand-intro__title { font-size: clamp(1.45rem, 5vw, 1.85rem); }
}
@media(max-width:575.98px){
 .spr-site .spr-brand-intro__title { max-width: 24ch; }
 .spr-site .spr-brand-intro__description { max-width: 37ch; font-size: .875rem; line-height: 1.75; }
}
