#workflow .garden-section-heading { display:flex; flex-direction:column; align-items:center; gap:20px; text-align:center; }
#workflow .garden-section-heading h2 { max-width:900px; margin:0; }
#workflow .garden-section-heading > p { max-width:680px; margin:0; }
.living-garden { --garden-safe-margin:clamp(24px,4vw,64px); position:relative; aspect-ratio:2.15; width:calc(100vw - 2 * var(--garden-safe-margin)); margin:-24px calc(50% - 50vw + var(--garden-safe-margin)) 40px; isolation:isolate; }
.living-garden-art { position:absolute; bottom:0; left:0; width:100%; height:auto; display:block; }
.living-garden[data-garden-entrance="pending"] .living-garden-art { opacity:0; }
.living-garden[data-garden-entrance="revealing"] .living-garden-art {
 visibility:hidden;
}
.living-garden-traced-reveal { position:absolute; bottom:0; left:0; width:100%; height:auto; aspect-ratio:1983/793; overflow:visible; pointer-events:none; }
.living-garden[data-garden-entrance] .garden-node:not([data-garden-node-visible]) { visibility:hidden; }
.living-garden[data-garden-entrance] .living-garden-tails g > path:not([data-visible]),
.living-garden[data-garden-entrance] .living-garden-tails circle:not([data-visible]) { opacity:0; }
.living-garden-tails path, .living-garden-tails circle { transition:opacity 1100ms var(--ease-out, cubic-bezier(0.23,1,0.32,1)); }
.living-garden-tails .garden-contribution { stroke:#a8d772; opacity:.55; stroke-dasharray:3 6; }
.living-garden-tails marker path { stroke-dasharray:none; opacity:1; }
.living-garden-tails { position:absolute; inset:0; width:100%; height:100%; overflow:visible; pointer-events:none; }
.living-garden-tails path { fill:none; stroke:#c9cec0; stroke-width:1.3; stroke-dasharray:3 7; stroke-linecap:round; opacity:.65; }
.living-garden-tails circle { fill:#e0e3d9; }
.garden-node { position:absolute; z-index:1; width:max-content; max-width:30%; transform:translate(-50%,-50%); }
.garden-node-notes { left:12%; top:68%; }
.garden-node-research { left:19%; top:55%; }
.garden-node-tools { left:34%; top:49%; }
.garden-node-tools { left:28%; top:49%; }
.garden-node-angle { left:36%; top:29%; }
.garden-node-build { left:47%; top:48%; }
.garden-node-facts { left:55%; top:19%; }
.garden-node-draft { left:69%; top:7%; }
.garden-node-edit { left:57%; top:65%; }
.garden-node-design { left:80%; top:56%; }
.garden-node-edition { left:91%; top:24%; width:clamp(150px,15vw,210px); }
.garden-pill small { display:block; color:#a7aba2; font-size:10px; margin-left:3px; }
.garden-node-facts .garden-pill, .garden-node-draft .garden-pill,
.garden-node-edit .garden-pill, .garden-node-design .garden-pill { flex-direction:column; gap:3px; padding:8px 12px; }
html[data-scroll-reveal-ready] .living-garden .widget-reveal,
html[data-scroll-reveal-ready] .living-garden .widget-reveal > * { transition-duration:1000ms; transition-timing-function:var(--ease-out, cubic-bezier(0.23,1,0.32,1)); }
html[data-scroll-reveal-ready] .living-garden .widget-reveal:not([data-scroll-reveal-visible]) > * { transform:none; }
.garden-pill { display:inline-flex; align-items:center; gap:10px; padding:12px 18px; border:1px solid #ffffff26; border-radius:15px; background:linear-gradient(145deg,#21221ff2,#121310f5); box-shadow:0 5px 20px #0003,inset 0 1px #ffffff06; color:#e7e9e2; font-size:15px; line-height:1.3; white-space:nowrap; }
.garden-pill svg { width:16px; height:16px; fill:none; stroke:currentColor; stroke-width:1.2; }
.garden-edition { padding:19px; border:1px solid #ffffff26; border-radius:13px; background:linear-gradient(140deg,#20211ff5,#10110ff5); box-shadow:0 12px 35px #0004; }
.garden-edition-eyebrow { font-size:9px; color:#a7aba2; letter-spacing:.05em; }
#workflow .garden-edition h3 { font:400 clamp(19px,2vw,27px)/1.3 Georgia,serif; margin:6px 0 14px; color:#f0f0e9; }
.garden-edition-body { display:grid; grid-template-columns:38% 1fr; gap:13px; align-items:center; }
.garden-edition-body img { width:100%; height:90px; object-fit:cover; object-position:50% 50%; border-radius:5px; background:#30372b; }
#workflow .garden-edition-body p { font-size:12px; line-height:1.5; margin:0 0 10px; color:#b6b9b0; }
.garden-edition-body span { display:block; height:4px; border-radius:3px; background:#ffffff20; margin-top:6px; }
.garden-edition-body span:last-child { width:65%; }
.garden-review { display:flex; width:max-content; margin:12px auto 0; border-radius:30px; font-size:11px; }
.garden-review i { width:7px; height:7px; border-radius:50%; background:#a8d772; box-shadow:0 0 8px #a8d722; }
@media(min-width:701px) and (max-width:1000px) {
 .living-garden { margin-top:64px; }
}
@media(max-width:700px) {
 .living-garden { aspect-ratio:1.3; margin-block:20px 28px; }
 .garden-node { max-width:44%; }
 .garden-node-notes { left:12%; top:65%; }
 .garden-node-research { left:15%; top:40%; }
 .garden-node-tools { left:39%; top:43%; }
 .garden-node-process { left:36%; top:23%; }
 .garden-node-edition { left:79%; top:23%; width:126px; }
 .garden-pill { padding:7px 9px; border-radius:9px; font-size:10px; gap:5px; }
 .garden-pill svg { width:12px; height:12px; }
 .garden-edition-body { display:none; }
 .garden-edition { padding:11px; border-radius:10px; }
 .garden-edition-eyebrow { font-size:7px; letter-spacing:0; }
 #workflow .garden-edition h3 { font-size:19px; margin:5px 0 9px; }
 .garden-edition-body { grid-template-columns:32% 1fr; gap:7px; }
 .garden-edition-body img { height:58px; }
 #workflow .garden-edition-body p { font-size:9px; margin-bottom:7px; }
 .garden-review { font-size:8px; padding:6px 8px; margin-top:8px; }
}

@media(prefers-reduced-motion:reduce) {
 .living-garden .garden-node { transform:translate(-50%,-50%) !important; }
 .living-garden-tails path, .living-garden-tails circle { transition-duration:180ms; }
}
@media(max-width:360px) {
 .garden-edition-eyebrow { display:none; }
 #workflow .garden-edition h3 { font-size:15px; white-space:nowrap; }
 .garden-edition-body { grid-template-columns:1fr; }
 .garden-edition-body img { display:none; }
 .garden-node-process { left:34%; top:23%; }
}
@media(max-width:700px) {
 .living-garden { aspect-ratio:.65; margin-top:36px; }
 .garden-node-notes { left:12%; top:73%; }
 .garden-node-research { left:41%; top:73%; }
 .garden-node-tools { left:75%; top:73%; }
 .garden-node-angle { left:24%; top:58%; }
 .garden-node-build { left:76%; top:58%; }
 .garden-node-facts { left:25%; top:31%; }
 .garden-node-draft { left:75%; top:31%; }
 .garden-node-edit { left:25%; top:44%; }
 .garden-node-design { left:75%; top:44%; }
 .garden-node-edition { left:50%; top:14%; width:170px; max-width:60%; }
 .garden-node .garden-pill { font-size:10px; }
 .garden-pill small { font-size:9px; }
 #workflow .garden-edition h3 { font-size:20px; white-space:nowrap; }
}
@media(min-width:701px) and (max-width:1100px) {
 .living-garden .garden-pill { font-size:10px; padding:7px 9px; }
 .living-garden .garden-pill small { font-size:8px; }
 .garden-node-edition { width:130px; left:90%; top:30%; }
 .garden-edition { padding:10px; }
 .garden-edition-body { display:none; }
 #workflow .garden-edition h3 { font-size:20px; }
 .garden-review { font-size:8px!important; }
}