/* Chapter layout and copy styles faithfully transcribed from Asad’s source. */
.chapter-stack { display: flex; flex-direction: column; gap: 22px; padding-top: 30px; }
.statement-title { margin: 0; font-size: clamp(30px, 5vw, 48px); font-weight: 500; line-height: 1.1; letter-spacing: -0.01em; }
.statement-origin { display: flex; flex-wrap: wrap; gap: 14px 28px; align-items: baseline; padding: 16px 0; border-top: 1px solid rgba(84,63,36,0.28); border-bottom: 1px solid rgba(84,63,36,0.28); }
.origin-wordmark { font-family: 'Bodoni Moda', Georgia, serif; font-size: 26px; letter-spacing: 0.1em; text-transform: lowercase; }
.origin-meaning { flex: 1 1 260px; font-size: 17px; line-height: 1.6; color: rgba(33,28,22,0.86); text-wrap: pretty; }
.statement-lead { margin: 0; font-size: clamp(17px, 2vw, 21px); line-height: 1.65; text-wrap: pretty; }
.statement-prose { margin: 0; font-size: clamp(16px, 1.8vw, 18px); line-height: 1.7; color: rgba(33,28,22,0.86); text-wrap: pretty; }
.principles-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 220px), 1fr)); gap: 22px; padding-top: 8px; border-top: 1px solid rgba(84,63,36,0.28); }
.principle { display: flex; flex-direction: column; gap: 8px; }
.principle-label { font-family: 'IBM Plex Mono', monospace; font-size: 10px; letter-spacing: 0.24em; text-transform: uppercase; color: rgba(33,28,22,0.55); }
.principle-copy { font-size: 16px; line-height: 1.6; }
.chapter-stack-wide { display: flex; flex-direction: column; gap: 24px; padding-top: 30px; }
.chapter-title { margin: 0; font-size: clamp(30px, 5vw, 48px); font-weight: 500; line-height: 1.1; }
.exhibit-intro { margin: 0; font-size: clamp(17px, 2vw, 20px); line-height: 1.6; font-style: italic; color: rgba(33,28,22,0.86); text-wrap: pretty; }
.image-note-group { display: flex; flex-direction: column; gap: 10px; }
.art-pair { position: relative; width: 100%; aspect-ratio: 944 / 1024; border: 1px solid rgba(84,63,36,0.4); overflow: hidden; cursor: crosshair; background: #E4D6B9; }
.scarf-artwork { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: contain; padding: 4%; display: block; }
.scarf-overview { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; display: block; transition: opacity 700ms ease; }
.image-captions { display: flex; justify-content: space-between; gap: 16px; flex-wrap: wrap; font-family: 'IBM Plex Mono', monospace; font-size: 10px; letter-spacing: 0.24em; text-transform: uppercase; color: rgba(33,28,22,0.6); }
.detail-row { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 240px), 1fr)); gap: 24px; align-items: center; }
.detail-image { width: 100%; aspect-ratio: 4 / 5; object-fit: cover; display: block; border: 1px solid rgba(84,63,36,0.4); }
.image-caption { font-family: 'IBM Plex Mono', monospace; font-size: 10px; letter-spacing: 0.24em; text-transform: uppercase; color: rgba(33,28,22,0.6); }
.stitching-copy { margin: 0; font-size: 17px; line-height: 1.7; color: rgba(33,28,22,0.86); text-wrap: pretty; }
.specs-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 180px), 1fr)); gap: 18px; padding-top: 6px; border-top: 1px solid rgba(84,63,36,0.28); }
.spec { display: flex; flex-direction: column; gap: 6px; }
.spec-label { font-family: 'IBM Plex Mono', monospace; font-size: 9px; letter-spacing: 0.24em; text-transform: uppercase; color: rgba(33,28,22,0.55); }
.spec-value { font-size: 17px; }
.quiet-copy { margin: 0; font-size: 16px; line-height: 1.7; color: rgba(33,28,22,0.82); text-wrap: pretty; }
.chapter-lead { margin: 0; font-size: clamp(17px, 2vw, 20px); line-height: 1.65; text-wrap: pretty; }
.material-table { display: flex; flex-direction: column; }
.material-row { display: flex; gap: 20px; padding: 16px 0; border-top: 1px solid rgba(84,63,36,0.28); }
.material-label { flex: 0 0 34%; font-family: 'IBM Plex Mono', monospace; font-size: 10px; letter-spacing: 0.22em; text-transform: uppercase; color: rgba(33,28,22,0.6); padding-top: 3px; }
.material-value { flex: 1; font-size: 17px; line-height: 1.6; }
.material-row-last { display: flex; gap: 20px; padding: 16px 0; border-top: 1px solid rgba(84,63,36,0.28); border-bottom: 1px solid rgba(84,63,36,0.28); }
.founder-prose { margin: 0; font-size: 17px; line-height: 1.7; text-wrap: pretty; }
.founders-grid { display: flex; flex-wrap: wrap; gap: 20px; padding: 18px 0; border-top: 1px solid rgba(84,63,36,0.28); border-bottom: 1px solid rgba(84,63,36,0.28); }
.founder { flex: 1 1 200px; display: flex; flex-direction: column; gap: 6px; }
.founder-label { font-family: 'IBM Plex Mono', monospace; font-size: 10px; letter-spacing: 0.22em; text-transform: uppercase; color: rgba(33,28,22,0.6); }
.founder-name { font-size: 20px; }

