/* Readability refinements; loaded after the original theme and collection shell. */
.text,
footer .text {
  color: #595550;
}
.contact-section .form-control::placeholder {
  color: #625e59;
  opacity: 1;
}

/* Keep the red identity, with a deeper small-text accent on the hero photo. */
.banner-section .velora-kicker {
  color: #751c16;
}

/* The mobile photo uses contain: its uncovered area needs a dark base too. */
.about-section .row-4 {
  background-color: #292724;
}
.about-section .row-4::before {
  background: linear-gradient(90deg, rgba(28,25,23,.68) 0%, rgba(28,25,23,.48) 44%, rgba(28,25,23,.06) 80%);
}
.velora-stat span {
  color: #fff;
}

/* Place the scrim below the copy, fading away above the caption area. */
.velora-mat-grid article:not(.is-large)::after {
  background: linear-gradient(to top, rgba(28,25,23,.76), rgba(28,25,23,0) 78%);
}
.velora-mat-grid .copy {
  z-index: 2;
  background: linear-gradient(to top, rgba(28,25,23,.85) 0%, rgba(28,25,23,.66) 62%, rgba(28,25,23,0) 100%);
}
.velora-mat-grid .copy p {
  color: #fff;
}
.cbp-l-grid-mosaic .cbp-caption-activeWrap {
  background: rgba(126,25,18,.92);
}

@media (max-width: 991px) {
  .banner-section::after {
    background: linear-gradient(180deg, rgba(244,243,241,.55) 0%, rgba(244,243,241,.86) 26%, rgba(244,243,241,.9) 58%, rgba(244,243,241,.94) 100%);
  }
  .about-section .row-4::before {
    background: linear-gradient(180deg, rgba(28,25,23,.06), rgba(28,25,23,.5) 65%);
  }
}