/* signature / logo-alive — scoped to .la. The finished sign is the default (no JS, reduced motion).
   Day: the sign in --ink. Evening (html[data-daypart="sera"|"notte"], via .is-lit): --light, and a blurred copy as halo. */
.la { --la-ink: var(--ink, #efe6d8); --la-light: var(--light, #ffb05a); display: block; line-height: 0; }
.la svg { display: block; width: 100%; height: auto; overflow: visible; }
.la text { font-family: var(--font-sign, 'Allura', cursive); font-weight: 400; fill: var(--la-ink); }
.la .la-shape { fill: var(--la-fill, var(--la-ink)); stroke: var(--la-ink); stroke-width: calc(var(--la-stroke, 2) * 1px); stroke-linecap: round; stroke-linejoin: round; transition: fill .5s, stroke .5s; }
.la.is-lit .la-shape { fill: var(--la-light); stroke: var(--la-light); }

/* once the letters are drawn one by one, the original text only stays for screen readers */
.la.is-ready .la-source { fill-opacity: 0; stroke: none; }
.la.is-waiting { opacity: 0; }

.la .la-halo { opacity: 0; filter: blur(9px); transition: opacity .5s; pointer-events: none; }
.la .la-halo .la-shape { fill: var(--la-light); stroke: var(--la-light); stroke-width: calc(var(--la-stroke, 2) * 5px); }
.la.is-lit .la-halo { opacity: .8; }

@media (prefers-reduced-motion: reduce) { .la.is-waiting { opacity: 1; } .la .la-shape, .la .la-halo { transition: none; } }