RKT-DOC-C · Colophon · Last revised 14 March 2026

How this site is built.

Marie wrote the words. The site is hand-coded HTML and CSS — no framework, no JavaScript, no analytics, no third-party trackers. Served from Cloudflare Workers Static Assets at the edge. Inline-SVG diagrams drawn in Inkscape; photographic stand-ins are seeded Picsum URLs in this demo build (real photographs from our jobs replace them in production).

Type

Display & body: Bricolage Grotesque by Mathieu Triay (variable, OFL).
Editorial captions, plate labels, pull quotes: Roboto Slab by Christian Robertson, refresh by Roberto Calace (variable, OFL).
Codes, specifications, table data: Recursive Mono (Linear, Static) by Stephen Nixon / Arrow Type (variable, OFL).
Type-system tokens (sizes, line-heights, spacing) live as CSS custom properties in a single :root block in styles.css.

Color

The palette is six anchors, each named in the stylesheet's custom-property block:

Bone #F4EFE4 — paper canvas, dominant background
Cyanotype #1B3A5C — Prussian blueprint blue, dominant accent
Copper #5E8A78 — oxidized service-line patina, secondary accent
Brick #B5462A — Buffalo industrial clay, warning/danger
Iron #1A1814 — cast-iron type color
Amber #E89A2C — sodium-vapor utility marking, focus rings

Color choice was made to be readable at WCAG AA on all body text. The cyanotype-on-bone combination tested at 8.4:1 contrast ratio. The cast-iron-on-bone combination tested at 13.2:1. The CTA cyanotype-fill with bone text tested at 9.7:1.

Layout

CSS Grid + Flexbox throughout. No floats. No frameworks.
Container max width 1440 px; body column 68ch inside the wider canvas at desktop.
Fluid typography via clamp(); the display heading scales from 2.4 rem at 320 px to 5.4 rem at 1920 px.
Detail pages use a sticky-rail two-column layout that collapses to single-column at < 980 px.
Container queries used on cards that appear in both 2-up and 4-up grids.

Stack & deployment

Hosting: Cloudflare Workers Static Assets, on the ampifex.xyz zone, custom-domain route plumbing-trenchless-buffalo.ampifex.xyz.
Build: none. Static HTML + CSS, deployed verbatim by wrangler deploy.
404: custom 404.html served via not_found_handling: "404-page".
SEO: per-page <title> + meta description, canonical, Open Graph, Twitter Card; sitemap.xml + robots.txt; JSON-LD LocalBusiness on home, Article on dossiers, Person on crew bios, Service on method pages.
Privacy: no third-party scripts, no cookies, no trackers. See Privacy practice.

Accessibility

Skip-to-content link as the first focusable element on every page.
Semantic landmarks: <header> <nav> <main> <footer> on every page; <article> for dossiers and method pages; <figure><figcaption> for photographic content.
:focus-visible styles distinct from default focus, in amber for keyboard users.
prefers-reduced-motion respected; non-essential transitions are disabled.
Form fields all have labels and autocomplete tokens.
Tested with VoiceOver on macOS and NVDA on Windows.

Errata

Corrections published as we make them, dated:

2026-03-14 — Initial publication. No prior errata.

Acknowledgments

We thank the Buffalo Sewer Authority's Compliance and Inspection division for supplying the 1934 lateral consolidation map digitization. We thank the Buffalo History Museum for access to the 1908 BSA tap-card register. We thank the Buffalo & Erie County Public Library system, particularly the North Park branch, for the bound volumes of the Buffalo Common Council Annual Reports that we cite throughout. We thank the customers who agreed to publication of the dossiers in the Casebook.

Contact for the site itself

If you find a typo, a broken link, or a factual error, please write to dispatch@reuterknapp.example with the page URL and the correction. Marie reads every one of these. Errata are dated and posted above.