.studio-page section { max-width: 700px; }
.studio-page h2 { margin-bottom: 31px; }
.studio-intro { padding-bottom: 116px; }
.studio-intro h1 { margin-bottom: 29px; }
.studio-intro p { max-width: 620px; font-size: 16px; line-height: 1.62; }
.studio-intro .studio-lede { font-size: 18px; line-height: 1.55; }
.studio-actions { display: flex; flex-wrap: wrap; gap: 9px; margin-top: 29px; }
.studio-actions .button { gap: 7px; }
.studio-actions i, .studio-collaborate i { font-size: 15px; }
.studio-practice { padding-bottom: 111px; }
.practice-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 46px; }
.practice-item h3 { margin: 0 0 11px; font-size: 22px; line-height: 1.2; }
.practice-item p { margin-bottom: 16px; color: var(--muted); font-size: 15px; line-height: 1.58; }
.practice-item a, .studio-collaborate a { font-size: 14px; text-decoration-color: var(--subtle); text-underline-offset: 4px; }
.practice-item a:hover, .studio-collaborate a:hover { color: var(--accent); }
.studio-projects { padding-bottom: 113px; }
.studio-projects .section-copy { max-width: 590px; margin-top: -10px; margin-bottom: 36px; color: var(--muted); font-size: 15px; }
.studio-project { padding: 23px 0 25px; border-top: 1px solid rgba(80, 84, 87, .18); }
.studio-project:last-child { border-bottom: 1px solid rgba(80, 84, 87, .18); }
.project-heading { display: flex; align-items: baseline; justify-content: space-between; gap: 20px; }
.studio-project h3 { margin: 0 0 8px; font-size: 22px; line-height: 1.25; }
.studio-project span { flex: 0 0 auto; color: var(--subtle); font-size: 12px; }
.studio-project p { max-width: 565px; margin: 0 0 11px; color: var(--muted); font-size: 15px; line-height: 1.55; }
.studio-project a { font-size: 14px; }
.studio-project a:hover { color: var(--accent); }
.studio-collaborate { padding-bottom: 68px; }
.studio-collaborate h2 { margin-bottom: 18px; }
.studio-collaborate p { max-width: 590px; margin-bottom: 21px; font-size: 16px; line-height: 1.6; }
.studio-collaborate a { display: inline-flex; align-items: center; gap: 3px; }

@media (max-width: 700px) {
  .studio-page h2 { margin-bottom: 27px; font-size: 27px; }
  .studio-intro { padding-bottom: 91px; }
  .studio-intro h1 { margin-bottom: 25px; }
  .studio-intro p { font-size: 15px; }
  .studio-intro .studio-lede { font-size: 17px; }
  .studio-practice, .studio-projects { padding-bottom: 91px; }
  .practice-list { gap: 28px; }
  .studio-collaborate p { font-size: 15px; }
}

@media (max-width: 480px) {
  .practice-list { grid-template-columns: 1fr; }
  .project-heading { display: block; }
  .studio-project h3 { margin-bottom: 2px; }
  .studio-project span { display: block; margin-bottom: 10px; }
}