.garden{text-transform:lowercase;grid-template-columns:minmax(0,34rem);place-content:start center;place-self:stretch stretch;row-gap:1.6rem;padding:clamp(1.75rem,6cqh,4.5rem) clamp(1.25rem,3vw,2.5rem);display:grid;overflow-y:auto}.garden__head{justify-items:center;row-gap:.55rem;display:grid}.garden__prompt{font-family:var(--font-label);letter-spacing:.04em;text-align:center;margin:0;font-size:.9rem}.garden__title{text-align:center;margin:0;line-height:1}.garden__field{row-gap:1.6rem;margin:0;padding:0;list-style:none;display:grid}.garden__note,.garden__quote{margin:0}.garden__quote p{margin:0;font-size:1.05rem;line-height:1.6}.garden__by{font-family:var(--font-label);letter-spacing:.04em;margin-top:.4rem;font-size:.85rem}.garden__by:before{content:"— "}.garden__flower,.garden__mount{display:none}.js .garden--field{grid-template-rows:auto minmax(0,1fr);grid-template-columns:minmax(0,1fr);padding-bottom:clamp(1rem,3cqh,2rem);overflow:visible}.js .garden--field .garden__field,.js .garden--field .garden__buds{grid-area:2/1;min-height:0;margin:0;padding:0;list-style:none;display:block;position:relative;container-type:size}.garden__buds{display:none}.js .garden--field .garden__buds{pointer-events:none}.js .garden--field .garden__item{--x:var(--wx);--y:var(--wy);--n:var(--wn);--row:var(--wrow);--D:clamp(44px, var(--k) * min(100cqw / var(--n), 30cqh) * .8, var(--k) * 120px);left:calc(var(--x) * 100cqw - var(--D) / 2);top:calc(var(--y) * 100cqh - var(--D) / 2);width:var(--D);z-index:calc(3 - var(--row));position:absolute;bottom:0}.js .garden--field .garden__item--bud{--D:clamp(30px, var(--k) * min(100cqw / var(--n), 30cqh) * .8, var(--k) * 110px)}.garden__stem,.garden__leaf{display:none}.js .garden--field .garden__stem,.js .garden--field .garden__leaf,.js .garden--field .garden__bud{pointer-events:none;color:color-mix(in srgb, var(--s-sage) 70%, var(--ink));filter:blur(1.3px);opacity:.6;display:block;position:absolute;overflow:visible}.js .garden--field .garden__stem{left:calc(50% - 10px);top:calc(var(--D) * .62);width:20px;height:calc(100% - var(--D) * .62)}.garden__stem path{fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linecap:round;vector-effect:non-scaling-stroke}.js .garden--field .garden__leaf{--len:calc(100% - var(--D) * .62);left:50%;top:calc(var(--D) * .62 + var(--at) * var(--len) - 10px);width:calc(max(var(--D), 56px) * .62 * var(--size));transform-origin:0;height:auto;transform:scaleX(var(--side)) rotate(var(--tilt))}.garden__blade{fill:currentColor;fill-opacity:.18;stroke:currentColor;stroke-width:1.3px;stroke-linejoin:round;vector-effect:non-scaling-stroke}.garden__rib{fill:none;stroke:currentColor;stroke-width:.9px;vector-effect:non-scaling-stroke}.js .garden--field .garden__item--bud .garden__stem,.js .garden--field .garden__item--bud .garden__leaf{filter:blur(2px);opacity:.45}.js .garden--field .garden__bud{width:var(--D);height:var(--D);filter:blur(2px);opacity:.55;top:0;left:0}.garden__bud-body{fill:currentColor;fill-opacity:.2;stroke:currentColor;stroke-width:1.6px;stroke-linejoin:round;vector-effect:non-scaling-stroke}.garden__bud-line{fill:none;stroke:currentColor;stroke-width:1.2px;stroke-linecap:round;vector-effect:non-scaling-stroke}.js .garden--field .garden__item.is-open{z-index:5}.js .garden--field .garden__flower{width:100%;height:var(--D);color:var(--c);cursor:pointer;background:0 0;border:0;border-radius:50%;padding:0;display:block;position:relative}.garden__flower svg{width:100%;height:100%;filter:blur(var(--blur));transition:filter .45s var(--ease-enter);display:block;overflow:visible}.garden__flower:hover svg,.garden__flower:focus-visible svg,.garden__flower[aria-expanded=true] svg{filter:none}.garden__flower:focus-visible{outline:2px solid var(--ink);outline-offset:3px}.garden__petals,.garden__veins,.garden__heart{stroke:currentColor;stroke-width:2.4px;stroke-linejoin:round;stroke-linecap:round}.garden__item--open .garden__petals{fill:currentColor;fill-opacity:.07}.garden__item--open .garden__veins{fill:none;stroke-width:1.6px}.garden__item--open .garden__heart{fill:var(--paper)}.garden__item--solid .garden__petals{fill:currentColor;fill-opacity:.72}.garden__item--solid .garden__heart{fill:var(--paper);stroke-width:1.8px}.garden__petals{transition:fill-opacity .4s,stroke-width .4s}.garden__item--open.is-read .garden__petals{fill-opacity:.32;stroke-width:3px}.garden__item--solid.is-read .garden__petals{fill-opacity:1;stroke-width:3px}.garden__sway{transform-box:fill-box;transform-origin:50%}@media (prefers-reduced-motion:no-preference){.js .garden--field .garden__sway{animation:garden-sway var(--sway) ease-in-out var(--sway-delay) infinite alternate}}@keyframes garden-sway{0%{rotate:calc(var(--sway-a) * -1)}to{rotate:var(--sway-a)}}.js .garden--field .garden__note{background:var(--paper);width:max-content;max-width:min(27rem,100vw - 3rem);color:var(--ink);text-align:left;padding:.9rem 1.05rem .85rem;display:none;position:absolute;top:0;left:0}.js .garden--field .is-open .garden__note{display:block}.js .garden--field .garden__note.is-placing{visibility:hidden}.js .garden--field .garden__quote p{font-family:var(--font-label);font-size:.92rem;line-height:1.5}.js .garden--field .garden__by{margin-top:.55rem;font-size:.8rem}.js .garden--field .garden__mount{fill:none;width:100%;height:100%;stroke:var(--ink);stroke-width:1px;pointer-events:none;display:block;position:absolute;inset:0;overflow:visible}.garden__mount path{vector-effect:non-scaling-stroke}@media (prefers-reduced-motion:no-preference){.js .garden--field .is-open .garden__note:not(.is-placing){animation:garden-note .25s var(--ease-enter) both}}@keyframes garden-note{0%{opacity:0}to{opacity:1}}@media (width<=760px){.garden{padding:2rem .9rem 2.5rem;overflow:visible}.garden__prompt{letter-spacing:.02em;font-size:.78rem}.js .garden--field .garden__field,.js .garden--field .garden__buds{height:calc(22rem + var(--prows) * 6rem)}.js .garden--field .garden__item{--x:var(--px);--y:var(--py);--n:var(--pn);--row:var(--prow)}}@media (forced-colors:active){.garden__flower{color:buttontext}.garden__flower svg{filter:none}.garden__mount{stroke:canvastext}.js .garden--field .garden__note{border:1px solid canvastext}}.garden__neon-sway{width:100%;height:100%;display:block}.garden__neon-flower{background-image:linear-gradient(90deg, var(--s-red), var(--s-clay), var(--s-amber), var(--s-sun), var(--s-sage), var(--s-teal), var(--s-blue), var(--s-red));background-size:467% 100%;background-position:var(--at,0%) 50%;width:100%;height:100%;-webkit-mask:var(--mask) center / contain no-repeat;mask:var(--mask) center / contain no-repeat;filter:blur(var(--blur));display:block}@media (prefers-reduced-motion:no-preference){.garden__neon-flower{animation:24s linear infinite neon-drift}}@keyframes neon-drift{0%{background-position:var(--at,0%) 50%}to{background-position:calc(var(--at,0%) + 127.27%) 50%}}@media (prefers-reduced-motion:no-preference){.js .garden--rainbow .garden__flower{animation:garden-focus var(--focus,11s) ease-in-out var(--focus-delay,0s) infinite}}@keyframes garden-focus{0%,to{filter:blur()}50%{filter:blur(4px)}}.js .garden--rainbow .garden__flower:hover,.js .garden--rainbow .garden__flower:focus-visible,.js .garden--rainbow .garden__flower[aria-expanded=true]{filter:none;animation:none}.js .garden--rainbow .garden__flower:hover .garden__neon-flower,.js .garden--rainbow .garden__flower:focus-visible .garden__neon-flower,.js .garden--rainbow .garden__flower[aria-expanded=true] .garden__neon-flower{filter:none}
