/* Restoration overrides
 *
 * screen.css is byte-identical to the 2011 archive and stays that way, so every
 * deviation from the original lives in this file and nowhere else.
 *
 * Loaded after the inline <style> block in index.html — that ordering is what
 * lets the background-size rule below take effect at all.
 */


/* 1. Background — bit rot, not an original mistake
 *
 * screen.css sets background-size: cover on body. index.html then sets the
 * `background` shorthand, which under CSS3 resets background-size back to auto.
 * In 2011 that shorthand was CSS2.1 and did not include background-size, so
 * cover survived and the page filled correctly.
 *
 * Same bytes, different rendering. Invisible below a 1500px viewport; above it
 * bg3 (square, 1500x1500) stops covering and the page shows bare edges.
 */

body {
  background-size: cover; }


/* 2. Container width — an original gap
 *
 * The original never capped .container, so the layout kept growing with the
 * viewport: at 2560 the wordmark and transport sat 2460px apart, with the
 * oscilloscope stretched the full width between them.
 *
 * Container width is viewport minus the two 50px gutters, so a 1400px cap stops
 * the layout growing at a 1500px viewport — exactly bg3's native width, beyond
 * which the artwork would only be upscaled. Below that it is untouched.
 *
 * Width-based rather than padding-based on purpose: the absolutely positioned
 * children (.purchase left: 0, .tracklist right: 0, .duration right: -6px)
 * resolve against the container's padding box, so padding would not inset them.
 */

.container {
  margin: 0 auto;
  max-width: 1400px;
  width: calc(100% - 100px); }


/* 3. Typeface — licensing, not design
 *
 * screen.css declares @font-face { font-family: GillSans; src: url("GillSans.otf") }
 * and sets it on body. That OTF is Gill Sans Std, (c) Adobe / Monotype, usWeightClass
 * 400 — a desktop licence, which does not cover serving the file from a public host.
 *
 * Replaced with Gill Sans Nova via the Adobe Fonts kit linked in index.html, which
 * is licensed for web use. The kit provides a single face at weight 400, matching
 * the original exactly: the only font-weight declared anywhere in screen.css is
 * `normal` on .title/.duration, and the two bold spots (.purchase h2 and the
 * .bigger link inside it, both inheriting the UA default) were already synthesised
 * faux bold in 2011 because no bold face existed. That behaviour is preserved.
 *
 * Overriding font-family here also means nothing references the GillSans family
 * any more, so the browser never requests the original OTF.
 */

body {
  font-family: "gill-sans-nova", sans-serif; }


/* .tour and .site are deliberately left alone. They sit on body rather than
 * inside .container and pin to the viewport's bottom corners, which is how the
 * original treated them — page chrome rather than part of the player.
 */