/* Large HQ-inspired planes vary by section instead of repeating a small tile. */
body {
  background: #faf8fc;
}

.header,
.summer-canvas,
.squads.squad-posters,
.history,
.people,
.year-story,
.squad-sheet {
  background-color: var(--section-paper, #f5f0fa);
  background-image: var(--section-pattern, url('assets/brand-facets.svg'));
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}

.header {
  --section-paper: #faf8fc;
  --section-pattern: url('assets/brand-ribbons.svg');
}

.summer-canvas {
  --section-paper: #f3edf9;
}

.squads.squad-posters {
  --section-paper: #edf4fb;
  --section-pattern: url('assets/brand-ribbons.svg');
}

.people {
  --section-paper: #edf6f2;
  --section-pattern: url('assets/brand-slashes.svg');
}

.year-story {
  --section-paper: #eee7f7;
  --section-pattern: url('assets/brand-ribbons.svg');
}

.squad-sheet {
  --section-paper: #f7f4fb;
  --section-pattern: url('assets/brand-ribbons.svg');
}

.people-heading p,
.year-story p,
.summer-copy > p {
  color: #6b5c77;
}

/* A quiet surface behind contained photographs within the coloured gallery. */
.rail-card img,
.rail-card:nth-child(3n+2) img {
  background: #fafcfb;
}

/* The dark invitation uses the poster's broad diagonal planes. */
.join-funnel:after {
  background: url('assets/brand-facets.svg') center / cover no-repeat;
  opacity: .15;
  mask-image: none;
}

/* Silver paper combines fine static grain with broad, soft reflections. */
.history {
  --section-paper: #f4f3f6;
  --section-pattern:
    url('assets/brand-grain.svg'),
    linear-gradient(122deg, #ffffff00 8%, #fff 30%, #ffffff00 48%, #ffffffd9 73%, #ffffff00 92%),
    linear-gradient(155deg, #e3e1e8, #f9f9fa 36%, #e4e2e9 66%, #f9f9fa);
  background-size: 256px 256px, cover, cover;
  background-repeat: repeat, no-repeat, no-repeat;
}