.wordmark{color:var(--ink);cursor:default;align-items:center;gap:8px;display:inline-flex;position:relative}.wordmark-mark{color:var(--accent);flex:none}.wordmark-word{font-family:var(--font-display);letter-spacing:-.01em;white-space:nowrap;font-size:24px;font-style:italic;font-weight:500;display:inline-flex}.wm-out,.wm-in{vertical-align:bottom;display:inline-block;overflow:hidden}.wm-out{opacity:0;max-width:0}.wm-in{max-width:4ch;overflow:visible}.wordmark.is-animated .wm-out{animation:wm-fold .6s var(--ease-out) .7s both}.wordmark.is-animated .wm-in{animation:wm-write .7s var(--ease-out) 1.1s both}.wordmark.is-animated .wordmark-mark{animation:wm-dot .5s var(--ease-spring) .2s both}@keyframes wm-fold{0%{opacity:1;max-width:4ch}60%{opacity:.2}to{opacity:0;max-width:0}}@keyframes wm-write{0%{clip-path:inset(0 100% 0 0);max-width:0}to{clip-path:inset(0 -.15em 0 0);max-width:4ch}}@keyframes wm-dot{0%{transform:scale(0)}to{transform:scale(1)}}.ink-splash{z-index:2;pointer-events:none;background:var(--accent);width:28px;height:28px;rotate:var(--turn);animation:ink .9s var(--ease-out) forwards;border-radius:46% 54% 60% 40%/52% 38% 62% 48%;margin:-14px 0 0 -14px;position:absolute}.ink-splash:before,.ink-splash:after{content:"";background:var(--accent);border-radius:50%;position:absolute}.ink-splash:before{width:7px;height:7px;top:-9px;left:22px}.ink-splash:after{width:5px;height:5px;top:26px;left:-6px}@keyframes ink{0%{opacity:.9;transform:scale(0)}40%{opacity:.85;transform:scale(1)}to{opacity:0;transform:scale(1.15)}}.draw path{fill:none;stroke:var(--accent);stroke-width:1.5px;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:1px}.draw.is-loaded path,[data-visible] .draw path,.draw[data-visible] path{animation:draw 1.4s var(--ease-out) .3s forwards}@keyframes draw{to{stroke-dashoffset:0}}.hero-underline{width:min(320px,70%);height:14px;margin-top:4px;display:block}[data-reveal]{opacity:0;transition:opacity var(--dur-slow) var(--ease-out), transform .5s var(--ease-out);transform:translateY(12px)}[data-reveal][data-visible]{opacity:1;transform:none}.flow{position:relative}.flow-needle{height:2px;position:absolute;top:0;left:0;right:0;overflow:visible}.flow-needle path{stroke-width:2px}.flow>li{position:relative}.flow>li:before{content:"";background:var(--accent);width:9px;height:9px;transition:transform .4s var(--ease-spring);transition-delay:calc(.3s + var(--i) * .22s);border-radius:50%;position:absolute;top:-4px;left:0;transform:scale(0)}.flow[data-visible]>li:before{transform:scale(1)}@media (max-width:639px){.flow-needle{display:none}.flow>li{border-left:2px solid var(--line);padding-left:16px;border-top:0!important}.flow>li:before{top:18px;left:-5.5px}}.strike{transition:background-size .5s var(--ease-out);transition-delay:calc(var(--i) * .12s);background-image:linear-gradient(currentColor,currentColor);background-position:0 55%;background-repeat:no-repeat;background-size:0% 1px}[data-visible] .strike{background-size:100% 1px}.tools-row .tools-after{opacity:0;transition:opacity var(--dur-slow) var(--ease-out), transform var(--dur-slow) var(--ease-out);transition-delay:calc(.2s + var(--i) * .12s);transform:translate(-6px)}[data-visible] .tools-row .tools-after{opacity:1;transform:none}.photo-tilt{transition:transform var(--dur-slow) var(--ease-out), box-shadow var(--dur-slow) var(--ease-out)}.photo-tilt:nth-child(odd):hover{box-shadow:var(--shadow-raised);transform:rotate(-1.5deg)translateY(-4px)}.photo-tilt:nth-child(2n):hover{box-shadow:var(--shadow-raised);transform:rotate(1.5deg)translateY(-4px)}.live-stage{position:relative}.live-toast{z-index:2;background:var(--surface);box-shadow:var(--shadow-overlay);opacity:0;transition:opacity var(--dur) var(--ease-out), transform var(--dur-slow) var(--ease-spring);pointer-events:none;border-radius:8px;align-items:center;gap:8px;padding:10px 12px;font-size:13px;font-weight:500;display:flex;position:absolute;top:-18px;left:12px;right:12px;transform:translateY(-8px)scale(.98)}.live-toast i{background:var(--accent);border-radius:50%;flex:none;width:8px;height:8px}.live-toast.is-paid i{background:var(--ok)}.live-stage[data-step="1"] .live-toast.is-request,.live-stage[data-step="2"] .live-toast.is-paid{opacity:1;transform:none}.live-count{transition:transform var(--dur) var(--ease-spring), color var(--dur) var(--ease-out);display:inline-block}.live-stage:is([data-step="1"],[data-step="2"],[data-step="3"]) .live-count{color:var(--accent)}.live-stage[data-step="1"] .live-count{transform:scale(1.25)}.live-status{display:none}.live-stage:not([data-step="3"]) .live-status.is-open,.live-stage[data-step="3"] .live-status.is-done{display:flex}.live-linh{transition:background-color var(--dur-slow) var(--ease-out);border-radius:6px}.live-stage[data-step="3"] .live-linh{background:color-mix(in srgb, var(--ok-bg) 70%, transparent)}.flower{width:120px;height:160px}.flower path{stroke-width:1.2px}.lost-line{width:220px;height:60px}
