.session-pattern {
  position: absolute;
  inset: 0;
  overflow: hidden;
  pointer-events: none;
}
.session-pattern svg { position: absolute; height: 100%; width: 16%; max-width: 220px; }
.session-pattern-left { left: 0; }
.session-pattern-right { right: 0; }
.pattern-paper { fill: var(--color-paper); fill-opacity: .72; }
.pattern-ink { fill: var(--color-ink); }
.pattern-accent { fill: var(--color-accent); }
.pattern-rule { stroke: var(--color-ink); stroke-width: 1.5; }
.pattern-rule-paper { stroke: var(--color-paper); }
@media (max-width:767px) {
  .session-pattern svg { width: 140px; height: 460px; top: -72px; opacity: .32; }
  .session-pattern-left { left: -116px; }
  .session-pattern-right { right: -116px; }
}