@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap');:root{--bg:#edf0e6;--paper:#f9faf4;--ink:#173a31;--muted:#789181;--line:#c9d5c6}*{box-sizing:border-box}[hidden]{display:none!important}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);font-family:'DM Sans',sans-serif;color:var(--ink)}button,a{font:inherit}a{color:inherit;text-decoration:none}button{cursor:pointer}button:disabled{cursor:default;opacity:.4}button:focus-visible,a:focus-visible{outline:2px solid #376c55;outline-offset:4px}header{padding:27px 4%;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line)}.brand{font:700 18px 'Space Grotesk',sans-serif;letter-spacing:-.05em}.mark{font-size:25px;vertical-align:middle;margin-right:8px}nav{display:flex;gap:32px}nav a,.network,.eyebrow,.workshop-top,.model-caption,.material-heading>span,.remaining>span,.mini-actions,.section-label,footer,.fine,.metrics span{font-size:9px;font-weight:700;letter-spacing:.12em}.workshop{padding:25px 4% 60px}.workshop-top{display:flex;justify-content:space-between;color:var(--muted);padding-bottom:24px}.workspace{display:grid;grid-template-columns:26% 49% 25%;min-height:580px}.intro{padding:35px 20px 20px 0}.eyebrow{color:var(--muted);line-height:1.5}h1,h2{font-family:'Space Grotesk',sans-serif;letter-spacing:-.065em;font-weight:500;line-height:1}h1{font-size:clamp(42px,4vw,67px);margin:27px 0}em{font-style:normal;color:#86a68b}.intro>p:not(.eyebrow):not(.fine){font-size:14px;line-height:1.7;max-width:245px;color:#667e6e}.button{border:0;padding:16px 18px;font-size:9px;font-weight:700;letter-spacing:.1em;display:inline-flex;justify-content:space-between;gap:28px;align-items:center}.dark{background:#214b3c;color:#fff}.dark:hover:not(:disabled){background:#37654e}.outline{background:transparent;border:1px solid #86a68b}.fine{font-size:9px;line-height:1.7;color:#8a9e8c;letter-spacing:0;font-weight:400;margin-top:15px}.edition{display:flex;gap:16px;align-items:center;margin-top:50px}.edition>span{font:400 38px 'Space Grotesk';letter-spacing:-.08em;color:#b1bea8}.edition small{font-size:9px;line-height:1.6;color:#81917c;letter-spacing:.1em}.model{background:radial-gradient(ellipse,#fffdf6 0,#f3f5ec 55%,#e5ebdc 100%);border:1px solid var(--line);position:relative;display:flex;flex-direction:column;justify-content:center;overflow:hidden}.model-caption{display:flex;justify-content:space-between;position:absolute;top:20px;left:20px;right:20px;color:#81947f;font-size:8px}.model-caption.bottom{top:auto;bottom:20px;font-size:7px}.board-wrap{width:100%;padding:50px 0 0;filter:drop-shadow(0 20px 12px #607c5120)}#board{width:100%;display:block;overflow:visible}.cell{cursor:pointer;outline:none}.cell .tile{fill:#e2e8d9;stroke:#b7c8ad;stroke-width:1}.cell .tile-edge{fill:#d1d9c3;stroke:#b7c8ad;stroke-width:.6}.cell:hover .tile,.cell:focus .tile{fill:#cce0c2;stroke:#356d50;stroke-width:2}.preview{opacity:0;pointer-events:none}.cell:hover .preview,.cell:focus .preview{opacity:.65}.materials{padding:25px 0 20px 28px}.material-heading h2{font-size:23px;margin:13px 0 28px}.tools>button{width:100%;display:flex;gap:12px;align-items:center;text-align:left;border:0;border-top:1px solid var(--line);background:none;padding:18px 4px;color:var(--ink)}.tools>button.active{background:#dce6d5}.tools strong{font-size:11px;letter-spacing:.05em}.tools small{display:block;color:#8a9e8c;font-size:9px;margin-top:4px}.tools b{font-size:8px;margin-left:auto;color:#9bad98}.tool-icon{width:26px;height:26px;display:block;flex-shrink:0}.grove-icon{border-radius:50%;background:#6d9c6e;box-shadow:7px -3px 0 -3px #8ab781}.water-icon{background:#83beb4;border-radius:0 60% 60%;transform:rotate(45deg) scale(.7)}.habitat-icon{background:#fffdf1;border:1px solid #9db197;box-shadow:4px 4px 0 #d4dbc9}.spire-icon{background:#d2ded0;clip-path:polygon(50% 0,85% 100%,15% 100%)}.remaining{display:flex;justify-content:space-between;align-items:center;margin-top:10px}.remaining strong{font:400 38px 'Space Grotesk';letter-spacing:-.07em}.mini-actions{display:flex;gap:15px;margin:10px 0}.mini-actions button{border:0;background:none;padding:5px 0;color:#789181;font-size:8px}.mini-actions button[aria-pressed=true]{color:#173a31;text-decoration:underline}#status{min-height:40px;font-size:10px;line-height:1.6;color:#7b947d}#finish{width:100%;gap:8px}.metrics{display:flex;align-items:center;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:25px 0;margin-top:25px;gap:5%}.metrics>div{display:flex;gap:16px;align-items:center}.metrics strong{font:400 35px 'Space Grotesk';letter-spacing:-.06em}.metrics small{display:block;font-size:7px;color:#91a18a;margin-top:6px;letter-spacing:.1em}.metrics>p{margin-left:auto;font-size:9px;line-height:1.7;color:#91a18a}.result{padding:35px;background:#dce8d5;margin-top:20px}.result h2{font-size:34px;margin:0}.result p{font-size:13px;color:#67816a}.result .button{margin:10px 10px 0 0}.notes{padding:70px 6%;background:#f7f7ee}.section-label{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:18px;color:#83947f}.notes-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:8%;align-items:center;padding-top:45px}.notes-grid>img{width:100%;border-radius:50% 50% 0 0}.notes h2{font-size:65px;margin:20px 0 35px}.notes article{display:flex;gap:20px;border-top:1px solid var(--line);padding:16px 0}.notes article>span{font:10px monospace;color:#9bad98;padding-top:6px}.notes article p{margin:0;font-size:15px}.notes article small{display:block;font-size:11px;color:#879b84;margin-top:6px;line-height:1.6}.about{padding:100px 8%;background:#dfe9d7;display:grid;grid-template-columns:1.3fr 1fr;gap:0 10%;align-items:end}.about .eyebrow{grid-column:1 / -1}.about h2{font-size:65px;margin:20px 0 0}.about>p:last-child{max-width:410px;font-size:14px;line-height:1.8;color:#6e886e}footer{padding:35px 4%;display:flex;align-items:center;justify-content:space-between;gap:30px}footer p{font-weight:400;letter-spacing:0;max-width:350px;color:#8b9e87;line-height:1.6}.contract{padding:12px;border:1px solid #7e9e7e;font-size:9px;margin-top:20px}.contract code{display:block;overflow-wrap:anywhere;margin:8px 0;font-size:11px}.contract button{border:0;background:transparent;padding:0;color:inherit;font-size:9px}.contract span:last-child{display:block}.image-unavailable{min-height:100px;background:#dce4d6}@media(max-width:1000px){.workspace{grid-template-columns:30% 70%}.materials{grid-column:1 / -1;padding:25px 0;display:grid;grid-template-columns:1fr 3fr;gap:15px}.tools{display:flex}.tools>button{border:1px solid var(--line);padding:10px}.tools small{display:none}.remaining{grid-column:1}.mini-actions{grid-column:2}#status{grid-column:1}#finish{grid-column:2}.network{display:none}.metrics{gap:3%}}@media(max-width:650px){header nav{gap:15px}header nav a{font-size:8px}.brand{font-size:14px}.workshop-top>span:last-child{display:none}.workspace{grid-template-columns:1fr}.intro{padding:10px 0 30px}.intro h1{font-size:52px}.intro h1 br:nth-child(2){display:none}.edition{display:none}.model{min-height:400px}.materials{grid-template-columns:1fr}.tools{flex-wrap:wrap}.tools>button{width:48%}.remaining,.mini-actions,#status,#finish{grid-column:1}.metrics{flex-wrap:wrap}.metrics>p{margin-left:0}.notes-grid,.about{grid-template-columns:1fr}.notes h2,.about h2{font-size:48px}.notes .section-label>span:last-child{display:none}footer{flex-direction:column;align-items:start}.model-caption{font-size:7px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}