/* Artist's working copy: existing typefaces and four original pen drawings.
   All dimensions scale with the engine's 300 x 400 source page. */
.book-home { --art-unit: clamp(1px, .14vw, 1.5px); --pen: #873e40; }
.book-ready { --art-unit: 1px; }
.margin-note { width: fit-content; }
.margin-note img { display: block; width: 100%; height: auto; }
.book-page .margin-note { flex-shrink: 0; }
.book-page h1.opening-type { margin: calc(28 * var(--art-unit)) 0 calc(18 * var(--art-unit)); line-height: 1; }
.opening-type > * { display: block; }
.opening-type .opening-intro { font: 400 calc(15 * var(--art-unit))/1.4 var(--font-body); margin-bottom: calc(19 * var(--art-unit)); }
.opening-intro mark { position: relative; color: inherit; background: transparent; isolation: isolate; margin-left: .08em; }
.opening-intro mark::before { content: ''; position: absolute; z-index: -1; inset: 30% -.16em -.04em; background: #e8d887; transform: rotate(-2deg); clip-path: polygon(1% 8%, 97% 0, 100% 92%, 3% 100%, 0 80%); }
.opening-type .opening-ambition { font-size: calc(45 * var(--art-unit)); font-weight: 700; letter-spacing: -.035em; }
.opening-type .opening-creative { font-size: calc(44 * var(--art-unit)); letter-spacing: -.045em; margin: .04em 0 .03em .08em; white-space: nowrap; }
.opening-type .opening-projects { font-size: calc(41 * var(--art-unit)); letter-spacing: -.035em; }
.book-page .definition-body { position: relative; padding-bottom: calc(12 * var(--art-unit)); }
.definition-body .note-company { position: absolute; width: calc(109 * var(--art-unit)); right: 0; top: calc(-50 * var(--art-unit)); transform: rotate(-5deg); }
.book-page .definition-body h2 { font-size: calc(43 * var(--art-unit)); line-height: 1.06; letter-spacing: -.035em; margin-bottom: calc(14 * var(--art-unit)); }
.definition-body .definition-prefix { font: 400 calc(13 * var(--art-unit))/1.2 var(--font-body); }
.definition-body h2 em { font-weight: 600; }
.definition-body .definition-arrival { display: block; font: 400 calc(13 * var(--art-unit))/1.2 var(--font-body); }
.definition-body h2 strong { font: 700 calc(43 * var(--art-unit))/1.06 var(--font-display); letter-spacing: -.045em; }
.book-page h2.role-verbs { position: relative; font-size: calc(38 * var(--art-unit)); line-height: 1.08; letter-spacing: -.035em; margin-top: calc(9 * var(--art-unit)); }
.role-verbs > span, .role-verbs > strong, .role-verbs > em { display: block; }
.role-verbs > span:nth-child(2) { margin-left: .35em; font-size: calc(35 * var(--art-unit)); }
.role-verbs > strong { margin-left: .2em; font-weight: 700; font-size: calc(47 * var(--art-unit)); line-height: 1.08; }
.role-verbs > em { margin-left: 1.55em; font-size: calc(40 * var(--art-unit)); }
.role-bracket { position: absolute; width: calc(12 * var(--art-unit)); height: 100%; left: calc(-14 * var(--art-unit)); top: 0; overflow: visible; fill: none; stroke: #d9cda6; stroke-width: 1.3; stroke-linecap: round; }
.book-page.process-page .page-kicker { margin-bottom: calc(12 * var(--art-unit)); }
.book-page.process-page h2 { font-size: calc(28 * var(--art-unit)); line-height: 1.04; margin-bottom: calc(10 * var(--art-unit)); }
.book-page .process-list li { grid-template-columns: calc(34 * var(--art-unit)) 1fr; gap: calc(10 * var(--art-unit)); }
.book-page .process-list li > span { font: 600 calc(29 * var(--art-unit))/1 var(--font-display); color: #7c806f; padding-top: 0; letter-spacing: -.06em; }
.book-ready .process-list li { padding: 6px 0; }
.book-ready .process-list p { font-size: 10.5px; line-height: 1.45; }
.book-page .note-process { width: calc(137 * var(--art-unit)); margin: calc(10 * var(--art-unit)) 0 0 auto; transform: rotate(-4deg); }
.book-page.aamp-page .project-name { margin: calc(7 * var(--art-unit)) 0 0; }
.book-page.aamp-page h2 { font-size: calc(34 * var(--art-unit)); line-height: 1.02; letter-spacing: -.03em; }
.book-ready .aamp-page .body-copy { font-size: 11px; line-height: 1.5; margin-top: 10px; }
.installation-size { margin: calc(17 * var(--art-unit)) 0 calc(7 * var(--art-unit)); color: var(--book-ink); line-height: .85; }
.installation-size > span { font: 600 calc(83 * var(--art-unit))/.85 var(--font-display); letter-spacing: -.075em; }
.installation-size abbr { font: 400 calc(18 * var(--art-unit))/1 var(--font-body); text-decoration: none; }
.installation-caption { font: 400 calc(11 * var(--art-unit))/1.5 var(--font-body); }
.book-page h2.water-title { font-size: calc(44 * var(--art-unit)); line-height: 1; letter-spacing: -.045em; }
.book-page .water-subtitle { font-size: calc(9 * var(--art-unit)); line-height: 1.6; letter-spacing: .16em; margin-top: calc(6 * var(--art-unit)); }
.book-page .light-title { position: relative; }
.light-title .note-light { position: absolute; width: calc(85 * var(--art-unit)); right: 0; top: calc(14 * var(--art-unit)); transform: rotate(-6deg); }
.book-page .light-title h2 { font-size: calc(54 * var(--art-unit)); line-height: .98; letter-spacing: -.045em; }
.light-title h2 > * { display: block; }
.light-title .light-prelude { font: 400 calc(18 * var(--art-unit))/1.2 var(--font-body); margin-bottom: calc(5 * var(--art-unit)); }
.light-title h2 strong { font-size: calc(82 * var(--art-unit)); line-height: .96; font-weight: 700; letter-spacing: -.065em; }
.light-title h2 em { margin: .08em 0 0 .62em; }
.book-page h2.notes-title { font-size: calc(27 * var(--art-unit)); line-height: 1.08; }
.notes-title > span { font: 400 calc(15 * var(--art-unit))/1.7 var(--font-body); }
.notes-title em { letter-spacing: -.035em; }
.book-page h2.contact-question { font-size: calc(33 * var(--art-unit)); line-height: 1.05; letter-spacing: -.035em; }
.contact-question > span { font: 400 calc(19 * var(--art-unit))/1.5 var(--font-body); }
.contact-question > em { font-size: calc(58 * var(--art-unit)); line-height: 1; }
.book-page .note-contact { width: calc(108 * var(--art-unit)); margin: calc(6 * var(--art-unit)) 0 0 auto; transform: rotate(-4deg); }
.book-ready .contact-page .body-copy { margin-top: 8px; }
.book-ready .contact-page .contact-email { margin-top: 16px; }
/* Give the same content ordinary flow when the book is read as a document. */
.back-cover .closing-message { margin: auto 0; padding: 24px 0; }
.book-page.back-cover h2 { font-size: calc(52 * var(--art-unit)); line-height: .98; letter-spacing: -.045em; }
.back-cover h2 em { display: block; margin-left: .22em; }
.back-cover :focus-visible { outline-color: #f5f3ec; }
.book-home:not(.book-ready) #production-book { width: 100%; min-width: 0; }
.book-home:not(.book-ready) .book-page { min-width: 0; }
.book-home:not(.book-ready) .definition-body .note-company { position: static; margin: 0 0 12px auto; }
.book-home:not(.book-ready) .page-content { overflow: visible; }
.book-home:not(.book-ready) .page-folio { position: static; margin-top: 28px; }
.book-home:not(.book-ready) .page-link { margin-top: 24px; }
.book-home:not(.book-ready) .role-verbs { margin-bottom: 24px; }
.book-reader .installation-caption, .book-reader .water-subtitle { font-size: 16px; }
.book-reader .process-list p { font-size: 17px; }
@media (max-width: 360px) {
  .book-home:not(.book-ready) { --art-unit: .9px; }
}