/* Shared editorial type and controls. Plates retain their original artwork. */
:root {
  --sans: -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;
  --display: var(--sans);
  --serif: var(--sans);
  --mono: ui-monospace, "SFMono-Regular", Menlo, monospace;
}
body {font-family:var(--sans)}
h1,h2,h3,h4,.display,.hero .display--hero,#connect-title,#edge-title,.edge-head h3 {
  font-family:var(--sans);font-weight:550;letter-spacing:-.043em;line-height:1.1;
}
#connect-title {font-size:clamp(2.6rem,5.3vw,5.25rem);max-width:12ch;text-wrap:balance}
#edge-title {font-size:clamp(1.6rem,2.8vw,3rem)}
#garden-boundary .edge-notes strong {font:550 1.15rem/1.45 var(--sans);letter-spacing:-.022em}
.body,.lede,.sheet p:not(.eyebrow),.edge-notes p,.hero-tools span {font-size:max(1rem,1em);line-height:1.58}
.sheet--cream {background:#f7f6ee;--ink-faint:#58675c}
.sheet--forest {--ink-faint:#c5d0c3}
#toolkit {background:#233c2f}
.chrome.nav {padding-block:.65rem;background:rgba(21,38,30,.94);border-bottom:1px solid #ffffff30}
body.is-sheets .chrome.nav {background:rgba(245,247,239,.95);border-color:#34483530}
@supports (backdrop-filter:blur(8px)) {
  .chrome.nav {backdrop-filter:blur(10px);background:rgba(21,38,30,.84)}
}
.nav__item,.nav__cta,.garden-inquiry,.btn,.hero-tools strong,.edge-key b {font-family:var(--sans)}
.nav__item,.nav__cta {text-transform:none;letter-spacing:.015em;font-size:1rem;font-weight:550}
.nav__item,.nav__menu a,.btn,.garden-inquiry,.edge-key button {min-height:44px}
.hero-tools a,.garden-inquiry {border-radius:.75rem}
.hero-tools strong {letter-spacing:-.03em}
.hero-tools span {color:#e3e9de}
#garden-boundary,.soil-atlas {border-radius:1rem;border:1px solid #b7bdab;box-shadow:0 5px 20px #12291b12}
#garden-boundary .edge-head {padding:1.25rem}
#garden-boundary .edge-drawing img {object-fit:contain}
#garden-boundary .garden-leaf-art {object-fit:cover}
#garden-boundary .edge-key b {font-size:1rem}
#garden-boundary .edge-notes a {padding-block:.4rem;min-height:44px}
.eyebrow,.edge-kicker,.edge-folio {letter-spacing:.13em}
:where(a,button,input,select,textarea,summary):focus-visible {outline:3px solid #ae641f;outline-offset:2px;box-shadow:0 0 0 5px #fff9df}
button:active,.btn:active,.garden-inquiry:active {filter:brightness(.92)}
@media(min-width:761px) and (max-width:1024px) {
  #gardens .panel__inner {grid-template-columns:minmax(0, .85fr) minmax(0,1.35fr);gap:1.5rem;padding-inline:4vw}
  #garden-boundary .edge-drawing,#garden-boundary .edge-key {margin-inline:1rem}
}
@media(max-width:760px) {
  #gardens .panel__inner {padding:5.25rem 1.25rem 2.5rem;gap:1.75rem}
  #garden-boundary {scroll-margin-top:4.5rem}
  #gardens .card .body {max-width:40ch}
  .hero .panel__inner {padding-inline:1.25rem;padding-block:6rem 5rem}
  .hero .display--hero {font-size:clamp(2.45rem,8vw,3.5rem);max-width:13ch}
  .hero .lede {font-size:1rem;max-width:31ch;line-height:1.55}
  .hero-tools {grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem}
  .hero-tools a {padding:.75rem}.hero-tools span {font-size:1rem}
  .menu__inner {overscroll-behavior:contain}
  .menu nav {padding-top:.75rem}
}
@media(prefers-reduced-motion:reduce) {
  html {scroll-behavior:auto!important}
  *,*::before,*::after {animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:0s!important;transition-delay:0s!important}
}
#garden-boundary .edge-drawing .garden-leaf-art {object-fit:cover}
@media(min-width:761px) and (max-width:1024px) and (orientation:portrait) {
  #gardens .panel__inner {grid-template-columns:minmax(0,1fr);align-content:center;gap:2rem;padding:6rem 8vw 3rem}
  #gardens .card {max-width:40rem}
  #connect-title {max-width:18ch}
  #gardens .body {max-width:55ch}
  #gardens .garden-inquiry {margin-top:.8rem}
}