/* Shared Design DNA: the About page's continuous, quiet graph paper. */
:root{
 --paper-sheet:#f3f0e7;
 --paper-grid-line:#81755d0e;
 --paper-grid-size:20px;
 --paper-texture:url('/assets/about/continuous-paper.svg');
 --paper-layers:linear-gradient(var(--paper-grid-line) 1px,transparent 1px),linear-gradient(90deg,var(--paper-grid-line) 1px,transparent 1px),var(--paper-texture);
}

/* Preview and process surfaces share a material, without changing their layout. */
.bm-work-preview,
.amtrak-cinematic .appendix-research-board,
.bm-case .bm-insight,
body #experiments.canvas-section{
 position:relative;
 isolation:isolate;
 background:var(--paper-sheet);
}

.about-story-page #about-story::before,
.bm-work-preview::before,
.amtrak-cinematic .appendix-research-board::before,
.bm-case .bm-insight::before,
body #experiments.canvas-section::before,
.signature-footer::before{
 content:'';
 position:absolute;
 inset:0;
 z-index:-1;
 border-radius:inherit;
 background-image:var(--paper-layers);
 background-size:var(--paper-grid-size) var(--paper-grid-size),var(--paper-grid-size) var(--paper-grid-size),100% auto;
 background-position:0 0;
 background-repeat:repeat,repeat,repeat-y;
 mix-blend-mode:multiply;
 opacity:.82;
 pointer-events:none;
}

.bm-case .bm-partnership-steps li:last-child{
 background:#fffcf5;
 border-color:#62352180;
}

/* A quieter sheet leaves the signature and visitor's ink in the foreground. */
body .portfolio-contact-footer.signature-footer{--footer-paper:var(--paper-sheet)}
.signature-footer::before{opacity:.42}