/* =========================================================
   A1 Joinery Studio — print brochure (A4 portrait, 8 pages)
   ---------------------------------------------------------
   Same brand tokens as the website; print-first layout.
   ========================================================= */

:root {
  --obsidian:   #0a0a0a;
  --void:       #111110;
  --charcoal:   #1a1816;
  --hairline:   #222220;
  --brass:      #c9a96e;
  --brass-dim:  #9a8455;
  --brass-deep: #8a7448;
  --linen:      #f0ebe2;
  --linen-soft: #e8e2d9;
  --linen-bg:   #f0ebe2;
  --linen-bg-2: #e6dfd2;
  --linen-line: #cfc6b3;
  --linen-line-2: #ddd3c1;
  --linen-ink:  #0d0c0a;
  --linen-body: #4a443c;
  --linen-mute: #807868;
  --f-display: "Cormorant Garamond", "Cormorant", "Times New Roman", serif;
  --f-body:    "DM Sans", -apple-system, system-ui, sans-serif;
}

* { box-sizing: border-box; }
html, body { margin: 0; padding: 0; }

body {
  font-family: var(--f-body);
  font-weight: 300;
  color: var(--linen-ink);
  background: #1d1c1a;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

img { display: block; max-width: 100%; height: auto; }

/* =====================================================
   Page primitive — A4 portrait
   ===================================================== */
@page { size: A4 portrait; margin: 0; }

.page {
  position: relative;
  width: 210mm;
  height: 297mm;
  overflow: hidden;
  page-break-after: always;
  break-after: page;
  background: var(--linen-bg);
  color: var(--linen-ink);
}
.page:last-child { page-break-after: auto; break-after: auto; }

.page--dark {
  background: var(--obsidian);
  color: var(--linen);
}

/* Screen-only: stack pages with small gap to preview */
@media screen {
  body { padding: 32px 0; }
  .page {
    margin: 0 auto 28px;
    box-shadow: 0 30px 80px -20px rgba(0,0,0,.55), 0 4px 16px rgba(0,0,0,.25);
  }
}

/* Print: clean, exact colors */
@media print {
  body { background: white; padding: 0; }
  .page { margin: 0; box-shadow: none; }
  .no-print { display: none !important; }
  * {
    -webkit-print-color-adjust: exact !important;
    print-color-adjust: exact !important;
    color-adjust: exact !important;
  }
}

/* =====================================================
   Universal type
   ===================================================== */
.h-display {
  font-family: var(--f-display);
  font-weight: 300;
  letter-spacing: -0.005em;
  line-height: 1.04;
}
.h-display em { font-style: italic; color: var(--brass); font-weight: 400; }

.eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  font-family: var(--f-body);
  font-size: 9px;
  letter-spacing: 0.28em;
  text-transform: uppercase;
  color: var(--brass);
  font-weight: 400;
}
.eyebrow::before {
  content: "";
  width: 22px; height: 1px;
  background: currentColor;
  opacity: .8;
}
.eyebrow--noline::before { display: none; }

.page--dark .eyebrow { color: var(--brass); }
.page--dark .h-display { color: var(--linen); }

p { margin: 0; line-height: 1.6; }
.body--lg { font-size: 12pt; line-height: 1.65; color: var(--linen-body); }
.body--md { font-size: 10.5pt; line-height: 1.6; color: var(--linen-body); }
.body--sm { font-size: 9pt; line-height: 1.55; color: var(--linen-mute); }
.body--xs { font-size: 7.5pt; line-height: 1.45; color: var(--linen-mute); letter-spacing: 0.02em; }
.page--dark .body--md { color: var(--linen-soft); }
.page--dark .body--sm { color: var(--linen-soft); opacity: .75; }

.hr {
  width: 100%;
  height: 1px;
  background: var(--linen-line);
  border: 0;
}
.page--dark .hr { background: rgba(201,169,110,.35); }
.hr--brass { background: var(--brass) !important; opacity: .85; }

/* =====================================================
   Wordmark
   ===================================================== */
