/* One illustrated conversation, three hops and a coffee spill. */
.faq{position:relative;isolation:isolate;overflow:clip;padding-top:56px}
.faq-layout{position:relative;z-index:1;border-top:0;padding-top:0}
.faq-coffee{display:block;width:calc(100% + 20px);max-width:520px;height:auto;margin:0 0 0 -20px;color:var(--green,#48887b);overflow:visible;pointer-events:none}
.coffee-line{stroke:currentColor;stroke-width:2.1;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:0}
.coffee-yellow{stroke:var(--yellow,#ffcc29);stroke-width:3}
.coffee-soft{opacity:.6;stroke-width:1.6}.coffee-dot{stroke-width:6}
.details-ready .faq-coffee:not(.is-bloomed) .coffee-line{stroke-dashoffset:1}
.faq-coffee.is-bloomed .coffee-line{transition:stroke-dashoffset 1500ms cubic-bezier(.3,.1,.25,1) var(--coffee-delay,0ms)}
.coffee-cup-left{--coffee-delay:250ms}.coffee-cup-right{--coffee-delay:500ms}
.coffee-steam{--coffee-delay:1000ms}.coffee-answer{--coffee-delay:1250ms}
.coffee-answer,.coffee-question{transform-box:fill-box;transform-origin:50% 85%}
.coffee-jumper{transform-box:view-box;transform-origin:354px 200px}
.coffee-splash{fill:none;stroke:var(--yellow,#ffcc29);stroke-width:3;stroke-linecap:round}
.coffee-spill{position:absolute;inset:0;width:100%;height:100%;overflow:hidden;pointer-events:none;z-index:0;opacity:0}
.coffee-stream{fill:none;stroke:var(--yellow,#ffcc29);stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.coffee-stream:nth-child(even){stroke-width:1.6;opacity:.75}
@media(max-width:600px){.faq-coffee{width:calc(100% + 12px);max-width:332px;margin:8px 0 4px -12px}}
.details-static .faq-coffee .coffee-line{stroke-dashoffset:0!important;transition:none!important}
@media(prefers-reduced-motion:reduce){.faq-coffee .coffee-line{stroke-dashoffset:0!important;transition:none!important}.coffee-spill,.coffee-splash{opacity:0!important}}

@media(min-width:601px){.faq{padding-bottom:clamp(125px,10vw,150px)}}