:root {
  --ink: #f0f0eb;
  --body: #d6dbd8;
  --muted: #aab1af;
  --faint: #78817e;
  --rule: #303738;
  --wash: #101315;
  --wash-2: #202b25;
  --accent: #b8f17a;
}
body { background: var(--wash); color: var(--body); }
.site-header { background: #101315; }
.head { padding: 5.5rem 0 4.5rem; }
.head h1 { font-family: var(--sans); font-size: clamp(2.5rem, 5vw, 4rem); font-weight: 500; line-height: 1.1; letter-spacing: -.055em; }
.head .eyebrow { color: var(--accent); }
.standfirst { color: var(--muted); font-size: 1.22rem; }
.byline { color: var(--faint); }
article { padding-top: 4.5rem; }
article h2 { font-size: 1.6rem; line-height: 1.25; letter-spacing: -.035em; margin-top: 4.25rem; }
article h2:first-child { margin-top: 0; }
.lede::first-letter { color: var(--accent); }
.takeaways { background: #181c1d; border-color: var(--rule); border-left-color: var(--accent); }
.stats { background: var(--rule); border-color: var(--rule); }
.stat { background: #181c1d; }
figure img { background: #fff; border-color: var(--rule); }
.langswitch { top: 6.25rem; right: max(1.5rem, calc((100vw - 1240px) / 2)); background: #181c1d; border-color: var(--rule); }
.langswitch button + button { border-color: var(--rule); }
.langswitch button[aria-pressed="true"] { color: var(--accent); }
.foot { background: #141819; border-color: var(--rule); }
.foot .wrap { max-width: 42rem; }
@media (max-width: 680px) {
  .head { padding: 4rem 0 3rem; }
  .head h1 { font-size: 2.5rem; }
  article { padding-top: 3rem; }
  article h2 { font-size: 1.4rem; margin-top: 3.2rem; }
  .langswitch { top: auto; bottom: 1rem; right: 1rem; }
}