/* craft signature "paintwipe": blank terracotta pot painted band by band. Compositor-only (scaleX/scale/opacity); 5 band layers; will-change only before the one-shot starts. */
.pw-stage{--pw0:#D6334F;--pw1:#F2B84B;--pw2:#2E8FC0;--pw3:#FFF7EC;--pw4:#7C9A7A;position:relative;width:min(100%,520px);aspect-ratio:1;margin:0 auto}
.pw-sun{position:absolute;inset:6% 6% 10%;border-radius:50%;background:var(--sig-bg,#CDE8F5)}
.pw-ground{position:absolute;left:12%;right:12%;bottom:9%;height:7%;border-radius:50%;background:rgba(59,42,34,.16)}
.pw-pot{position:absolute;left:19%;right:19%;top:13%;bottom:12%}
.pw-plant{position:absolute;left:14%;right:14%;top:0;width:72%;height:auto;z-index:1;overflow:visible}
.pw-leaf{transform-box:fill-box;transform-origin:50% 100%}
.pw-rim{position:absolute;left:-2%;right:-2%;top:25%;height:18%;border-radius:12px;overflow:hidden;background:#D98860;box-shadow:inset 0 -6px 0 rgba(0,0,0,.08)}
.pw-body{position:absolute;left:6%;right:6%;top:43%;bottom:0;display:flex;flex-direction:column;overflow:hidden;background:#CB7650;clip-path:polygon(0 0,100% 0,86% 100%,14% 100%)}
.pw-b{display:block;flex:1;position:relative;background:var(--pw0)}
.pw-rim .pw-b{position:absolute;inset:0;background:var(--pw0) repeating-linear-gradient(115deg,transparent 0 14px,rgba(255,255,255,.28) 14px 22px)}
.pw-b1{background:var(--pw1)}
.pw-b2{background:var(--pw2) radial-gradient(circle,rgba(255,255,255,.9) 3.5px,transparent 4px) 0 0/24px 24px}
.pw-b3{background:var(--pw3) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='22' viewBox='0 0 48 22'%3E%3Cpath d='M0 11c6-9 12-9 24 0s18 9 24 0' fill='none' stroke='%232E8FC0' stroke-width='5' stroke-linecap='round'/%3E%3C/svg%3E") 0 50%/48px 22px repeat-x}
.pw-b4{background:var(--pw4)}
.pw-body::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(255,255,255,.2),transparent 28%,transparent 72%,rgba(0,0,0,.14))}
.pw-dab{position:absolute;width:12%;aspect-ratio:1}
.pw-dsvg{width:100%;height:100%;display:block;--m1:var(--pw0)}
.pw-d2 .pw-dsvg{--m1:var(--pw2)}
.pw-d1{left:7%;top:20%;rotate:-12deg}.pw-d2{right:6%;top:36%;width:10%}.pw-d3{right:14%;top:10%;width:9%}
.pw-ctl{margin-top:18px;text-align:center}
.pw-q{margin:0 0 10px;font:600 15px/1.3 var(--f-hand,var(--f-body));letter-spacing:.02em;color:var(--mute)}
.pw-pals{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}
.pw-pal{display:inline-flex;align-items:center;gap:10px;min-height:46px;padding:6px 16px 6px 8px;border:2px solid var(--ink);border-radius:999px;background:var(--paper,#fff);color:var(--ink);font:700 15px/1 var(--f-body);cursor:pointer;transition:transform .15s var(--ease,ease)}
.pw-pal[aria-pressed=true]{background:var(--ink);color:var(--bg)}
.pw-pal:focus-visible{outline:3px solid var(--accent-ink);outline-offset:2px}
.pw-sw{display:inline-flex;overflow:hidden;border-radius:999px;border:2px solid var(--ink)}
.pw-sw i{width:14px;height:24px}
.pw-cap{margin:12px auto 0;max-width:42ch;font-size:14.5px;color:var(--mute)}
/* one-shot reveal: html.cf-js only, so no-JS / failed JS shows the fully painted pot */
.cf-js .pw-b{transform:scaleX(0);transform-origin:0 50%;will-change:transform}
.cf-js .pw-leaf{transform:scale(0);opacity:0}
.cf-js .pw-dab{opacity:0;transform:scale(.4)}
.cf-js .pw-go .pw-b{transform:none;will-change:auto;transition:transform .72s cubic-bezier(.6,.05,.2,1) calc(var(--i)*150ms)}
.cf-js .pw-go .pw-leaf{transform:none;opacity:1;transition:transform .55s var(--bounce,cubic-bezier(.34,1.56,.64,1)) calc(.85s + var(--i)*70ms),opacity .3s ease calc(.85s + var(--i)*70ms)}
.cf-js .pw-go .pw-dab{opacity:1;transform:none;transition:transform .5s var(--bounce,cubic-bezier(.34,1.56,.64,1)) calc(.9s + var(--i,0)*80ms),opacity .3s ease .9s}
.pw-d1{--i:0}.pw-d2{--i:1}.pw-d3{--i:2}
@media (prefers-reduced-motion:reduce){.cf-js .pw-b,.cf-js .pw-leaf,.cf-js .pw-dab{transform:none!important;opacity:1!important;transition:none!important;will-change:auto}}