/* Quiet galleries: a shared reading order, measured type, aligned media. */
html body :is(#past,#present){padding-block:64px 72px}
html body :is(#past,#present) .chapter-heading{display:block;margin:0 0 40px;padding:0}
html body :is(#past,#present) .chapter-heading h2{font-size:22px!important;line-height:1.3;letter-spacing:-.02em!important;color:#242424}
html body .past-composition{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px 28px;max-width:none;margin:0}
html body .present-projects{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:40px 28px}
html body .past-composition .work-card{grid-column:auto;grid-row:auto;width:100%;margin:0;min-width:0;justify-self:stretch}
html body :is(#past,#present) :is(.work-card-heading,.present-project-heading){display:block;height:auto;margin:0;padding:0 0 20px}
html body :is(#past,#present) :is(.work-card-heading,.present-project-heading) .eyebrow{font-size:11px!important;line-height:1.4;letter-spacing:.06em;margin:0 0 8px;color:#616161}
html body :is(#past,#present) :is(.work-card-heading,.present-project-heading) h3{font-size:clamp(24px,2.1vw,30px)!important;line-height:1.2;letter-spacing:-.025em;margin:0;color:#242424}
html body :is(#past,#present) .project-video,
html body :is(#past,#present) .present-project-image img{display:block;width:100%;max-width:none;height:auto;aspect-ratio:16/9;object-fit:contain;background:#000;margin:0;border-radius:0}
html body :is(#past,#present) .work-card-caption{display:flex;flex-direction:column;align-items:flex-start;gap:6px;padding-top:16px;margin:0}
html body :is(#past,#present) .work-card-caption p{font-size:15px;line-height:1.5;color:#616161;margin:0;letter-spacing:0}
html body :is(#past,#present) .work-card-caption .text-link{font-size:13px;line-height:1.4;min-height:36px;margin:0;padding:0;gap:8px;text-decoration:none;color:#242424}
html body :is(#past,#present) .work-card-caption .text-link:hover{text-decoration:underline}
@media(max-width:760px){
 html body :is(#past,#present){padding-block:48px}
 html body :is(#past,#present) .chapter-heading{margin-bottom:32px}
 html body :is(.past-composition,.present-projects){grid-template-columns:1fr;gap:40px}
 html body :is(#past,#present) :is(.work-card-heading,.present-project-heading){padding-bottom:16px}
}