.wordmark {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  font-family: var(--f-display);
  font-weight: 400;
  letter-spacing: 0.06em;
  font-size: 12pt;
  color: var(--linen-ink);
}
.wordmark em { color: var(--brass); font-style: italic; font-weight: 400; }
.wordmark__mono {
  display: inline-flex;
  width: 18px; height: 18px;
  color: var(--brass);
}
.page--dark .wordmark { color: var(--linen); }

/* =====================================================
   Page chrome — folio (number + title in footer)
   ===================================================== */
.folio {
  position: absolute;
  bottom: 12mm;
  left: 18mm;
  right: 18mm;
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-family: var(--f-body);
  font-size: 7.5pt;
  letter-spacing: 0.22em;
  text-transform: uppercase;
  color: var(--linen-mute);
}
.folio__center {
  font-family: var(--f-display);
  font-style: italic;
  font-size: 10pt;
  letter-spacing: 0.06em;
  text-transform: none;
  color: var(--linen-body);
}
.folio__num { color: var(--brass-deep); }
.page--dark .folio { color: rgba(240,235,226,.55); }
.page--dark .folio__num { color: var(--brass); }
.page--dark .folio__center { color: var(--linen-soft); }

/* =====================================================
   Page 1 — Cover (DARK variant)
   ===================================================== */
.cover {
  position: relative;
  height: 100%;
  color: var(--linen);
}
.cover__img {
  position: absolute;
  inset: 0;
}
.cover__img img {
  width: 100%; height: 100%;
  object-fit: cover;
}
.cover__veil {
  position: absolute;
  inset: 0;
  background:
    linear-gradient(180deg, rgba(10,10,10,0.62) 0%, rgba(10,10,10,0.18) 32%, rgba(10,10,10,0.32) 62%, rgba(10,10,10,0.92) 100%),
    linear-gradient(90deg, rgba(10,10,10,0.30) 0%, rgba(10,10,10,0) 35%);
}
.cover__grain {
  position: absolute; inset: 0;
  opacity: 0.08;
  mix-blend-mode: overlay;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 0.78  0 0 0 0 0.66  0 0 0 0 0.44  0 0 0 1 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");
}
.cover__frame {
  position: absolute;
  inset: 12mm;
  border: 1px solid rgba(201,169,110,.35);
  pointer-events: none;
}
.cover__inner {
  position: absolute;
  inset: 0;
  padding: 22mm 22mm 26mm;
  display: flex;
  flex-direction: column;
}
.cover__top {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}
.cover__top .wordmark { color: var(--linen); font-size: 13pt; }
.cover__top-right {
  text-align: right;
  font-family: var(--f-body);
  font-size: 7.5pt;
  letter-spacing: 0.28em;
  text-transform: uppercase;
  color: rgba(240,235,226,.78);
  line-height: 1.8;
}
.cover__top-right em {
  font-family: var(--f-display);
  font-style: italic;
  font-size: 11pt;
  letter-spacing: 0.04em;
  color: var(--brass);
  text-transform: none;
  display: block;
  margin-top: 4px;
}
.cover__spacer { flex: 1; }
.cover__title {
  font-family: var(--f-display);
  font-weight: 300;
  font-size: 48pt;
  line-height: 1.02;
  letter-spacing: -0.012em;
  color: var(--linen);
  max-width: 16ch;
  margin: 0 0 14mm;
}
.cover__title em {
  font-style: italic;
  color: var(--brass);
  display: block;
}
.cover__bottom {
  display: grid;
  grid-template-columns: 1fr auto;
  align-items: end;
  gap: 24px;
}
.cover__tag {
  font-family: var(--f-body);
  font-size: 8pt;
  letter-spacing: 0.28em;
  text-transform: uppercase;
  color: rgba(240,235,226,.75);
  line-height: 1.9;
}
.cover__tag span { color: var(--brass); }
.cover__edition {
  font-family: var(--f-display);
  font-style: italic;
  font-size: 13pt;
  color: var(--brass);
}

/* =====================================================
   Page 1 — Cover (LIGHT variant)
   ===================================================== */
