/* home page quote blocks, styled like /book: form left, metallic pour right */
.lbl { font-size: .7rem; font-weight: 800; letter-spacing: .16em; text-transform: uppercase; color: #3E4644; }
.field { width: 100%; background: #F8F5EF; border: 1px solid #E2DFD6; border-radius: 14px; padding: 15px 16px; font-size: 1rem; color: #101A19; transition: border-color .2s, box-shadow .2s; }
.field:focus { outline: none; border-color: #17A08F; box-shadow: 0 0 0 4px rgba(23,160,143,.15); }
.pour { position: relative; border-radius: 1.75rem; overflow: hidden; background: #BDB8AF; touch-action: pan-y; cursor: crosshair;
  box-shadow: 0 40px 80px -40px rgba(10,20,19,.55), 0 2px 6px rgba(10,20,19,.06); }
.pour canvas { position: absolute; inset: 0; width: 100%; height: 100%; display: block; }
.meter { position: absolute; left: 14px; right: 14px; bottom: 14px; display: flex; align-items: center; gap: 12px; padding: 10px 14px; border-radius: 999px;
  background: rgba(248,245,239,.94); box-shadow: 0 8px 20px -10px rgba(0,0,0,.4); font-size: .78rem; font-weight: 800; color: #101A19; }
.meter .track { flex: 1; height: 6px; border-radius: 6px; background: #E2DFD6; overflow: hidden; }
.meter .track b { display: block; height: 100%; width: 0; border-radius: 6px; background: linear-gradient(90deg, #0E6660, #17A08F, #7FD8C6); transition: width .8s cubic-bezier(.2,.8,.2,1); }