/* what-we-do page */
.wwd-jump { margin-top: 44px; }
.wwd-jump .tag { height: 40px; padding: 0 18px; font-size: 14px; transition: color .25s var(--ease), border-color .25s var(--ease), background .25s var(--ease); }
.wwd-jump .tag:hover { color: var(--accent); border-color: rgba(240, 90, 40, .35); background: rgba(240, 90, 40, .06); }

.wwd-cap { scroll-margin-top: 40px; }
.wwd-cap + .wwd-cap .wwd-cap__grid { border-top: 1px solid var(--line); padding-top: clamp(72px, 8vw, 120px); }
.wwd-cap + .wwd-cap { padding-top: 0; }
.wwd-cap__grid { display: grid; grid-template-columns: minmax(180px, 280px) 1fr; gap: clamp(32px, 6vw, 110px); align-items: start; }
.wwd-cap__head { position: sticky; top: calc(var(--nav-h) + 40px); display: flex; flex-direction: column; gap: 28px; }
.wwd-cap__icon { width: 56px; height: 56px; }
.wwd-cap__lede { max-width: 720px; margin-top: 24px; }
.wwd-cap__cols { margin-top: clamp(44px, 5vw, 72px); gap: clamp(32px, 4vw, 64px); }

.wwd-label {
  font-family: 'DM Sans', sans-serif; font-size: 12px; font-weight: 700; letter-spacing: .18em; text-transform: uppercase;
  color: var(--ink); margin-bottom: 18px;
}
.wwd-label:not(:first-child) { margin-top: 36px; }
.wwd-list { list-style: none; border-top: 1px solid var(--line); }
.wwd-list li {
  position: relative; padding: 14px 0 14px 26px; border-bottom: 1px solid var(--line);
  font-size: 16px; line-height: 1.55; color: var(--muted);
}
.wwd-list li::before { content: ""; position: absolute; left: 2px; top: 24px; width: 8px; height: 8px; border-radius: 50%; background: var(--accent); }
.wwd-links { display: flex; flex-direction: column; align-items: flex-start; gap: 12px; }

.wwd-host { scroll-margin-top: 0; }
.wwd-next .copy { margin-top: 18px; }
.wwd-next .join { justify-content: center; }

@media (max-width: 760px) {
  .wwd-jump { margin-top: 32px; }
  .wwd-cap__grid { grid-template-columns: 1fr; gap: 24px; }
  .wwd-cap__head { position: static; flex-direction: row; align-items: flex-end; justify-content: space-between; }
  .wwd-cap__icon { width: 48px; height: 48px; }
  .wwd-cap__cols { margin-top: 36px; }
  .wwd-next .wrap { text-align: left; }
  .wwd-next .join { justify-content: flex-start; }
}