@font-face{font-family:Instrument;src:url('./assets/fonts/instrument-sans-latin.woff2')}*{box-sizing:border-box}body{margin:0;background:#f4f3ee;color:#20251f;font-family:Instrument,Arial,sans-serif}a{color:inherit;text-decoration:none}header{display:flex;justify-content:space-between;padding:28px 5%;border-bottom:1px solid #d5d6cf}header a{font-weight:600}header span{font-weight:400;color:#74786f}main{max-width:1440px;margin:auto;padding:0 5%}.hero{padding:80px 0 65px}.eyebrow,.meta,.workhead>span,.about>span{font-size:11px;letter-spacing:1.5px}h1{font-size:clamp(60px,8vw,112px);line-height:.99;letter-spacing:-5px;font-weight:500;margin:32px 0 42px}h1 em{font-style:normal;color:#697753}.intro{display:flex;justify-content:space-between;gap:40px;align-items:end}.intro>p{max-width:510px;font-size:21px;line-height:1.5}.stat{display:flex;gap:22px;align-items:center}.stat strong{font-size:90px;font-weight:400;letter-spacing:-6px}.stat span{font-size:14px;line-height:1.6;color:#62695c}.workhead{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #aeb4a4;padding-top:28px}.workhead h2{font-size:28px;font-weight:500}.controls{display:flex;align-items:center;gap:20px;flex-wrap:wrap;margin:25px 0}.filters{display:flex;gap:6px;flex-wrap:wrap}button{border:1px solid #c9cec0;padding:10px 17px;border-radius:30px;background:transparent;color:inherit;cursor:pointer;font:inherit;font-size:13px}button[aria-pressed=true]{background:#263422;color:white;border-color:#263422}.search{margin-left:auto;font-size:12px}input{padding:10px;border:1px solid #c9cec0;background:transparent;border-radius:4px;font:inherit;width:170px}output{font-size:12px;color:#62695c}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#cbd0c2;border:1px solid #cbd0c2}article{background:#f4f3ee;padding:26px;min-height:285px;display:flex;flex-direction:column}article[hidden]{display:none}.meta{display:flex;justify-content:space-between;color:#68715e;font-size:10px;letter-spacing:.5px;gap:10px}article h2{font-size:27px;font-weight:500;letter-spacing:-.8px;margin:32px 0 10px}article p{font-size:14px;color:#62695c;line-height:1.65;margin:0 0 25px}article a,article>span{font-size:12px;margin-top:auto}article a{text-decoration:underline;text-underline-offset:5px}article:hover{background:#eaeede}.about{padding:90px 0;display:grid;grid-template-columns:1fr 2fr;gap:25px}.about h2{font-size:45px;font-weight:400;letter-spacing:-1.6px;margin:0}.about p{grid-column:2;max-width:550px;line-height:1.8;color:#62695c}footer{background:#263422;color:#f3f5ea;padding:50px;margin-bottom:30px}footer h2{font-size:50px;font-weight:400;letter-spacing:-2px;margin:0 0 30px}footer a{display:inline-block;border-bottom:1px solid #adbc96;padding-bottom:8px}footer p{margin-top:60px;font-size:12px;color:#b8c4ab}:focus-visible{outline:3px solid #768d4c;outline-offset:4px}@media(max-width:900px){.grid{grid-template-columns:repeat(2,1fr)}.search{margin-left:0}}@media(max-width:600px){header{font-size:12px}header span{display:block;margin-top:5px}.hero{padding-top:50px}h1{letter-spacing:-3px}.intro{display:block}.stat strong{font-size:65px}.workhead{display:block}.workhead h2{font-size:25px}.grid{grid-template-columns:1fr}.about{display:block;padding:60px 0}.about h2{font-size:36px;margin-top:25px}footer{padding:30px}footer h2{font-size:40px}}
.project-tag { align-self: flex-start; margin: 18px 0 0; padding: 4px 9px; background: #e4ead9; color: #384a2a; font-size: 12px; border-radius: 4px; }
.project-tag + h2 { margin-top: 12px; }
article .access { margin-top: 10px; }
.report-preview { padding-bottom: 80px; }
.report-preview h1 { font-size: clamp(44px, 7vw, 90px); }
.report-preview p { max-width: 64ch; font-size: 19px; line-height: 1.55; }
.report-preview figure { margin: 30px 0; }
.report-preview img { width: 100%; max-width: 1200px; height: auto; }
.report-preview figcaption { margin-top: 10px; color: #52604e; }
.report-preview > a { text-decoration: underline; }

.project-tags { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 18px; }
.project-tags .project-tag { margin: 0; background: #e7e7e1; color: #444940; }
.project-tags .traction, button[data-tag-filter="traction"] { background: #dcf4db; color: #145623; }
button[data-tag-filter="traction"][aria-pressed="true"] { background: #185d2c; color: white; }
.project-tags + h2 { margin-top: 12px; }
.report-preview table { width: 100%; max-width: 760px; border-collapse: collapse; margin: 32px 0; }
.report-preview caption { text-align: left; margin-bottom: 14px; font-weight: 600; }
.report-preview th, .report-preview td { padding: 12px 8px; border-bottom: 1px solid #cbd0c2; text-align: right; }
.report-preview th:first-child { text-align: left; }

.card-fact {
  color: #275a30;
  font-size: 19px;
  font-weight: 600;
  margin: 0 0 10px;
}
article p {
  margin-bottom: 12px;
}
.keywords {
  display: flex;
  flex-wrap: wrap;
  gap: 2px 10px;
  margin-bottom: 22px;
}
.keywords button {
  border: 0;
  border-radius: 2px;
  padding: 4px 0;
  color: #405847;
  font: 12px/1.45 ui-monospace, monospace;
}
.keywords button:hover { text-decoration: underline; }
.grid { margin-bottom: 56px; }

.demo-access {
  margin-top: 12px;
  display: grid;
  gap: 4px;
  font-size: 12px;
}
.demo-access span, .demo-access small { color: #56634f; }
.demo-access code { overflow-wrap: anywhere; user-select: all; }