.agency {
  padding: clamp(var(--space-12), 10vw, var(--space-20)) var(--page-gutter) 0;
  line-height: 1.45;
}
.agency :is(h1, h2, h3, p) { margin: 0; }
.agency a { text-decoration: underline; text-underline-offset: .2em; }
.agency__intro { padding-bottom: var(--space-6); }
.agency__intro h1 {
  font-size: clamp(40px, 5.6vw, 80px);
  line-height: 1.1;
  letter-spacing: -.04em;
}
.agency__desktop-break { display: none; }
.site-blue .agency__intro p,
.site-blue .agency__project-summary {
  font-size: var(--type-lead);
  line-height: 1.3;
}
.agency__intro p {
  max-width: 880px;
  margin-top: var(--space-4);
}
.agency__cta {
  display: inline-flex;
  align-items: center;
  min-height: var(--space-6);
  margin-top: var(--space-3);
  font-size: var(--type-lead);
}
.agency__cta:hover { text-decoration-thickness: 2px; }
.agency__section { padding-bottom: var(--section-space); }
.agency__columns,
.agency__featured,
.agency__project-grid,
.agency__enquiry-details {
  display: grid;
  gap: var(--space-4);
}
.agency__columns h2,
.agency__project-grid h3 { font-size: var(--type-lead); line-height: 1.2; }
.agency .agency__scope-copy { max-width: 352px; margin-top: var(--space-3); }
.agency__capabilities {
  display: grid;
  column-gap: var(--space-4);
  margin: var(--space-3) 0 0;
  padding: 0;
  list-style: none;
}
.agency__capabilities li {
  padding-block: var(--space-2);
  border-top: 1px solid var(--section-rule);
}
.agency__work h2,
.agency__enquiry h2 {
  font-size: clamp(32px, 3.4vw, 48px);
  line-height: 1.1;
  letter-spacing: -.035em;
}
.agency__featured { align-items: end; margin-block: var(--space-6) var(--section-space); }
.agency__featured h3 { font-size: 32px; line-height: 1.1; letter-spacing: -.025em; }
.agency__featured .agency__project-summary { max-width: 384px; margin-top: var(--space-3); }
.agency__featured .agency__project-detail { max-width: 384px; margin-top: var(--space-3); }
.agency__project-grid h3 { margin-top: var(--space-3); }
.agency__project-grid .agency__project-detail { max-width: 544px; margin-top: var(--space-1); }
.agency__project-detail { color: #535353; }
.agency__work img { display: block; width: 100%; height: auto; }
.agency__work article a { display: inline-flex; align-items: center; min-height: var(--space-6); margin-top: var(--space-1); }
.agency__enquiry h2 { max-width: 360px; }
.agency__email { display: block; width: fit-content; overflow-wrap: anywhere; }
@media (min-width: 600px) {
  .agency__capabilities { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (min-width: 992px) {
  .agency__desktop-break { display: initial; }
  .agency__columns { grid-template-columns: minmax(0, 1fr) minmax(0, 2.06fr); }
  .agency__featured { grid-template-columns: minmax(0, 2.06fr) minmax(0, 1fr); }
  .agency__project-grid,
  .agency__enquiry-details { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .agency__enquiry .agency__columns { padding-top: var(--space-6); }
}