.cover--light { background: var(--linen-bg); color: var(--linen-ink); }
.cover--light .cover__veil,
.cover--light .cover__grain,
.cover--light .cover__frame { display: none; }
.cover--light .cover__inner {
  padding: 16mm 16mm 18mm;
  position: relative;
  display: grid;
  grid-template-rows: auto 1fr auto;
  gap: 0;
}
.cover--light .cover__top .wordmark { color: var(--linen-ink); }
.cover--light .cover__top-right { color: var(--linen-mute); }
.cover--light .cover__hero {
  position: relative;
  margin-top: 6mm;
  margin-bottom: 7mm;
  height: 152mm;
  overflow: hidden;
}
.cover--light .cover__hero img {
  width: 100%; height: 100%;
  object-fit: cover;
}
.cover--light .cover__hero::after {
  content: "";
  position: absolute;
  inset: 0;
  border: 1px solid rgba(13,12,10,.04);
}
.cover--light .cover__title {
  color: var(--linen-ink);
  font-size: 38pt;
  line-height: 1.04;
  max-width: 24ch;
  margin: 0 0 6mm;
}
.cover--light .cover__title em { color: var(--brass-deep); }
.cover--light .cover__tag { color: var(--linen-mute); }
.cover--light .cover__tag span { color: var(--brass-deep); }
.cover--light .cover__edition { color: var(--brass-deep); }
.cover--light .cover__bottom-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  align-items: end;
  gap: 24px;
}

/* =====================================================
   Section header (used on interior pages)
   ===================================================== */
.section__head {
  display: grid;
  grid-template-columns: auto 1fr auto;
  align-items: end;
  gap: 18px;
  padding-bottom: 5mm;
  border-bottom: 1px solid var(--linen-line);
  margin-bottom: 7mm;
}
.section__num {
  font-family: var(--f-display);
  font-style: italic;
  font-size: 22pt;
  font-weight: 300;
  color: var(--brass-deep);
  line-height: 1;
}
.section__title {
  font-family: var(--f-display);
  font-weight: 300;
  font-size: 26pt;
  line-height: 1;
  color: var(--linen-ink);
  letter-spacing: -0.005em;
}
.section__title em { color: var(--brass-deep); font-style: italic; }
.section__meta {
  font-family: var(--f-body);
  font-size: 7.5pt;
  letter-spacing: 0.28em;
  text-transform: uppercase;
  color: var(--linen-mute);
  text-align: right;
  line-height: 1.7;
}

/* =====================================================
   Page 2 — Intro letter
   ===================================================== */
.intro {
  height: 100%;
  padding: 22mm 22mm 24mm;
  display: grid;
  grid-template-columns: 5fr 4fr;
  gap: 14mm;
}
.intro__left { display: flex; flex-direction: column; }
.intro__eyebrow { margin-bottom: 18mm; }
.intro__title {
  font-family: var(--f-display);
  font-weight: 300;
  font-size: 42pt;
  line-height: 1.04;
  color: var(--linen-ink);
  letter-spacing: -0.01em;
  margin: 0 0 8mm;
  max-width: 12ch;
}
.intro__title em { color: var(--brass-deep); font-style: italic; }
.intro__body {
  font-size: 11pt;
  line-height: 1.7;
  color: var(--linen-body);
  max-width: 42ch;
}
.intro__body p + p { margin-top: 8pt; }
.intro__body p:first-child::first-line {
  font-family: var(--f-display);
  font-weight: 400;
  font-size: 14pt;
  letter-spacing: 0.005em;
  color: var(--linen-ink);
}
.intro__body em { font-family: var(--f-display); font-style: italic; color: var(--linen-ink); }

.intro__sign {
  margin-top: auto;
  padding-top: 8mm;
  border-top: 1px solid var(--linen-line);
  display: flex;
  align-items: center;
  gap: 10px;
  font-family: var(--f-display);
  font-style: italic;
  font-size: 12pt;
  color: var(--linen-ink);
}
.intro__sign em { color: var(--brass-deep); font-style: italic; }
.intro__sign-sub {
  margin-left: auto;
  font-family: var(--f-body);
  font-size: 8pt;
  letter-spacing: 0.22em;
  text-transform: uppercase;
  color: var(--linen-mute);
  font-style: normal;
}

