/* One spacing rhythm for the homepage; keep artwork and internal copy spacing intact. */
body.home { --home-section-space:64px; }
body.home .garden-page > .garden-section,
body.home .garden-page > #treehouse,
body.home .garden-page > .garden-workbench {
  padding-block:var(--home-section-space);
}
body.home .garden-page > #workflow { padding-top:52px; }
body.home #workflow .living-garden { margin-bottom:0; }
body.home .garden-page > #treehouse { margin-block:clamp(40px,5vw,72px); }
body.home .garden-page > .garden-workbench {
  padding-top:calc(var(--home-section-space) + 24px);
  padding-bottom:120px;
  padding-inline:clamp(16px,3vw,40px);
}
body.home .tree-site .site-footer.newton-footer { padding-top:var(--home-section-space); }
body.home .garden-compatibility-rail {
  min-height:68px;
  display:flex;
  align-items:center;
  gap:12px;
  border-block:1px solid var(--garden-line);
  color:var(--garden-ink);
  font-size:.78rem;
  letter-spacing:.01em;
}
body.home .garden-compatibility-label {
  margin-right:auto;
  color:var(--garden-muted);
}
body.home .garden-compatibility-option {
  padding:7px 11px;
  border:1px solid #3a3d3b;
  border-radius:999px;
  background:#101111;
}
body.home .garden-compatibility-separator { color:#747875; }
@media(min-width:1101px) {
  body.home .tree-site {
    --bough-top:-88px;
  }
  body.home .tree-site .hero { min-height:0; padding-bottom:36px; }
}
@media(max-width:700px) {
  body.home { --home-section-space:40px; }
  body.home .garden-page > #workflow { padding-top:40px; }
  body.home .garden-page > .garden-workbench { padding-top:64px; padding-bottom:104px; }
  body.home .garden-compatibility-rail {
    min-height:0;
    padding-block:18px;
    flex-wrap:wrap;
    gap:9px;
  }
  body.home .garden-compatibility-label { width:100%; margin:0 0 3px; }
}
