/* Shared portfolio navigation and footer, scoped to the reading edition. */
.brand-book .wrap { width: min(100% - 6rem, 1280px); margin-inline: auto; }
.brand-book .header { display:flex; align-items:center; justify-content:space-between; gap:2rem; padding-block:1.8rem; border-bottom:1px solid var(--line); }
.brand-book .identity { font-size:1.2rem; font-weight:700; text-decoration:none; color:var(--ink); }
.brand-book .identity span { display:block; font-size:.75rem; font-weight:400; letter-spacing:.06em; text-transform:uppercase; }
.brand-book .header nav { display:flex; gap:2rem; flex-wrap:wrap; }
.brand-book .header nav a { font-size:.875rem; font-weight:500; text-decoration:none; padding:.65rem 0; color:var(--ink); }
.brand-book .header nav a:hover { color:var(--accent); text-decoration:underline; text-underline-offset:.6rem; }
body.brand-book .footer { display:flex; justify-content:space-between; gap:2rem; border-top:1px solid var(--line); padding:1.5rem 0; font-size:.75rem; background:white; }
.brand-book .footer a { color:var(--muted); }
.brand-book .chapter .book-subheading { font-size:clamp(30px, 2.6vw, 36px); }
.brand-book .cover { padding:80px max(24px,8vw); }
.book-cover-grid { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); align-items:center; gap:3rem; max-width:1280px; margin:auto; }
.brand-book .cover h1 { font-size:clamp(44px,5vw,76px); margin:36px 0; }
.book-cover-portrait { margin:0; min-width:0; }
.book-cover-portrait img { display:block; width:100%; height:auto; mix-blend-mode:multiply; }
@media(max-width:900px) {
 .brand-book .wrap { width:calc(100% - 3rem); }
 .brand-book .header nav { gap:1rem; }
 .book-cover-grid { grid-template-columns:1fr; gap:1rem; }
 .book-cover-portrait { width:min(100%,650px); margin-inline:auto; }
}
@media(max-width:600px) {
 .brand-book .wrap { width:calc(100% - 2.5rem); }
 .brand-book .header { display:block; padding-block:1.25rem; }
 .brand-book .header nav { margin-top:1.25rem; justify-content:space-between; gap:.5rem; }
 .brand-book .header nav a { font-size:.8125rem; }
 body.brand-book .footer { flex-direction:column; gap:1rem; }
 .brand-book .chapter .book-subheading { font-size:clamp(24px,6.4vw,30px); }
 .brand-book .cover { padding:50px 24px; }
 .brand-book .cover h1 { font-size:clamp(36px,9vw,54px); }
}
@media print {
 .brand-book .header,body.brand-book .footer { display:none; }
 .book-cover-grid { display:block; }
 .book-cover-portrait { width:65%; margin:auto; }
}

.brand-book .toc > p { font-size: 16px; }

/* Enlarge within the cover column and crop at its right edge. */
.book-cover-portrait { overflow:hidden; }
.book-cover-portrait img { width:135%; max-width:none; }
.brand-book .book-contact { margin-top:2.5rem; }
.brand-book .book-contact a { display:inline-block; padding-block:.5rem; }
@media(max-width:900px) {
 .book-cover-portrait img { width:115%; }
}

/* Extend the portrait into the gutter toward the text, retaining the right edge. */
@media(min-width:901px) {
 .book-cover-portrait { width:119.09%; margin-left:-19.09%; }
 .book-cover-portrait img { width:100%; }
 .brand-book .cover .subtitle { max-width:24ch; }
}