/* Linee di costruzione dei titoli (prova) */
.cst-h{position:relative;isolation:isolate}
.cst-wait{opacity:0}
.cst-g{position:absolute;left:0;top:0;width:0;height:0;pointer-events:none;z-index:-1}
.cst-g i,.cst-g em{position:absolute;display:block;font-style:normal}
.cst-l{height:1px;background:var(--cst);transform-origin:0 50%;transform:rotate(var(--r)) scaleX(0)}
.cst-l.b{height:1.3px}
.cst-l.d{background:repeating-linear-gradient(90deg,var(--cst2) 0 5px,transparent 5px 10px)}
.cst-v{width:1px;background:var(--cst2);transform-origin:50% 0;transform:scaleY(0)}
.cst-o{width:8px;height:8px;margin:-4px 0 0 -4px;border:1px solid var(--cst);border-radius:50%;transform:scale(0)}
.cst-t{transform:translate(-100%,-50%);padding-right:8px;color:var(--cst);font:400 10px/1 'Chakra Petch',sans-serif;letter-spacing:.04em;text-transform:uppercase;opacity:0;white-space:nowrap}
.cst-t::before{content:attr(data-t)}
.cst-go .cst-l,.cst-done .cst-l{transform:rotate(var(--r)) scaleX(1)}
.cst-go .cst-v,.cst-done .cst-v{transform:scaleY(1)}
.cst-go .cst-o,.cst-done .cst-o{transform:scale(1)}
.cst-go .cst-t,.cst-done .cst-t{opacity:1}
.cst-go .cst-g i,.cst-go .cst-g em{transition:transform .7s cubic-bezier(.65,0,.35,1),opacity .5s;transition-delay:calc(var(--i) * 70ms)}
/* il titolo si inchiostra da sinistra a destra dopo le linee */
.cst-ink{color:transparent!important;background:linear-gradient(90deg,var(--cst-ink) 0 46%,transparent 54%) 100% 0/230% 100% no-repeat;-webkit-background-clip:text;background-clip:text}
.cst-ink *{color:transparent!important}
.cst-ink.cst-go{background-position:0 0;transition:background-position 1.2s cubic-bezier(.65,0,.35,1) .5s}
@media print{.cst-g{display:none}}