.intro__right {
  position: relative;
  display: flex;
  flex-direction: column;
}
.intro__photo {
  position: relative;
  flex: 1;
  overflow: hidden;
  min-height: 0;
}
.intro__photo img {
  width: 100%; height: 100%;
  object-fit: cover;
}
.intro__caption {
  margin-top: 6mm;
  padding-top: 4mm;
  border-top: 1px solid var(--linen-line);
  font-family: var(--f-body);
  font-size: 8pt;
  letter-spacing: 0.22em;
  text-transform: uppercase;
  color: var(--linen-mute);
}
.intro__caption em {
  font-family: var(--f-display);
  font-style: italic;
  font-size: 10pt;
  letter-spacing: 0;
  color: var(--linen-ink);
  text-transform: none;
  display: block;
  margin-top: 4px;
}

/* =====================================================
   Page 3 — Process timeline
   ===================================================== */
.process {
  height: 100%;
  padding: 22mm 22mm 28mm;
}
.process__lede {
  font-family: var(--f-display);
  font-style: italic;
  font-size: 16pt;
  line-height: 1.4;
  color: var(--linen-body);
  max-width: 50ch;
  margin: 0 0 14mm;
}
.process__lede em { color: var(--brass-deep); font-style: italic; }
.process__grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0;
  border-top: 1px solid var(--linen-line);
  border-left: 1px solid var(--linen-line);
}
.process__step {
  padding: 9mm 8mm 9mm;
  border-right: 1px solid var(--linen-line);
  border-bottom: 1px solid var(--linen-line);
  min-height: 78mm;
  display: flex;
  flex-direction: column;
}
.process__num {
  font-family: var(--f-display);
  font-style: italic;
  font-weight: 300;
  font-size: 56pt;
  color: var(--brass-deep);
  line-height: 1;
  margin-bottom: 6mm;
}
.process__step h3 {
  font-family: var(--f-display);
  font-weight: 400;
  font-size: 18pt;
  color: var(--linen-ink);
  margin: 0 0 4mm;
  letter-spacing: -0.005em;
}
.process__step p {
  font-size: 10pt;
  line-height: 1.55;
  color: var(--linen-body);
  max-width: 36ch;
}
.process__dur {
  margin-top: auto;
  font-family: var(--f-body);
  font-size: 7.5pt;
  letter-spacing: 0.28em;
  text-transform: uppercase;
  color: var(--brass-deep);
  padding-top: 6mm;
}

/* =====================================================
   Page 4 — Materials & finishes palette
   ===================================================== */
.materials {
  height: 100%;
  padding: 22mm 22mm 28mm;
  display: flex;
  flex-direction: column;
}
.materials__lede {
  font-family: var(--f-display);
  font-style: italic;
  font-size: 14pt;
  line-height: 1.5;
  color: var(--linen-body);
  max-width: 56ch;
  margin: 0 0 12mm;
}
.materials__grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 8mm 6mm;
}
.swatch__chip {
  width: 100%;
  aspect-ratio: 1 / 1;
  border: 1px solid rgba(13,12,10,.08);
  position: relative;
}
.swatch__chip::after {
  content: "";
  position: absolute;
  inset: 0;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='2.4' numOctaves='2'/><feColorMatrix values='0 0 0 0 0  0 0 0 0 0  0 0 0 0 0  0 0 0 0.45 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");
  opacity: .12;
  mix-blend-mode: multiply;
}
.swatch__num {
  font-family: var(--f-display);
  font-style: italic;
  font-size: 10pt;
  color: var(--brass-deep);
  margin-top: 5mm;
}
.swatch__name {
  font-family: var(--f-display);
  font-weight: 400;
  font-size: 13pt;
  color: var(--linen-ink);
  margin-top: 1mm;
  line-height: 1.15;
}
.swatch__desc {
  font-size: 8.5pt;
  line-height: 1.45;
  color: var(--linen-mute);
  margin-top: 2mm;
  max-width: 22ch;
}
.materials__foot {
  margin-top: auto;
  padding-top: 8mm;
  border-top: 1px solid var(--linen-line);
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 24px;
  align-items: end;
}
.materials__foot p {
  font-family: var(--f-display);
  font-style: italic;
  font-size: 12pt;
  color: var(--linen-body);
  max-width: 56ch;
}

/* =====================================================
   Pages 5–6 — Project spreads
   ===================================================== */
