/* A warm sheet of drawing paper around the original artworks. */
:root {
  --canvas: #f2eddf;
  --surface: #f9f6ed;
  --ink: #374238;
  --ink-2: #626c5e;
  --line: #d7d6c7;
  --line-2: #b9c1ac;
  --signal: #326c73;
  color-scheme: light;
}
body { background-color: var(--canvas); }
body:not(.fieldwork-stage) {
  background-image: linear-gradient(#788b690b 1px, transparent 1px), linear-gradient(90deg, #788b690b 1px, transparent 1px);
  background-size: 48px 48px;
  background-position: center 0;
}
a { text-underline-offset: .2em; }
.standalone-header, .standalone-footer {
  max-width: 1400px;
  margin: 0 auto;
  padding: 24px clamp(20px, 4vw, 64px);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
}
.standalone-header { border-bottom: 1px solid var(--line); }
.home-brand { color: var(--ink); font: 20px/1.2 var(--font-editorial); text-decoration: none; }
.home-brand span { display: block; font: 9px/1.6 var(--font-mono); letter-spacing: .11em; text-transform: uppercase; margin-top: 6px; color: var(--ink-2); }
.press-link, .standalone-footer { font: 10px/1.7 var(--font-mono); letter-spacing: .04em; color: var(--ink-2); }
.press-link { padding: 12px 0; text-decoration: none; }
.standalone-footer { padding-top: 28px; padding-bottom: 40px; border-top: 1px solid var(--line); }
.standalone-footer p { margin: 0; }
.standalone-footer a { color: inherit; padding: 10px 0; }
.fieldworks-image { outline: 1px solid #6f7b5f18; box-shadow: 0 8px 30px #53604309; }
.fieldworks-index .living-head { max-width: 780px; }
.fieldwork-bar, .fieldwork-status { background: #f2eddf; color: var(--ink); }
.fieldwork-player { background: var(--canvas); color: var(--ink); }
.fieldwork-about { background: #f9f6ed; }
.fieldwork-about::backdrop { background: #37423840; }
.fieldwork-bar a:focus-visible, .fieldwork-bar button:focus-visible { outline-color: var(--signal); }
@media (max-width: 480px) {
  .standalone-header { padding-block: 18px; }
  .standalone-footer { align-items: flex-start; flex-direction: column; gap: 4px; }
  .press-link { font-size: 9px; }
}