/* GardenBlocks — home: hero build animation + shorter copy. Same brand language: paper, pine, pegs. */
.gbh-build{margin:clamp(26px,3vw,38px) 0 0;max-width:540px}
.gbb-svg{display:block;width:100%;height:auto;overflow:visible}
.gbb-ground{stroke:var(--line-2,#d9cbb3);stroke-width:2}
.gbb-block,.gbb-peg,.gbb-flower{transform-box:fill-box;transform-origin:50% 100%}
.gbb-stem{stroke:var(--green,#2e5d3a);stroke-width:2.2;stroke-linecap:round;fill:none}
.gbb-leaf{fill:var(--green,#2e5d3a)}
.gbb-bar{display:grid;justify-items:start;gap:4px;margin-top:10px;padding-top:10px;border-top:2px dashed var(--line-2,#d9cbb3)}
.gbb-cap{margin:0;min-height:1.4em;font:800 clamp(1rem,.95rem + .25vw,1.12rem)/1.3 var(--font-display,inherit);color:var(--ink,#2a1d12)}
.gbb-cap span{display:inline-block}
.gbb-cap span::before{content:"";display:inline-block;width:8px;height:8px;margin:0 10px 1px 0;border-radius:50%;background:var(--green,#2e5d3a);box-shadow:0 0 0 3px var(--green-tint,#dfe9dc);vertical-align:middle}
.gbb-link{display:inline-flex;align-items:center;gap:8px;font-weight:750;font-size:.95rem;color:var(--green,#2e5d3a);text-decoration:none;white-space:nowrap}
.gbb-link b{font-weight:800;color:var(--ink,#2a1d12)}
.gbb-link svg{transition:transform .2s var(--ease-out,ease)}
@media (hover:hover) and (pointer:fine){.gbb-link:hover{text-decoration:underline;text-underline-offset:3px}.gbb-link:hover svg{transform:translateX(3px)}}
@media (prefers-reduced-motion:no-preference){.gbh-build{animation:gbh-rise .5s var(--ease-out,ease) .18s both}}
.gbx-new{margin:clamp(20px,2.4vw,28px) 0 0}
.gbx-new a{display:inline-flex;align-items:center;gap:10px;padding:10px 16px 10px 10px;background:var(--card,#fffaf1);border:2px solid var(--wood-deep,#3b2414);box-shadow:3px 3px 0 var(--wood-deep,#3b2414);color:var(--ink,#2a1d12);font-weight:700;text-decoration:none;transition:transform .16s var(--ease-out,ease),box-shadow .16s var(--ease-out,ease)}
.gbx-new b{padding:3px 8px;background:var(--green,#2e5d3a);color:#fff;font:800 .72rem/1.2 var(--font-display,inherit);letter-spacing:.06em;text-transform:uppercase}
.gbx-new a:active{transform:translate(2px,2px);box-shadow:1px 1px 0 var(--wood-deep,#3b2414)}
@media (hover:hover) and (pointer:fine){.gbx-new a:hover svg{transform:translateX(3px)}}
.gbx-new svg{flex:none;transition:transform .2s var(--ease-out,ease)}