/**
 * The demonstration deck's own skin: not Workhorse.
 *
 * The Mise pitch is an example of a STUDENT's deck, so it must not wear the
 * studio's identity. A student who copies the form should not also copy a
 * brand. This sheet loads after deck.css and strips it back: one neutral
 * grotesque at every size, black on white, hairlines, a strict left margin,
 * and no colour at all. Swiss in the arrangement, anonymous in the voice.
 *
 * It overrides only what carries identity. Every layout, grid and slide
 * register in deck.css is left alone.
 */

:root {
  /* No brand colour. Every highlight deck.css paints with --yellow becomes a
     pale grey field, which on white reads as emphasis and on black as a tint. */
  --yellow: #E6E4DF;
  --ink: #111111;
  --paper: #FFFFFF;
  --gray: #6E6E6E;
  --hair: 1px solid rgba(17,17,17,0.22);
}

/* One family, every element, every size. The Garamond display face is what
   makes a deck read as the studio's, so --display is retired here and the
   grotesque runs the whole deck, headline to footbar. The blanket is
   deliberate: deck.css names the faces in about forty rules and overriding
   them one at a time is how a skin drifts out of sync with the sheet under it. */
:root { --display: 'Maison Neue', 'Helvetica Neue', Arial, sans-serif; }
body, #stage, #stage *, .notes, .deck-counter, .ov-cell, .ov-cell * {
  font-family: 'Maison Neue', 'Helvetica Neue', Arial, sans-serif !important;
}
/* The mono register survives: it is a size and a spacing, not an identity. */
.mono, .footbar, .cover-meta, .lbl, .pill, .yr, .quad .ax, .thumbs .th .from, .rows .here {
  font-family: 'Maison Neue Mono', ui-monospace, monospace !important;
}

/* Headlines lose the display face, so they hold their own line spacing and
   drop the borrowed weight: one grotesque, two weights, nothing else. */
h1, h2, h3, h4, .big, .headline, .hmw, .who, .serif {
  font-weight: 500 !important;
  letter-spacing: -0.015em;
}
.big { line-height: 1.08; }
.cover-head h1 { line-height: 1.12; }
.s-white .headline { line-height: 1.18; }
.footbar { font-size: 12px; }

/* Emphasis is weight, never colour. */
.accent { color: var(--gray); }
.manifesto-tags b, .s-quote .attr b, .tl-foot b { color: inherit; font-weight: 500; }

/* The cover and the section dividers lose the brand field. White ground,
   one hairline, everything hanging off the same left margin. */
.s-yellow { background: var(--paper); }
.s-yellow .big { font-weight: 400; }
.pill {
  background: transparent; color: var(--ink);
  border: var(--hair); border-radius: 0; padding: 8px 22px;
}

/* Marks that were yellow discs or bars become outlines and rules: the Swiss
   move is a line, not a fill. */
.procgrid .dot {
  background: transparent; color: var(--ink);
  border: 1px solid var(--ink); border-radius: 0;
  width: 46px; height: 46px; font-size: 13px;
}
.s-dark .procgrid .dot { border-color: rgba(255,255,255,0.7); color: #fff; }
.s-timeline .tick .yr { color: rgba(255,255,255,0.75); }
.s-timeline .tick.here::before { background: #fff; box-shadow: 0 0 0 6px rgba(255,255,255,0.18); }
.art .dots i.on { background: var(--ink); }
.rail .est .y, .rail .lbl { color: rgba(255,255,255,0.8); }
.deck-counter .clock { color: rgba(255,255,255,0.8); }
.ov-cell .ov-meta .n { color: rgba(255,255,255,0.8); }
.ov-cell:hover .ov-thumb, .ov-cell.here .ov-thumb { outline-color: rgba(255,255,255,0.8); }

/* Filled states. With the brand colour gone, a pale field no longer separates
   from the pale fields around it, so the marked one inverts instead. */
.quad .cell.on, .tiles .t.on, .pyramid .tier.on, .funnel .band.on, .pages .pg .sec.on {
  background: var(--ink); color: var(--paper);
}
.quad .cell.on h5, .quad .cell.on p, .quad .cell.on ul, .quad .cell.on b,
.tiles .t.on *, .pyramid .tier.on *, .funnel .band.on *, .pages .pg .sec.on * { color: var(--paper); }
.quad .cell.on .lbl { color: rgba(255,255,255,0.45); }
.quad .cell.on ul li::before { color: rgba(255,255,255,0.6); }
.rows .here, .madlib .form em, .thumbs .th .from {
  background: var(--yellow); color: var(--ink); letter-spacing: 0.06em;
}
.thumbs .th.new .from { background: var(--ink); color: var(--paper); }
.strip .bar i.d { background: var(--ink); color: var(--paper); }
.s-white .headline .accent { color: var(--gray); }

/* Links: a rule under the word, no colour. */
a.src, .attr a.src, .rail a.src, .madlib .turn a.src {
  text-decoration-color: rgba(17,17,17,0.4);
}
.s-dark a.src, .attr a.src, .rail a.src { text-decoration-color: rgba(255,255,255,0.45); }
.attr a.src:hover, .rail a.src:hover, a.src:hover { color: inherit; opacity: 1; }

/* The progress hairline at the foot of the stage. */
#deck-progress > * , .deck-progress > * { background: var(--ink) !important; }

/* The invented stamp stays legible and stops competing with the setting. */
body[data-draft]::after {
  font-size: 15vw; font-weight: 400; letter-spacing: 0.22em;
  color: #9A9A9A; opacity: 0.1;
}

/* The full stop after a headline is the only mark of emphasis left, so it has
   to survive its own slide's ground. */
.s-dark .accent, .s-quote .accent, .s-full .accent, .s-timeline .accent { color: rgba(255,255,255,0.55); }