/* --- STILE PER I DOODLE SUL QUADERNO --- */
.doodle-draw {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 115%;
    height: 130%;
    pointer-events: none; /* Evita che interferiscano col mouse */
}

.doodle-draw path {
    fill: none;
    stroke-width: 4;
    stroke-linecap: round;
    stroke-linejoin: round;
    /* Effetto penna imperfetta */
    stroke-dasharray: 600;
    stroke-dashoffset: 600;
    transition: stroke-dashoffset 1.5s cubic-bezier(0.4, 0, 0.2, 1);
}

.doodle-orange path {
    stroke: #ff9f0a; /* Arancione hardware */
}

.doodle-blue path {
    stroke: var(--accent); /* Blu elegante */
}

/* Quando GSAP aggiunge la classe inline al contenitore, inneschiamo il disegno */
.reveal-text[style*="opacity: 1"] .doodle-draw path {
    stroke-dashoffset: 0;
}

/* Regolazione per mobile per far entrare il testo nel quaderno */
@media (max-width: 768px) {
    #hook .reveal-text {
        font-size: 1.8rem !important;
    }
}