.projects {
  height: 100%;
  padding: 18mm 22mm 22mm;
  display: flex;
  flex-direction: column;
}
.projects__list {
  display: flex;
  flex-direction: column;
  flex: 1;
}
.project-row {
  display: grid;
  grid-template-columns: 78mm 1fr;
  gap: 9mm;
  padding: 5mm 0;
  border-top: 1px solid var(--linen-line);
  align-items: stretch;
}
.project-row:first-child { border-top: 0; padding-top: 3mm; }
.project-row:last-child { border-bottom: 1px solid var(--linen-line); padding-bottom: 3mm; }

.project-row__media {
  position: relative;
  height: 48mm;
  overflow: hidden;
  background: var(--linen-bg-2);
}
.project-row__media img {
  width: 100%; height: 100%;
  object-fit: cover;
}
.project-row__index {
  position: absolute;
  top: 4mm; left: 4mm;
  font-family: var(--f-body);
  font-size: 7pt;
  letter-spacing: 0.28em;
  text-transform: uppercase;
  color: var(--linen);
  background: rgba(10,10,10,.55);
  padding: 4px 8px;
}
.project-row__body { display: flex; flex-direction: column; gap: 2.5mm; }
.project-row__meta {
  display: flex;
  align-items: center;
  gap: 10px;
  font-family: var(--f-body);
  font-size: 7.5pt;
  letter-spacing: 0.26em;
  text-transform: uppercase;
  color: var(--brass-deep);
}
.project-row__meta span:not(:last-child)::after {
  content: "·";
  margin-left: 10px;
  color: var(--linen-line);
}
.project-row__title {
  font-family: var(--f-display);
  font-weight: 400;
  font-size: 17pt;
  line-height: 1.1;
  color: var(--linen-ink);
  margin: 0;
  letter-spacing: -0.005em;
  font-style: italic;
}
.project-row__desc {
  font-size: 9pt;
  line-height: 1.5;
  color: var(--linen-body);
  margin: 0;
  max-width: 52ch;
}
.project-row__specs {
  margin-top: auto;
  padding-top: 2mm;
  display: flex;
  flex-wrap: wrap;
  gap: 10px 14px;
  font-family: var(--f-body);
  font-size: 7.5pt;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: var(--linen-mute);
}
.project-row__specs strong {
  color: var(--linen-ink);
  font-weight: 500;
  letter-spacing: 0.02em;
  text-transform: none;
  font-size: 8.5pt;
  margin-left: 6px;
}

/* =====================================================
   Page 7 — Included / Testimonials / FAQ
   ===================================================== */
.included {
  height: 100%;
  padding: 22mm 22mm 28mm;
  display: grid;
  grid-template-rows: auto auto 1fr auto;
  gap: 0;
}
.included__top {
  display: grid;
  grid-template-columns: 1.05fr 1fr;
  gap: 14mm;
  padding-bottom: 10mm;
  border-bottom: 1px solid var(--linen-line);
}
.included__list {
  list-style: none;
  margin: 0; padding: 0;
  display: flex;
  flex-direction: column;
}
.included__list li {
  display: grid;
  grid-template-columns: 28px 1fr;
  gap: 12px;
  padding: 6pt 0;
  border-bottom: 1px solid var(--linen-line-2);
  font-size: 10pt;
  line-height: 1.45;
  color: var(--linen-ink);
}
.included__list li:last-child { border-bottom: 0; }
.included__list li::before {
  content: counter(li-c, decimal-leading-zero);
  font-family: var(--f-display);
  font-style: italic;
  color: var(--brass-deep);
  font-size: 11pt;
}
.included__list { counter-reset: li-c; }
.included__list li { counter-increment: li-c; }

.quote {
  margin-top: 12mm;
  padding: 8mm 0 0;
  border-top: 1px solid var(--linen-line);
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 14mm;
}
.quote__body {
  font-family: var(--f-display);
  font-style: italic;
  font-size: 14pt;
  line-height: 1.4;
  color: var(--linen-ink);
}
.quote__body::before {
  content: "\201C";
  font-family: var(--f-display);
  font-size: 36pt;
  color: var(--brass-deep);
  display: block;
  line-height: 0.6;
  margin-bottom: 4mm;
}
.quote__attr {
  margin-top: 5mm;
  font-family: var(--f-body);
  font-size: 8pt;
  letter-spacing: 0.26em;
  text-transform: uppercase;
  color: var(--linen-mute);
  font-style: normal;
}
.quote__attr strong {
  color: var(--linen-ink);
  font-weight: 500;
}

