/* A little ink drawing in the hero's quiet margin. */
#home-sections .kk-bear-garden { display: flex; align-items: flex-end; gap: 13px; width: fit-content; max-width: 100%; margin-top: 20px; color: #343d47; }
#home-sections .kk-bear-button { position: relative; display: block; flex: 0 0 auto; width: 180px; height: 108px; padding: 0; border: 0; border-radius: 4px; background: transparent; color: inherit; cursor: pointer; touch-action: manipulation; }
#home-sections .kk-bear-button:focus-visible { outline: 2px solid var(--rust, #a84e36); outline-offset: 5px; }
#home-sections .kk-bear-scene { display: block; width: 180px; height: 108px; overflow: visible; fill: none; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }
#home-sections .kk-bear-ground { stroke: color-mix(in srgb, currentColor 22%, transparent); stroke-width: 1; }
#home-sections .kk-bear-fill { fill: var(--paper, #faf8f2); }
#home-sections .kk-bear-inner { fill: none; stroke: #b9a48a; stroke-width: 1.5; }
#home-sections .kk-bear-muzzle { fill: #eee7db; stroke: none; }
#home-sections .kk-bear-nose { fill: currentColor; stroke: none; }
#home-sections .kk-bear-eyes { stroke-width: 3; transform-box: fill-box; transform-origin: center; animation: kk-bear-blink 7s 1.5s infinite; }
#home-sections .kk-bear-detail { fill: none; stroke-width: 1.25; }
#home-sections .kk-bear-book { fill: #ecebdc; stroke-width: 1.45; }
#home-sections .kk-bear-breathe { transform-origin: 95px 109px; animation: kk-bear-breath 7s ease-in-out infinite; }
#home-sections .kk-bear-head { transform-origin: 93px 69px; }
#home-sections .kk-bear-wave { transform-origin: 112px 77px; }
#home-sections .kk-daisy-stem { stroke: #8a9179; stroke-width: 1.3; }
#home-sections .kk-daisy-flower { fill: #fffdf7; stroke: #b8b1a0; stroke-width: .8; }
#home-sections .kk-daisy-center { fill: #c8a15b; stroke: #b48d4c; stroke-width: .8; }
#home-sections .kk-daisy-left { transform-origin: 30px 106px; animation: kk-daisy-sway 9s 1s ease-in-out infinite; }
#home-sections .kk-daisy-right { transform-origin: 166px 106px; animation: kk-daisy-sway 10s 2s ease-in-out infinite reverse; }
#home-sections .kk-bear-note { max-width: 13em; padding-bottom: 15px; font-size: 11px; line-height: 1.8; font-weight: 400; letter-spacing: .025em; color: var(--muted, #6b7169); }
#home-sections .kk-bear-greeting { position: absolute; bottom: calc(100% - 12px); left: 38px; z-index: 4; width: max-content; max-width: min(230px, 65vw); padding: 9px 12px; border: 1px solid var(--line, #deded5); border-radius: 5px; background: var(--paper, #faf8f2); box-shadow: 0 3px 13px #343d4708; color: var(--ink, #202323); font-size: 12px; font-weight: 400; line-height: 1.7; text-align: left; white-space: normal; pointer-events: none; visibility: hidden; opacity: 0; transform: translateY(4px); transition: opacity .18s, transform .18s, visibility .18s; }
#home-sections .kk-bear-garden.is-greeting .kk-bear-greeting { visibility: visible; opacity: 1; transform: none; }
#home-sections .kk-bear-garden.is-waving .kk-bear-wave { animation: kk-bear-wave 1.5s ease-in-out 1; }
#home-sections .kk-bear-garden.is-waving .kk-bear-head { animation: kk-bear-nod 1.5s ease-in-out 1; }
@keyframes kk-bear-blink { 0%, 42%, 46%, 100% { transform: scaleY(1); } 44% { transform: scaleY(.12); } }
@keyframes kk-bear-breath { 0%, 100% { transform: scaleY(1); } 50% { transform: scaleY(1.018); } }
@keyframes kk-daisy-sway { 0%, 100% { transform: rotate(-1.5deg); } 50% { transform: rotate(2deg); } }
@keyframes kk-bear-wave { 0%, 100% { transform: rotate(0); } 18%, 50%, 82% { transform: rotate(13deg); } 34%, 66% { transform: rotate(-9deg); } }
@keyframes kk-bear-nod { 0%, 100% { transform: rotate(0); } 35%, 65% { transform: rotate(-4deg); } }
@media (max-width: 420px) {
  #home-sections .kk-bear-garden { gap: 9px; margin-top: 18px; }
  #home-sections .kk-bear-note { max-width: 12em; font-size: 10px; }
}
@media (prefers-reduced-motion: reduce) {
  #home-sections .kk-bear-garden *, #home-sections .kk-bear-garden *::before, #home-sections .kk-bear-garden *::after { animation: none !important; transition: none !important; }
}
@media print { #home-sections .kk-bear-garden { display: none; } }