@font-face {
  font-family: "Nunito";
  src: url("assets/Nunito-VariableFont.ttf") format("truetype");
  font-weight: 200 1000;
  font-display: swap;
}
@font-face {
  font-family: "Crimson Pro";
  src: url("assets/CrimsonPro-VariableFont.ttf") format("truetype");
  font-weight: 200 900;
  font-display: swap;
}
:root {
  --rr-green: #005f32;
  --rr-olive: #a59f21;
  --rr-text: #606060;
  --rr-paper: #fcfbf7;
  --rr-heading: "Crimson Pro", Georgia, serif;
  --rr-body: "Nunito", sans-serif;
  --rr-h1: 42px;
  --rr-h2: 36px;
  --rr-h3: 32px;
  --rr-h4: 28px;
  --rr-h5: 26px;
  --rr-h6: 24px;
  --bento-green: var(--rr-green);
  --bento-paper: var(--rr-paper);
}
html body { font-family: var(--rr-body); color: var(--rr-text); background-color: var(--rr-paper); font-size: 18px; line-height: 1.6; }
body :is(a, button, input, select, textarea, label, summary, p, small) { font-family: var(--rr-body) !important; }
body :is(h1,h2,h3,h4,h5,h6), .project-dashboard strong { font-family: var(--rr-heading) !important; font-weight: 350 !important; }
body :is(h1,h2,h3,h4,h5,h6) { color: var(--rr-green); }
body h1 { font-size: var(--rr-h1) !important; line-height: 1 !important; }
body h2 { font-size: var(--rr-h2) !important; line-height: 1.1 !important; }
body h3 { font-size: var(--rr-h3) !important; line-height: 1.1 !important; }
body :is(h4,h5,h6) { font-weight: 400 !important; line-height: 1.1; }
body h4 { font-size: var(--rr-h4); } body h5 { font-size: var(--rr-h5); } body h6 { font-size: var(--rr-h6); }
body a { color: var(--rr-green); }
body a:hover { color: var(--rr-olive); }
body :is(button,input,select,textarea), .study nav a { border-radius: 4px; }
body .primary, body .space-primary-action, .study .comparison-tools button, .study [aria-current=page], .study [aria-pressed=true] { background: var(--rr-green) !important; color: white !important; border: 1px solid var(--rr-green); border-radius: 4px !important; }
body .primary, body .space-primary-action { font-size: 18px; font-weight: 400; padding: 16px 32px; }
body :is(.primary,.space-primary-action):is(:hover,:focus-visible), .study .comparison-tools button:is(:hover,:focus-visible) { background: white !important; color: var(--rr-green) !important; }
body :is(button,a,summary,input,select):focus-visible { outline: 2px solid var(--rr-olive); outline-offset: 3px; }
.study main, .study nav a, .study button { color: var(--rr-green); }
.study #description { color: var(--rr-text); font-size:18px; }
.study-board, .project-dashboard { gap:16px; }
.study figure, .fitting-context img, .stall-gallery>img { border-radius:6px; }
body .project-handoff h2, body .scene-wrap :is(h1,h2,h3) { color:white; }
@media(max-width:1024px) { :root { --rr-h1:36px; --rr-h2:32px; --rr-h3:28px; --rr-h4:26px; --rr-h5:24px; --rr-h6:22px; } }
@media(max-width:767px) { :root { --rr-h1:32px; --rr-h2:28px; --rr-h3:26px; --rr-h4:24px; --rr-h5:22px; --rr-h6:20px; } }