/* Batch 6: About and the four exhibition pages (tracker ABT-01, ABT-02, NG-01, NG-02, MON-01, MON-02, WOS-01, WOS-02, AOM-01).
   Loaded last on those five pages. */
html[data-theme] body { --e-ink: #000; --e-soft: #3d3d3d; --e-line: #d9d9d9; }
html[data-theme="dark"] body { --e-ink: #fff; --e-soft: #cfcfcf; --e-line: #2a2a2a; }

/* ---------- ABT-01, ABT-02: About reads at full strength ---------- */
html[data-theme] .about .read p { color: var(--e-ink); }
html[data-theme] .about .cv dd span { color: var(--e-soft); opacity: 1; font-size: 16px; line-height: 1.5; }
html[data-theme] .about .cv dt { color: var(--e-ink); font-variant-numeric: tabular-nums; }
html[data-theme] .about .cv dd { color: var(--e-ink); }
html[data-theme] .about .enq p { color: var(--e-ink); }

/* ---------- NG-01: names and credits at a readable size ---------- */
html[data-theme] body main :is(.closing-reflection footer, .xp-said footer, .tina-extract footer) {
  font-family: Arial, Helvetica, sans-serif !important; font-size: 14px !important; line-height: 1.4 !important;
  letter-spacing: .12em !important; text-transform: uppercase; color: var(--e-soft); margin-top: 22px;
}
html[data-theme] body main .ng-title .where { font-size: clamp(18px, 1.4vw, 22px) !important; color: var(--e-ink); }
html[data-theme] body main .ng-film-credit { font-size: 15px !important; color: var(--e-soft); }

/* ---------- NG-02 (and the same on every exhibition page): previous / next as clear links ---------- */
main nav.xp-next { display: flex; justify-content: space-between; align-items: end; gap: 24px; flex-wrap: wrap; border-top: 1px solid var(--e-line); padding: clamp(40px, 6vw, 80px) clamp(16px, 5vw, 88px); margin: clamp(40px, 6vw, 90px) 0 0; max-width: none; }
main nav.xp-next a { border: 0 !important; padding: 0 !important; background: none !important; text-decoration: none; color: var(--e-ink); max-width: 48%; }
main nav.xp-next a:first-child { font: 15px/1.3 Arial, Helvetica, sans-serif; border-bottom: 1px solid currentColor !important; padding-bottom: 3px !important; }
main nav.xp-next a:last-child { text-align: right; font: 400 clamp(28px, 3.6vw, 56px)/1 Williwaw, Georgia, serif; letter-spacing: -.03em; }
main nav.xp-next a:last-child::before { content: 'Next exhibition'; display: block; margin-bottom: 10px; font: 12px/1.4 Arial, Helvetica, sans-serif; letter-spacing: .14em; text-transform: uppercase; color: var(--e-soft); }
@media (max-width: 700px) { main nav.xp-next a { max-width: 100%; } main nav.xp-next a:last-child { text-align: left; } }

/* ---------- MON-01: the testimonial at a reading size, attribution clear ---------- */
html[data-theme] body.moniker-page main .piece .tina-extract, html[data-theme] body.moniker-page main .piece .tina-extract p {
  font-size: clamp(22px, 2vw, 32px) !important; line-height: 1.42 !important; letter-spacing: -.01em !important; color: var(--e-ink);
}
body.moniker-page .piece .col { max-width: 36em; margin-inline: auto; }
body.moniker-page .tina-extract p + p { margin-top: .9em; }

/* ---------- MON-02: the 2019 photographs whole, in even rows ---------- */
body.moniker-page main .moniker-gallery { display: flex; align-items: flex-start; flex-wrap: wrap; gap: clamp(8px, 1vw, 14px); padding: 0 clamp(16px, 5vw, 88px); }
body.moniker-page main .moniker-gallery figure { margin: 0 !important; flex: var(--a, 1.5) 1 calc(var(--a, 1.5) * clamp(200px, 22vw, 340px)); width: auto !important; max-width: none !important; grid-column: auto !important; position: relative; height: auto !important; max-height: none !important; aspect-ratio: auto !important; background: none !important; }
body.moniker-page main .moniker-gallery figure img { display: block; width: 100% !important; height: auto !important; aspect-ratio: var(--a, 1.5); object-fit: cover; }

/* ---------- WOS-01: the works in the exhibition at a size you can see ---------- */
body.fairhurst-page .cat .grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: clamp(36px, 4vw, 64px) clamp(20px, 3vw, 48px); max-width: 1240px; margin-inline: auto; align-items: start; }
body.fairhurst-page .cat .w { width: auto !important; max-width: none !important; margin: 0 !important; }
body.fairhurst-page .cat .w img { width: 100% !important; height: auto !important; max-height: none !important; }
html[data-theme] body.fairhurst-page main .cat .w figcaption { font-size: 15px !important; line-height: 1.5 !important; color: var(--e-ink); margin-top: 12px; }
body.fairhurst-page .cat .w figcaption i { display: block; font: italic 20px/1.3 Williwaw, Georgia, serif; margin-bottom: 4px; }
body.fairhurst-page .cat .w figcaption span { color: var(--e-soft); }
@media (max-width: 900px) { body.fairhurst-page .cat .grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 560px) { body.fairhurst-page .cat .grid { grid-template-columns: 1fr; } }

/* ---------- WOS-02: one rhythm between the sections ---------- */
body.fairhurst-page main > :is(.fh-top, section) { margin-top: 0 !important; margin-bottom: 0 !important; padding-top: clamp(56px, 7vw, 110px) !important; padding-bottom: 0 !important; }
body.fairhurst-page main > .fh-top { padding-top: clamp(40px, 6vw, 90px) !important; }
body.fairhurst-page main > section.room { padding-bottom: clamp(56px, 7vw, 110px) !important; margin-top: clamp(56px, 7vw, 110px) !important; }
body.fairhurst-page main > section.room + section { padding-top: clamp(56px, 7vw, 110px) !important; }

/* ---------- AOM-01: a readable introduction; small photographs never stretched past their size ---------- */
html[data-theme] body main .aom-story { font-size: var(--type-lede, 24px) !important; line-height: 1.5 !important; color: var(--e-ink); max-width: 34em; }
body.art-mind-page .aom-forum-wide { max-width: 960px; margin-inline: auto; }
body.art-mind-page .aom-forum-wide img { width: 100%; height: auto; }
body.art-mind-page .aom-documentation { max-width: 1240px; margin-inline: auto; }