/* wildfieldlabs.com (2026-11-10, agreed from tools/mockups/website-redesign/wildfield.html). A cousin of Hivecast, not a
   copy: the same two typefaces, but field green on warm paper, and a strip of wild meadow along the bottom. */
@font-face { font-family: 'Figtree'; src: url(/fonts/figtree-latin-7073ac.woff2) format('woff2'); font-weight: 300 900; font-display: swap; }
@font-face { font-family: 'Young Serif'; src: url(/fonts/young-serif-latin-e51b6d.woff2) format('woff2'); font-weight: 400; font-display: swap; }
:root { color-scheme: light dark;
  --paper: #f5f2e8; --card: #fffdf6; --ink: #1c2a20; --muted: #5b685d; --line: #dcd8c8; --green: #2f5a3a; --green-deep: #1f3b27; --gold: #c9962b;
  --g1: #7fa46a; --g2: #4f7f45; --g3: #a9c08f; --leaf: #6d9a5a; --white: #fffaf0; --lav: #a892d6; --gold-p: #e9b93f; --straw: #cdb679; --petal-edge: #cfc7ad; }
@media (prefers-color-scheme: dark) { :root {
  --paper: #111712; --card: #1a221b; --ink: #e9ede4; --muted: #9eab9f; --line: #2c382e; --green: #8fbf86; --green-deep: #0c120d; --gold: #e3b450;
  --g1: #4c7341; --g2: #3a5f35; --g3: #2f4a2c; --leaf: #47703f; --white: #e9e4d2; --lav: #9a86cf; --gold-p: #d9a932; --straw: #a8935a; --petal-edge: #8d876f; } }
* { box-sizing: border-box; }
html, body { height: 100%; }
body { margin: 0; background: var(--paper); color: var(--ink); font: 17px/1.6 'Figtree', system-ui, -apple-system, sans-serif; -webkit-font-smoothing: antialiased; display: flex; flex-direction: column; min-height: 100%; }
main { flex: 1; width: min(640px, 100%); margin: 0 auto; padding: 56px 24px 28px; display: grid; align-content: center; justify-items: start; gap: 0; }
.mark { width: 54px; height: 54px; }
h1 { font: 400 clamp(2.3rem, 8vw, 3.4rem)/1.06 'Young Serif', Georgia, serif; margin: 22px 0 0; letter-spacing: -.005em; }
h1 span { font-size: .5em; color: var(--muted); letter-spacing: .04em; white-space: nowrap; }
.lede { margin: 16px 0 0; font-size: 1.2rem; line-height: 1.5; color: var(--muted); max-width: 26em; }
.app { margin-top: 30px; width: 100%; display: grid; grid-template-columns: 64px 1fr auto; gap: 16px; align-items: center; padding: 16px 18px; border-radius: 20px; background: var(--card); border: 1px solid var(--line);
  box-shadow: 0 1px 2px rgba(40,50,30,.05), 0 14px 30px -18px rgba(40,50,30,.3); color: inherit; text-decoration: none; }
.app img { width: 64px; height: 64px; border-radius: 15px; display: block; }
.app b { display: block; font: 400 1.35rem/1.2 'Young Serif', Georgia, serif; }
.app span { display: block; color: var(--muted); font-size: .95rem; line-height: 1.4; }
.app em { font-style: normal; font-weight: 700; color: var(--green); font-size: .95rem; white-space: nowrap; }
.app svg { width: 22px; height: 22px; fill: none; stroke: var(--green); stroke-width: 2.2; stroke-linecap: round; stroke-linejoin: round; }
.contact { margin-top: 30px; display: grid; gap: 2px; }
.contact span { font: 700 .74rem/1.4 'Figtree', sans-serif; letter-spacing: .12em; text-transform: uppercase; color: var(--muted); }
.contact a { color: var(--ink); font-weight: 600; font-size: 1.08rem; text-decoration-color: var(--gold); text-underline-offset: 4px; text-decoration-thickness: 2px; }
.meadow { display: block; width: 100%; height: 150px; margin-top: 8px; }
.meadow path { fill: none; stroke-width: 2.2; stroke-linecap: round; } .g1 { stroke: var(--g1); } .g2 { stroke: var(--g2); } .g3 { stroke: var(--g3); }
.meadow .leaf { fill: var(--leaf); stroke: none; } .p-white { fill: var(--white); stroke: var(--petal-edge); stroke-width: .6; } .p-lav { fill: var(--lav); } .p-gold { fill: var(--gold-p); } .p-straw { fill: var(--straw); }
footer { background: var(--green-deep); color: #dfe6da; text-align: center; padding: 18px 20px 22px; font-size: .92rem; }
@media (min-width: 760px) { main { padding-top: 80px; } .meadow { height: 170px; } .app { padding: 20px 22px; } }
main a:not(.app) { color: inherit; text-decoration-color: var(--gold); text-underline-offset: 4px; }
.app:hover { border-color: var(--green); }
:focus-visible { outline: 2.5px solid var(--gold); outline-offset: 3px; border-radius: 8px; }