/* The "Interested? Questions?" box (Kate chose option C, 2026-10-23): a
   turmeric button in the bottom corner of every page that opens a small
   form. Built by js/ask.js. */
.ask-fab{position:fixed;right:clamp(.9rem,2vw,1.5rem);bottom:calc(clamp(.9rem,2vw,1.5rem) + env(safe-area-inset-bottom));z-index:60;font:inherit;font-family:var(--sans);font-size:.9rem;font-weight:500;padding:.8rem 1.15rem;border:0;border-radius:999px;background:#e0a63a;color:#16241c;cursor:pointer;box-shadow:0 6px 20px rgba(0,0,0,.25)}
.ask-fab:focus-visible{outline:2px solid #fff;outline-offset:3px}
.ask-panel{position:fixed;right:clamp(.9rem,2vw,1.5rem);bottom:calc(clamp(.9rem,2vw,1.5rem) + 3.9rem + env(safe-area-inset-bottom));z-index:61;width:min(23rem,calc(100vw - 1.8rem));max-height:calc(100vh - 7rem);overflow:auto;background:#1f3a2c;color:#fff;padding:1.4rem 1.4rem 1.5rem;box-shadow:0 12px 40px rgba(0,0,0,.35);font-family:var(--sans)}
.ask-panel[hidden]{display:none}
.ask-close{position:absolute;top:.55rem;right:.6rem;background:none;border:0;color:#fff;font-size:1.5rem;line-height:1;cursor:pointer;padding:.3rem .5rem;opacity:.8}
.ask{display:grid;gap:1rem}
.ask [hidden]{display:none !important}
.ask fieldset{border:0;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:.5rem}
.ask legend{width:100%;margin-bottom:.6rem;font-size:.85rem;opacity:.8;padding:0}
.ask .ask__q{font-family:var(--serif);font-size:1.45rem;line-height:1.1;opacity:1;padding-right:1.5rem}
.ask .pill{position:relative;cursor:pointer}
.ask .pill input{position:absolute;opacity:0;pointer-events:none}
.ask .pill span{display:inline-block;padding:.65rem 1rem;border:1px solid currentColor;border-radius:999px;font-size:.92rem}
.ask .pill--sm span{padding:.42rem .85rem;font-size:.84rem}
.ask .pill input:checked + span{background:#e0a63a;border-color:#e0a63a;color:#16241c}
.ask .pill input:focus-visible + span{outline:2px solid #fff;outline-offset:2px}
.ask .field{display:grid;gap:.35rem}
.ask .field span{font-size:.84rem;opacity:.8}
.ask .field input,.ask .field textarea{font:inherit;font-size:16px;padding:.7rem .8rem;border:1px solid rgba(255,255,255,.35);background:rgba(255,255,255,.06);color:#fff;border-radius:0}
.ask__send{justify-self:start;font:inherit;font-size:.75rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase;padding:.9rem 1.5rem;background:#e0a63a;color:#16241c;border:0;cursor:pointer}
.ask__send[disabled]{opacity:.6;cursor:wait}
.ask__note{margin:0;font-size:.9rem}
.ask__note--ok{color:#e0a63a}
/* Phones: the box rises from the bottom of the screen. */
@media (max-width:47.99rem){
  .ask-panel{left:0;right:0;bottom:0;width:auto;max-height:88vh;padding-bottom:calc(1.5rem + env(safe-area-inset-bottom))}
  .ask-fab{font-size:.85rem;padding:.7rem 1rem}
}
@media print{.ask-fab,.ask-panel{display:none}}
.ask-fab[hidden]{display:none}

/* Icon button (2026-10-23): a turmeric circle with the phone-and-envelope icon. */
.ask-fab{width:3.6rem;height:3.6rem;padding:0;border-radius:50%;display:grid;place-items:center}
.ask-fab svg{width:2.05rem;height:auto;display:block}
@media (max-width:47.99rem){.ask-fab{width:3.3rem;height:3.3rem;padding:0}.ask-fab svg{width:1.9rem}}
.ask-panel{bottom:calc(clamp(.9rem,2vw,1.5rem) + 4.5rem + env(safe-area-inset-bottom))}
@media (max-width:47.99rem){.ask-panel{bottom:0}}

/* Wider so "I'm interested! How can I sign up?" fits on one line; a pill that still wraps keeps soft corners. */
.ask-panel{width:min(26rem,calc(100vw - 1.8rem))}
@media (max-width:47.99rem){.ask-panel{width:auto}}
.ask .pill span{border-radius:1.4rem}
/* The thank-you view after a message is sent. */
.ask__thanks{display:grid;gap:1rem;padding:.5rem 0 .25rem}
.ask__thanks[hidden]{display:none}
.ask__thanks .ask__thanks-head{margin:0;font-family:var(--serif);font-size:2rem;line-height:1.05;color:#e0a63a}
.ask__thanks .ask__thanks-line{margin:0;font-size:1rem;line-height:1.6;color:#fff}
.ask__again{justify-self:start}
.ask[hidden]{display:none}
.ask__hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
/* The question mark breathes gently inside the button (Kate, 2026-10-25). */
.ask-fab svg{transform-origin:50% 50%;animation:ask-q 2.4s ease-in-out infinite}
.ask-fab[aria-expanded="true"] svg{animation:none}
@keyframes ask-q{0%,100%{transform:scale(1)}50%{transform:scale(1.14)}}
@media (prefers-reduced-motion:reduce){.ask-fab svg{animation:none}}