.faq {
  margin-top: 10mm;
  padding-top: 8mm;
  border-top: 1px solid var(--linen-line);
}
.faq__title {
  font-family: var(--f-display);
  font-weight: 400;
  font-style: italic;
  font-size: 16pt;
  color: var(--linen-ink);
  margin: 0 0 5mm;
}
.faq__list {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 6mm 14mm;
}
.faq__q {
  font-family: var(--f-display);
  font-style: italic;
  font-size: 11.5pt;
  color: var(--linen-ink);
  margin: 0 0 2mm;
}
.faq__a {
  font-size: 9pt;
  line-height: 1.5;
  color: var(--linen-body);
  margin: 0;
}

/* =====================================================
   Page 8 — Back cover (DARK)
   ===================================================== */
.back {
  position: relative;
  height: 100%;
  background: var(--obsidian);
  color: var(--linen);
  padding: 22mm 22mm 24mm;
  display: grid;
  grid-template-rows: auto 1fr auto;
}
.back .wordmark { color: var(--linen); }
.back__top { display: flex; justify-content: space-between; align-items: flex-start; }
.back__top-right {
  text-align: right;
  font-family: var(--f-body);
  font-size: 7.5pt;
  letter-spacing: 0.28em;
  text-transform: uppercase;
  color: rgba(240,235,226,.65);
}

.back__center {
  align-self: center;
  margin-top: -12mm;
}
.back__lede {
  font-family: var(--f-display);
  font-weight: 300;
  font-size: 36pt;
  line-height: 1.04;
  color: var(--linen);
  max-width: 16ch;
  margin: 0 0 8mm;
  letter-spacing: -0.005em;
}
.back__lede em { color: var(--brass); font-style: italic; }
.back__lede-sub {
  font-family: var(--f-display);
  font-style: italic;
  font-size: 14pt;
  color: rgba(240,235,226,.7);
  max-width: 50ch;
  margin: 0 0 12mm;
  line-height: 1.4;
}

.back__contact {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 5mm 12mm;
  padding-top: 8mm;
  border-top: 1px solid rgba(201,169,110,.35);
}
.back__contact-row {
  display: flex;
  flex-direction: column;
  gap: 2mm;
}
.back__contact-row dt {
  font-family: var(--f-body);
  font-size: 7.5pt;
  letter-spacing: 0.28em;
  text-transform: uppercase;
  color: var(--brass);
}
.back__contact-row dd {
  margin: 0;
  font-family: var(--f-display);
  font-weight: 400;
  font-size: 14pt;
  color: var(--linen);
  letter-spacing: 0.005em;
}
.back__contact-row dd small {
  display: block;
  font-family: var(--f-body);
  font-weight: 300;
  font-size: 8.5pt;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: rgba(240,235,226,.55);
  margin-top: 2mm;
}

.back__foot {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  font-family: var(--f-body);
  font-size: 7.5pt;
  letter-spacing: 0.28em;
  text-transform: uppercase;
  color: rgba(240,235,226,.5);
}
.back__foot em {
  font-family: var(--f-display);
  font-style: italic;
  font-size: 11pt;
  letter-spacing: 0.04em;
  color: var(--brass);
  text-transform: none;
}

/* Back cover — LIGHT variant */
.back--light {
  background: var(--linen-bg);
  color: var(--linen-ink);
}
.back--light .wordmark { color: var(--linen-ink); }
.back--light .back__top-right { color: var(--linen-mute); }
.back--light .back__lede { color: var(--linen-ink); }
.back--light .back__lede em { color: var(--brass-deep); }
.back--light .back__lede-sub { color: var(--linen-body); }
.back--light .back__contact { border-top-color: var(--linen-line); }
.back--light .back__contact-row dt { color: var(--brass-deep); }
.back--light .back__contact-row dd { color: var(--linen-ink); }
.back--light .back__contact-row dd small { color: var(--linen-mute); }
.back--light .back__foot { color: var(--linen-mute); }
.back--light .back__foot em { color: var(--brass-deep); }