/* Interior pages share the homepage's type, palette, navigation, and links. */
.inner-page .page-intro { padding-block: 52px 32px; }
.inner-page .page-intro h1 { font: 500 clamp(38px,4.4vw,58px)/1.12 var(--serif); letter-spacing: -.03em; color: var(--home-ink); max-width: 19ch; margin: 0 0 22px; }
.inner-page .page-intro .page-lede { font-size: 19px; line-height: 1.7; max-width: 780px; color: var(--home-muted); margin: 0; }
.inner-page .page-intro .page-link-list { margin-top: 23px; }
.inner-page .home-nav-links a[aria-current="page"] { color: var(--home-ink); text-decoration: underline; text-underline-offset: 6px; }
.inner-page .home-section p { color: var(--home-muted); font-size: 15px; line-height: 1.8; }
.inner-page .home-section .home-kicker { font-size: 11px; line-height: 1.6; color: var(--home-accent); }
.page-section-heading { max-width: 780px; margin-bottom: 28px; }
.page-section-heading p { margin: 0; }
.page-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 32px 40px; }
.page-grid > article, .page-grid > section { min-width: 0; }
.page-grid-three { grid-template-columns: repeat(3,minmax(0,1fr)); }
.page-project { display: grid; grid-template-columns: 1.15fr 1fr; gap: 40px; align-items: start; padding-block: 32px; border-top: 1px solid var(--home-line); }
.page-project:first-of-type { padding-top: 0; border-top: 0; }
.page-project figure { margin: 0; min-width: 0; }
.page-project figcaption, .page-profile figcaption, .page-media figcaption { font-size: 12px; line-height: 1.7; color: var(--home-muted); margin-top: 10px; }
.page-project-copy { min-width: 0; }
.page-project-copy h3 { font-size: 30px; }
.page-project-copy h4 { font-size: 14px; font-weight: 500; margin: 22px 0 6px; }
.inner-page .page-meta { font-size: 12px; color: var(--home-accent); margin-bottom: 10px; }
.inner-page .home-section p.page-meta { font-size: 12px; color: var(--home-accent); }
.page-tags, .page-link-list { display: flex; flex-wrap: wrap; gap: 10px 20px; align-items: center; }
.page-tags { margin-block: 15px; font-size: 12px; color: var(--home-accent); }
.page-list { display: grid; gap: 0; }
.page-list > article, .page-list > section, .page-list > li { padding-block: 24px; border-top: 1px solid var(--home-line); }
.page-list > :first-child { padding-top: 0; border-top: 0; }
.page-list h3 { font-size: 25px; }
.page-list p:last-child { margin-bottom: 0; }
.page-list > article p { max-width: 780px; }
.page-timeline { display: grid; gap: 28px; }
.page-timeline-item { display: grid; grid-template-columns: 160px minmax(0,1fr); gap: 32px; padding-top: 28px; border-top: 1px solid var(--home-line); }
.page-timeline-item:first-child { padding-top: 0; border-top: 0; }
.page-timeline-item h3 { font-size: 26px; }
.page-profile { display: grid; grid-template-columns: 220px minmax(0,1fr); gap: 40px; align-items: start; }
.page-profile figure { margin: 0; }
.page-profile img { width: 100%; height: auto; border-radius: 15px; border: 1px solid var(--home-line); }
.page-reading { max-width: 800px; }
.page-reading > :last-child { margin-bottom: 0; }
.inner-page .page-note { color: var(--home-muted); font-size: 13px; padding-left: 16px; border-left: 2px solid var(--home-line); margin-top: 22px; }
.inner-page .home-section p.page-note { font-size: 13px; }
#brain-video-description { margin-top: 24px; }
.page-steps { display: grid; gap: 23px; padding-left: 24px; margin: 24px 0 0; }
.page-steps li { padding-left: 8px; }
.page-steps li::marker { color: var(--home-accent); font-weight: 500; }
.page-steps h3 { font-size: 23px; margin-bottom: 8px; }
.page-steps p:last-child { margin-bottom: 0; }
.page-media { margin: 0; }
.page-media video, .page-media img { width: 100%; height: auto; display: block; border-radius: 10px; border: 1px solid var(--home-line); background: #101517; }
.inner-page details { border-top: 1px solid var(--home-line); padding-block: 16px; }
.inner-page details:last-child { border-bottom: 1px solid var(--home-line); }
.inner-page summary { cursor: pointer; font-size: 15px; font-weight: 500; line-height: 1.65; }
.inner-page details[open] summary { margin-bottom: 15px; }
.inner-page details p, .inner-page details ul { margin-bottom: 12px; }
.inner-page li { line-height: 1.8; color: var(--home-muted); }
.inner-page ul { padding-left: 21px; }
.inner-page li + li { margin-top: 6px; }
.inner-page .page-cta { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 22px; }
.page-cta > div:not(.home-shell) { max-width: 690px; }
.page-cta p { margin-bottom: 0; }
.page-email { font: 500 clamp(21px,3.5vw,34px)/1.5 var(--serif); border-bottom: 1px solid var(--home-line); overflow-wrap: anywhere; }
.page-contact-options { margin-top: 35px; }
.page-contact-options article { border-top: 1px solid var(--home-line); padding-top: 24px; }
.page-contact-options h2 { font-size: 28px; }
.page-contact-options p { max-width: 55ch; }
.page-contact-social { display: flex; flex-wrap: wrap; gap: 14px 24px; }
.page-directory-nav { display: flex; flex-wrap: wrap; gap: 12px 22px; margin: 0 0 26px; }
.inner-page [id] { scroll-margin-top: 24px; }
.inner-page .home-viewer #preview-image { max-height: none; }
@media (max-width: 850px) {
  .page-project { gap: 27px; }
  .page-project-copy h3 { font-size: 27px; }
  .page-grid { gap: 28px; }
  .page-grid-three { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .page-profile { grid-template-columns: 175px minmax(0,1fr); gap: 28px; }
}
@media (max-width: 620px) {
  .inner-page .page-intro { padding-block: 34px 24px; }
  .inner-page .page-intro h1 { font-size: clamp(35px,9vw,45px); margin-bottom: 19px; }
  .inner-page .page-intro .page-lede { font-size: 17px; }
  .page-project, .page-grid, .page-grid-three, .page-profile, .page-timeline-item { grid-template-columns: 1fr; }
  .page-project { gap: 23px; padding-block: 28px; }
  .page-profile { gap: 22px; }
  .page-profile figure { max-width: 150px; }
  .page-timeline-item { gap: 7px; padding-top: 23px; }
  .page-timeline-item .page-meta { margin-bottom: 0; }
  .page-steps { padding-left: 21px; }
  .page-project-copy h3 { font-size: 28px; }
  .page-media figcaption { font-size: 12px; }
}
@media (pointer: coarse) { .inner-page summary { min-height: 44px; padding-block: 8px; } }