/* Restrained texture treatment for broad cream-colored content areas. */
:root {
  --ofs-linen-texture: linear-gradient(rgba(247, 243, 236, .72), rgba(247, 243, 236, .72)),
    url("brand/assets/textures/web/linen.webp");
  --ofs-paper-texture: linear-gradient(rgba(247, 243, 236, .80), rgba(247, 243, 236, .80)),
    url("brand/assets/textures/web/paper.webp");
}

/* Linen gives the largest brand/story sections a warm, tailored surface. */
.services-section,
.philosophy-section,
.team-section,
.partners-section,
.timeline-section {
  background-color: #f7f3ec;
  background-image: var(--ofs-linen-texture);
  background-repeat: repeat;
  background-size: auto, 720px auto;
}

/* Paper is quieter and helps secondary cream bands feel distinct. */
.community-section,
.cta-section,
.section-alt {
  background-color: #f6f2ee;
  background-image: var(--ofs-paper-texture);
  background-repeat: repeat;
  background-size: auto, 900px auto;
}

/* Client Links uses the more tailored linen treatment requested for its cream band. */
.client-links-page {
  background-color: #f7f3ec;
  background-image: url("brand/assets/textures/web/linen.webp");
  background-repeat: repeat;
  background-size: 720px auto;
}

.client-links-page .section-alt {
  background-color: #f7f3ec;
  background-image: url("brand/assets/textures/web/linen.webp");
  background-size: 720px auto;
}