17 · 09 · 26

A River Keeps Its Volume

Narrow the window, drag either bank, or use [ ]. Focus a bank; arrows move it.

.experience { display: none; } .static-poster { display: grid; grid-template-rows: auto 1fr auto; width: 100%; height: 100svh; overflow: hidden; background: #f1eee4; color: #121210; } .static-poster header, .static-poster footer { display: flex; justify-content: space-between; gap: 1rem; padding: 1rem; font: 0.72rem/1.3 ui-monospace, monospace; letter-spacing: 0.04em; } .static-poster h1 { font: 600 clamp(1rem, 2vw, 1.35rem)/1.05 Georgia, serif; } .static-poster svg { display: block; width: 100%; height: 100%; min-height: 0; } @media (max-width: 600px) { .static-poster header { align-items: flex-start; } .static-poster header p { max-width: 48vw; text-align: right; } }

A River Keeps Its Volume

Enable JavaScript to narrow the valley.