/* Immersive paper spreads: all long content uses the page’s native scrolling. */
.chapter-scene .chapter-stack,.chapter-scene .chapter-stack-wide { padding-top:0; }
.chapter-scene .chapter-title,.chapter-scene .statement-title { font-size:clamp(40px,4.8vw,66px); font-weight:400; line-height:1.08; }
.chapter-scene .chapter-lead,.chapter-scene .statement-lead { font-size:clamp(21px,2vw,26px); }
.chapter-scene .quiet-copy,.chapter-scene .statement-prose,.chapter-scene .founder-prose { font-size:18px; line-height:1.7; }
.spread-exhibit { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:28px 6vw; align-items:start; }
.exhibit-header { grid-column:2; grid-row:1; display:flex; flex-direction:column; gap:24px; }
.exhibit-visual { grid-column:1; grid-row:1 / span 2; margin:0; position:sticky; top:calc(var(--nav-height) + 30px); align-self:start; }
.exhibit-details { grid-column:2; grid-row:2; display:flex; flex-direction:column; gap:28px; }
.exhibit-details .detail-row { grid-template-columns:minmax(120px,35%) minmax(0,1fr); gap:24px; }
.exhibit-details .stitching-copy { font-size:17px; }
.exhibit-details .specs-grid { grid-template-columns:repeat(3,minmax(0,1fr)); padding-top:24px; gap:24px 20px; }
.exhibit-details .spec-value { font-size:18px; }
.chapter-scene[data-chapter="statement"] .chapter-stack { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:32px 7vw; }
.chapter-scene[data-chapter="statement"] .statement-title { grid-column:1; grid-row:1; }
.chapter-scene[data-chapter="statement"] .statement-origin { grid-column:1; grid-row:2; align-self:start; }
.chapter-scene[data-chapter="statement"] .statement-lead { grid-column:2; grid-row:1; }
.chapter-scene[data-chapter="statement"] .statement-prose { grid-column:2; grid-row:2; }
.chapter-scene[data-chapter="statement"] .principles-grid { grid-column:1 / -1; grid-template-columns:repeat(4,minmax(0,1fr)); gap:3vw; margin-top:22px; padding-top:28px; }
.chapter-scene[data-chapter="materials"] .chapter-stack { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:28px 8vw; }
.chapter-scene[data-chapter="materials"] .chapter-title { grid-column:1; grid-row:1; }
.chapter-scene[data-chapter="materials"] .chapter-lead { grid-column:1; grid-row:2; }
.chapter-scene[data-chapter="materials"] .material-table { grid-column:2; grid-row:1 / span 3; }
.chapter-scene[data-chapter="materials"] .quiet-copy { grid-column:1; grid-row:3; }
.chapter-scene[data-chapter="materials"] .material-value { font-size:18px; }
.chapter-scene[data-chapter="founders"] .chapter-stack { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:30px 8vw; }
.chapter-scene[data-chapter="founders"] .chapter-title { grid-column:1; grid-row:1; }
.chapter-scene[data-chapter="founders"] .chapter-lead { grid-column:2; grid-row:1; }
.chapter-scene[data-chapter="founders"] .founder-prose { grid-column:2; grid-row:2; }
.chapter-scene[data-chapter="founders"] .founders-grid { grid-column:1; grid-row:2; align-self:start; }
.chapter-scene[data-chapter="founders"] .quiet-copy { grid-column:2; grid-row:3; }
.chapter-scene .founder-name { font-size:28px; }
.chapter-scene .updates-sheet { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:8vw; padding-top:5vh; }
.updates-copy { display:flex; flex-direction:column; gap:24px; }
@media(max-width:1000px) {
  .exhibit-details .detail-row { grid-template-columns:1fr; }
  .exhibit-details .detail-row .image-note-group { max-width:240px; }
  .exhibit-details .specs-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .chapter-scene[data-chapter="statement"] .principles-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:28px; }
}
@media(max-width:700px) {
  .spread-exhibit { display:flex; flex-direction:column; gap:30px; }
  .exhibit-visual { position:static; width:100%; }
  .exhibit-header,.exhibit-details { width:100%; }
  .exhibit-details .detail-row { grid-template-columns:minmax(110px,38%) minmax(0,1fr); gap:20px; }
  .exhibit-details .stitching-copy { font-size:16px; }
  .chapter-scene .chapter-title,.chapter-scene .statement-title { font-size:42px; }
  .chapter-scene[data-chapter="statement"] .chapter-stack,.chapter-scene[data-chapter="materials"] .chapter-stack,.chapter-scene[data-chapter="founders"] .chapter-stack,.chapter-scene .updates-sheet { display:flex; flex-direction:column; gap:28px; }
  .chapter-scene[data-chapter="statement"] .principles-grid { grid-template-columns:1fr; margin-top:4px; }
  .chapter-scene .quiet-copy,.chapter-scene .statement-prose,.chapter-scene .founder-prose { font-size:18px; }
  .chapter-scene .chapter-lead,.chapter-scene .statement-lead { font-size:23px; }
  .chapter-scene .founders-grid { width:100%; }
  .chapter-scene .updates-sheet { padding-top:2vh; }
}
@media(max-width:350px) {
  .chapter-scene .chapter-title,.chapter-scene .statement-title { font-size:38px; }
  .exhibit-details .detail-row { grid-template-columns:1fr; }
  .material-label { flex-basis:26%; }
}

.sampling-label { grid-column:1 / -1; margin:0; font:9px/1.65 "IBM Plex Mono",monospace; letter-spacing:.12em; text-transform:uppercase; color:rgba(33,28,22,.6); }