/* V11 REVIEW — internal pages inherit the exact front-page typography system. */
.page-v8,
.page-v8 h1,
.page-v8 h2,
.page-v8 h3,
.page-v8 p,
.page-v8 a,
.page-v8 button{
  font-family:var(--sans);
}

/* Front-page section title: 18–29 px, weight 300, compact leading. */
.page-v8 .v8-founder-copy h2,
.page-v8 .v8-story-copy h2,
.page-v8 .v8-services h2,
.page-v8 .v8-studio-intro h2,
.page-v8 .v8-process h2,
.page-v8 .v8-next h2,
.page-v8 .v9-technology h2,
.page-v8 .v9-directions>header h2,
.page-v8 .v8-feature-copy h2,
.page-v8 .v10-brand-addendum h2,
.page-v8 .v8-collab-intro h2,
.page-v8 .v8-collab-section h2,
.page-v8 .v9-process-list h3,
.page-v8 .v8-service-list h3{
  margin-bottom:24px;
  font-size:clamp(18px,1.52vw,29px);
  font-weight:300;
  line-height:1.04;
  letter-spacing:-.035em;
}

/* Only page-level display headings use the front-page Newsroom/display scale. */
.page-v8 .v8-hero-copy h1,
.page-v8 .v8-minimal-hero h1{
  max-width:18ch;
  font-size:clamp(38px,4.3vw,68px);
  font-weight:300;
  line-height:.98;
  letter-spacing:-.035em;
}
.page-v8 .v8-minimal-hero>p:last-child{
  margin-top:24px;
  font-size:clamp(10px,.625vw,12px);
  font-weight:350;
  line-height:1.58;
}

/* Front-page body copy: 10–12 px desktop, weight 350, 1.58 leading. */
.page-v8 .v8-founder-copy>p:not(.eyebrow):not(.v8-signature),
.page-v8 .v8-story-copy p,
.page-v8 .v8-columns p,
.page-v8 .v8-services p,
.page-v8 .v8-feature-copy>p:not(.eyebrow),
.page-v8 .v10-brand-addendum p:not(.eyebrow),
.page-v8 .v9-direction p,
.page-v8 .v9-process-list p,
.page-v8 .v8-collab-intro>p:not(.eyebrow),
.page-v8 .v8-collab-section header>p:last-child,
.page-v8 .v8-next>p:not(.eyebrow){
  font-size:clamp(10px,.625vw,12px);
  font-weight:350;
  line-height:1.58;
}

.page-v8 .eyebrow,
.page-v8 .v9-process-list span,
.page-v8 .v8-collab-section>header>span{
  font-size:10px;
  font-weight:400;
  line-height:1.4;
  letter-spacing:.18em;
}

/* Spacing follows the compact scale used around front-page copy. */
.page-v8 .v8-columns{margin-top:38px}
.page-v8 .v8-service-list{margin-top:52px}
.page-v8 .v9-process-list h3{margin-top:28px}
.page-v8 .v8-collab-intro h2{max-width:34ch}
.page-v8 .v8-collab-section h2{max-width:22ch}

@media(max-width:900px){
  .page-v8 .v8-founder-copy h2,
  .page-v8 .v8-story-copy h2,
  .page-v8 .v8-services h2,
  .page-v8 .v8-studio-intro h2,
  .page-v8 .v8-process h2,
  .page-v8 .v8-next h2,
  .page-v8 .v9-technology h2,
  .page-v8 .v9-directions>header h2,
  .page-v8 .v8-feature-copy h2,
  .page-v8 .v10-brand-addendum h2,
  .page-v8 .v8-collab-intro h2,
  .page-v8 .v8-collab-section h2,
  .page-v8 .v9-process-list h3,
  .page-v8 .v8-service-list h3{
    font-size:clamp(22px,6vw,32px);
    line-height:1.04;
  }
  .page-v8 .v8-hero-copy h1,
  .page-v8 .v8-minimal-hero h1{
    font-size:clamp(32px,9vw,48px);
  }
  .page-v8 .v8-founder-copy>p:not(.eyebrow):not(.v8-signature),
  .page-v8 .v8-story-copy p,
  .page-v8 .v8-columns p,
  .page-v8 .v8-services p,
  .page-v8 .v8-feature-copy>p:not(.eyebrow),
  .page-v8 .v10-brand-addendum p:not(.eyebrow),
  .page-v8 .v9-direction p,
  .page-v8 .v9-process-list p,
  .page-v8 .v8-collab-intro>p:not(.eyebrow),
  .page-v8 .v8-collab-section header>p:last-child,
  .page-v8 .v8-next>p:not(.eyebrow),
  .page-v8 .v8-minimal-hero>p:last-child{
    font-size:clamp(12px,3.4vw,15px);
  }
}