{"id":8,"date":"2022-09-25T19:08:08","date_gmt":"2022-09-25T19:08:08","guid":{"rendered":"https:\/\/studiostirparo.it\/?page_id=8"},"modified":"2026-11-01T17:26:31","modified_gmt":"2026-11-01T17:26:31","slug":"chi-sono","status":"publish","type":"page","link":"https:\/\/studiostirparo.it\/index.php\/chi-sono\/","title":{"rendered":"Chi Sono"},"content":{"rendered":"\n<!-- =========================================================\n     STUDIO STIRPARO \u2014 Pagina \"Chi sono\" (tema chiaro)\n     Incolla tutto in un blocco \"HTML personalizzato\" di WordPress.\n     Tutto \u00e8 isolato sotto #ss-chi: non interferisce col tema.\n     ========================================================= -->\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Instrument+Serif:ital@0;1&#038;family=Manrope:wght@300;400;500;600;700;800&#038;family=JetBrains+Mono:wght@400;500&#038;display=swap\" rel=\"stylesheet\">\n\n<style>\n#ss-chi{\n  --bg:#f5f4ef; --paper:#fff; --ink:#0e1116; --ink2:#2a2f38; --mute:#6b7280;\n  --line:rgba(14,17,22,.09); --line2:rgba(14,17,22,.16);\n  --blue:#2b4dff; --blue2:#6a85ff; --coral:#ff5a36; --mint:#16b88a;\n  position:relative; width:100vw; margin-left:calc(50% - 50vw); margin-right:calc(50% - 50vw);\n  background:var(--bg); color:var(--ink); font-family:'Manrope',system-ui,sans-serif;\n  font-size:17px; line-height:1.65; overflow:hidden; -webkit-font-smoothing:antialiased;\n}\n#ss-chi *,#ss-chi *::before,#ss-chi *::after{box-sizing:border-box;margin:0;padding:0}\n#ss-chi a{color:inherit;text-decoration:none}\n#ss-chi .ss-wrap{max-width:1240px;margin:0 auto;padding:0 24px;position:relative;z-index:2}\n#ss-chi section{position:relative;padding:130px 0}\n#ss-chi .ss-eyebrow{font-family:'JetBrains Mono',monospace;font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--blue);display:inline-flex;align-items:center;gap:10px}\n#ss-chi .ss-eyebrow::before{content:\"\";width:8px;height:8px;border-radius:50%;background:currentColor;box-shadow:0 0 0 4px rgba(43,77,255,.12);animation:sc-pulse 2.4s ease-in-out infinite}\n@keyframes sc-pulse{50%{box-shadow:0 0 0 8px rgba(43,77,255,0)}}\n#ss-chi h1,#ss-chi h2{font-family:'Instrument Serif',Georgia,serif;font-weight:400;letter-spacing:-.015em;color:var(--ink)}\n#ss-chi h2{font-size:clamp(42px,6vw,84px);line-height:1;margin-top:22px}\n#ss-chi h1 em,#ss-chi h2 em{font-style:italic;color:var(--blue)}\n#ss-chi h3{font-weight:700;font-size:22px;line-height:1.2;letter-spacing:-.02em}\n#ss-chi p{color:var(--mute)}\n#ss-chi p b{color:var(--ink);font-weight:700}\n#ss-chi .ss-mono{font-family:'JetBrains Mono',monospace}\n\n\/* ============ HERO ============ *\/\n#ss-chi .ss-hero{padding:140px 0 110px;isolation:isolate}\n#ss-chi .ss-dots{position:absolute;inset:0;z-index:0;background-image:radial-gradient(rgba(14,17,22,.16) 1px,transparent 1.2px);background-size:22px 22px;mask-image:radial-gradient(ellipse 70% 70% at 70% 40%,#000 20%,transparent 75%);-webkit-mask-image:radial-gradient(ellipse 70% 70% at 70% 40%,#000 20%,transparent 75%)}\n#ss-chi .ss-blob{position:absolute;border-radius:50%;filter:blur(90px);z-index:0;animation:sc-drift 16s ease-in-out infinite alternate}\n#ss-chi .ss-blob.b1{width:520px;height:520px;background:#c9d3ff;top:-140px;right:-60px}\n#ss-chi .ss-blob.b2{width:360px;height:360px;background:#ffd4c7;bottom:-120px;left:-80px;animation-delay:-8s}\n@keyframes sc-drift{to{transform:translate(-80px,60px) scale(1.12)}}\n#ss-chi .ss-hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:70px;align-items:center}\n#ss-chi h1{font-size:clamp(54px,8vw,124px);line-height:.92;margin-top:26px}\n#ss-chi h1 .ss-line{display:block;overflow:hidden;padding-bottom:.07em}\n#ss-chi h1 .ss-line>span{display:inline-block;transform:translateY(105%);transition:transform 1.2s cubic-bezier(.16,1,.3,1);transition-delay:var(--d,0s)}\n#ss-chi .ss-hero.ss-in h1 .ss-line>span{transform:none}\n#ss-chi .ss-lead{font-size:20px;color:var(--ink2);max-width:520px;margin-top:34px}\n\n\/* terminale *\/\n#ss-chi .ss-term-wrap{position:relative;perspective:1200px}\n#ss-chi .ss-term{position:relative;background:#0e1116;border-radius:24px;box-shadow:0 50px 100px -30px rgba(14,17,22,.45),0 0 0 1px rgba(255,255,255,.04) inset;overflow:hidden;transform:rotateY(-8deg) rotateX(4deg);transition:transform .6s cubic-bezier(.2,.7,.2,1)}\n#ss-chi .ss-term-wrap:hover .ss-term{transform:none}\n#ss-chi .ss-term .bar{display:flex;align-items:center;gap:7px;padding:15px 18px;border-bottom:1px solid rgba(255,255,255,.07)}\n#ss-chi .ss-term .bar i{width:11px;height:11px;border-radius:50%;background:#2a2f38}\n#ss-chi .ss-term .bar i:nth-child(1){background:#ff5f57}#ss-chi .ss-term .bar i:nth-child(2){background:#febc2e}#ss-chi .ss-term .bar i:nth-child(3){background:#28c840}\n#ss-chi .ss-term .bar span{margin-left:auto;font-family:'JetBrains Mono',monospace;font-size:11px;color:#6b7591}\n#ss-chi .ss-term pre{font-family:'JetBrains Mono',monospace;font-size:14px;line-height:1.85;color:#c9d2e3;padding:22px 24px 28px;min-height:330px;white-space:pre-wrap;word-break:break-word}\n#ss-chi .ss-term .p{color:var(--mint)}\n#ss-chi .ss-term .c{color:#fff}\n#ss-chi .ss-term .d{color:var(--blue2)}\n#ss-chi .ss-term .o{color:#ff8a6e}\n#ss-chi .ss-caret{display:inline-block;width:8px;height:16px;background:var(--mint);vertical-align:-3px;animation:sc-blink 1s steps(1) infinite}\n@keyframes sc-blink{50%{opacity:0}}\n#ss-chi .ss-badge{position:absolute;z-index:3;background:var(--paper);border:1px solid var(--line);border-radius:16px;padding:12px 16px;box-shadow:0 20px 40px -20px rgba(14,17,22,.3);display:flex;align-items:center;gap:12px;animation:sc-bob 6s ease-in-out infinite}\n#ss-chi .ss-badge b{font-family:'Instrument Serif',serif;font-weight:400;font-size:30px;line-height:1;color:var(--ink)}\n#ss-chi .ss-badge small{font-size:12px;line-height:1.3;color:var(--mute);display:block;max-width:120px}\n#ss-chi .ss-badge.k1{top:-26px;right:-18px}\n#ss-chi .ss-badge.k2{bottom:-30px;left:-30px;animation-delay:-3s}\n#ss-chi .ss-badge .dot{width:10px;height:10px;border-radius:50%;background:var(--coral);box-shadow:0 0 0 5px rgba(255,90,54,.15)}\n@keyframes sc-bob{50%{transform:translateY(-10px)}}\n\n\/* ============ NUMERI ============ *\/\n#ss-chi .ss-stats{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line2);border-bottom:1px solid var(--line2)}\n#ss-chi .ss-stat{padding:40px 28px;border-right:1px solid var(--line2)}\n#ss-chi .ss-stat:last-child{border-right:0}\n#ss-chi .ss-stat .v{font-family:'Instrument Serif',serif;font-size:clamp(48px,5vw,72px);line-height:1;color:var(--ink);white-space:nowrap}\n#ss-chi .ss-stat .v em{font-style:italic;color:var(--blue)}\n#ss-chi .ss-stat p{font-size:14px;margin-top:10px;max-width:220px}\n\n\/* ============ TIMELINE ============ *\/\n#ss-chi .ss-head{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:70px;flex-wrap:wrap}\n#ss-chi .ss-head p{max-width:400px}\n#ss-chi .ss-tl{position:relative;padding:10px 0}\n#ss-chi .ss-tl-line{position:absolute;left:50%;top:0;bottom:0;width:2px;margin-left:-1px;background:var(--line2);border-radius:2px}\n#ss-chi .ss-tl-fill{position:absolute;left:0;top:0;width:100%;height:0;background:linear-gradient(180deg,var(--blue2),var(--blue) 60%,var(--coral));border-radius:2px}\n#ss-chi .ss-tl-fill::after{content:\"\";position:absolute;bottom:-7px;left:50%;width:14px;height:14px;margin-left:-7px;border-radius:50%;background:var(--coral);box-shadow:0 0 0 6px rgba(255,90,54,.18),0 0 20px var(--coral)}\n#ss-chi .ss-ev{position:relative;width:50%;padding:0 56px 56px 0}\n#ss-chi .ss-ev:nth-child(odd){margin-left:50%;padding:0 0 56px 56px}\n#ss-chi .ss-ev::before{content:\"\";position:absolute;top:30px;right:-8px;width:16px;height:16px;border-radius:50%;background:var(--bg);border:2px solid var(--line2);transition:all .5s;z-index:2}\n#ss-chi .ss-ev:nth-child(odd)::before{right:auto;left:-8px}\n#ss-chi .ss-ev.ss-in::before{border-color:var(--blue);background:var(--blue);box-shadow:0 0 0 6px rgba(43,77,255,.14)}\n#ss-chi .ss-evc{background:var(--paper);border:1px solid var(--line);border-radius:24px;padding:28px 30px;transition:transform .5s cubic-bezier(.2,.7,.2,1),box-shadow .5s}\n#ss-chi .ss-evc:hover{transform:translateY(-6px);box-shadow:0 30px 60px -30px rgba(14,17,22,.25)}\n#ss-chi .ss-yr{display:inline-block;font-family:'JetBrains Mono',monospace;font-size:12px;letter-spacing:.06em;color:var(--blue);background:#eef1ff;border-radius:999px;padding:5px 12px;margin-bottom:14px}\n#ss-chi .ss-evc h3{font-size:21px}\n#ss-chi .ss-evc p{font-size:15px;margin-top:8px}\n#ss-chi .ss-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:14px}\n#ss-chi .ss-tags span{font-family:'JetBrains Mono',monospace;font-size:11px;padding:5px 10px;border-radius:8px;background:var(--bg);color:var(--ink2);border:1px solid var(--line)}\n#ss-chi .ss-ev.now .ss-evc{background:var(--ink);border-color:var(--ink)}\n#ss-chi .ss-ev.now .ss-evc h3{color:#fff}\n#ss-chi .ss-ev.now .ss-evc p{color:#a2abba}\n#ss-chi .ss-ev.now .ss-yr{background:var(--coral);color:#fff}\n#ss-chi .ss-ev .ss-r{opacity:0;transform:translateX(-40px);transition:opacity 1s cubic-bezier(.16,1,.3,1),transform 1s cubic-bezier(.16,1,.3,1)}\n#ss-chi .ss-ev:nth-child(odd) .ss-r{transform:translateX(40px)}\n#ss-chi .ss-ev.ss-in .ss-r{opacity:1;transform:none}\n\n\/* ============ OGGI: 3 ambiti ============ *\/\n#ss-chi .ss-today{background:var(--ink);color:#fff;border-radius:44px;margin:0 16px;padding:120px 0;overflow:hidden}\n#ss-chi .ss-today::before{content:\"\";position:absolute;width:760px;height:760px;left:-260px;top:-320px;border-radius:50%;background:radial-gradient(circle,rgba(43,77,255,.42),transparent 65%);filter:blur(30px)}\n#ss-chi .ss-today h2{color:#fff}\n#ss-chi .ss-today h2 em{color:var(--blue2)}\n#ss-chi .ss-today p{color:#a2abba}\n#ss-chi .ss-today p b{color:#fff}\n#ss-chi .ss-today .ss-eyebrow{color:var(--blue2)}\n#ss-chi .ss-area{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center;padding:70px 0;border-top:1px solid rgba(255,255,255,.1)}\n#ss-chi .ss-area:first-of-type{border-top:0}\n#ss-chi .ss-area.rev .ss-area-vis{order:-1}\n#ss-chi .ss-area .ss-k{font-family:'JetBrains Mono',monospace;font-size:12px;color:var(--blue2);letter-spacing:.12em;text-transform:uppercase}\n#ss-chi .ss-area h3{font-family:'Instrument Serif',serif;font-weight:400;font-size:clamp(38px,4vw,58px);line-height:1;color:#fff;margin:14px 0 18px}\n#ss-chi .ss-area p+p{margin-top:14px}\n#ss-chi .ss-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}\n#ss-chi .ss-chips span{font-size:13px;font-weight:600;padding:8px 14px;border-radius:999px;border:1px solid rgba(255,255,255,.18);color:#fff}\n#ss-chi .ss-chips span.hl{background:var(--coral);border-color:var(--coral)}\n#ss-chi .ss-area-vis{position:relative;border-radius:28px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08);min-height:380px;overflow:hidden}\n\n\/* mappa procure *\/\n#ss-chi .ss-map svg{width:100%;height:100%;display:block}\n#ss-chi .ss-map .arc{fill:none;stroke:url(#scgrad);stroke-width:1.6;stroke-dasharray:1;stroke-dashoffset:1;transition:stroke-dashoffset 1.8s cubic-bezier(.6,0,.2,1)}\n#ss-chi .ss-map.ss-in .arc{stroke-dashoffset:0}\n#ss-chi .ss-map .node{fill:var(--blue2)}\n#ss-chi .ss-map .ring{fill:none;stroke:var(--blue2);transform-box:fill-box;transform-origin:center;animation:sc-ring 2.8s ease-out infinite}\n#ss-chi .ss-map .base{fill:var(--coral)}\n#ss-chi .ss-map .ring.b{stroke:var(--coral)}\n#ss-chi .ss-map text{font-family:'JetBrains Mono',monospace;font-size:11px;fill:#c9d2e3;letter-spacing:.04em}\n#ss-chi .ss-map .gridl{stroke:rgba(255,255,255,.05)}\n@keyframes sc-ring{0%{transform:scale(1);opacity:.9}100%{transform:scale(4);opacity:0}}\n#ss-chi .ss-map .lbl{position:absolute;left:22px;bottom:20px;font-family:'JetBrains Mono',monospace;font-size:11px;color:#6b7591}\n\n\/* editor software *\/\n#ss-chi .ss-ide{display:grid;grid-template-columns:150px 1fr;height:100%;min-height:380px;font-family:'JetBrains Mono',monospace;font-size:12.5px}\n#ss-chi .ss-ide .tree{border-right:1px solid rgba(255,255,255,.08);padding:20px 14px;color:#8892a8;line-height:2}\n#ss-chi .ss-ide .tree b{color:#fff;font-weight:500}\n#ss-chi .ss-ide .tree .on{color:var(--blue2)}\n#ss-chi .ss-ide .ed{padding:20px 18px;color:#c9d2e3;line-height:1.85;white-space:pre;overflow:hidden}\n#ss-chi .ss-ide .k{color:var(--blue2)}#ss-chi .ss-ide .s{color:var(--mint)}#ss-chi .ss-ide .f{color:#ff8a6e}#ss-chi .ss-ide .c{color:#5d6680}\n#ss-chi .ss-deploy{position:absolute;right:16px;bottom:16px;display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:12px;background:rgba(22,184,138,.12);border:1px solid rgba(22,184,138,.35);color:#7ff0cb;font-family:'JetBrains Mono',monospace;font-size:11.5px}\n#ss-chi .ss-deploy i{width:8px;height:8px;border-radius:50%;background:var(--mint);box-shadow:0 0 10px var(--mint);animation:sc-blink 1.4s steps(1) infinite}\n\n\/* perizia 4.0 *\/\n#ss-chi .ss-doc{position:absolute;inset:34px 40px;background:#fff;border-radius:14px;padding:26px 26px 22px;color:var(--ink);box-shadow:0 30px 60px -20px rgba(0,0,0,.5);transform:rotate(-2.5deg)}\n#ss-chi .ss-doc .t{font-family:'Instrument Serif',serif;font-size:24px;line-height:1.1}\n#ss-chi .ss-doc .sub{font-family:'JetBrains Mono',monospace;font-size:10.5px;color:var(--mute);margin:6px 0 16px;letter-spacing:.06em;text-transform:uppercase}\n#ss-chi .ss-doc .row{display:flex;align-items:center;gap:10px;font-size:13px;padding:7px 0;border-top:1px dashed var(--line2)}\n#ss-chi .ss-doc .row i{width:16px;height:16px;border-radius:5px;flex:none;border:1.5px solid var(--line2);position:relative;transition:all .4s}\n#ss-chi .ss-doc .row i::after{content:\"\";position:absolute;left:4px;top:1px;width:4px;height:8px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg) scale(0);transition:transform .3s .1s}\n#ss-chi .ss-doc .row.ok i{background:var(--mint);border-color:var(--mint)}\n#ss-chi .ss-doc .row.ok i::after{transform:rotate(45deg) scale(1)}\n#ss-chi .ss-stamp{position:absolute;right:18px;bottom:16px;width:96px;height:96px;border-radius:50%;border:2px solid var(--coral);color:var(--coral);display:grid;place-items:center;text-align:center;font-family:'JetBrains Mono',monospace;font-size:10px;font-weight:500;letter-spacing:.08em;line-height:1.3;transform:rotate(-14deg) scale(2.4);opacity:0;transition:transform .5s cubic-bezier(.3,1.6,.5,1),opacity .3s}\n#ss-chi .ss-stamp.on{transform:rotate(-14deg) scale(1);opacity:.9}\n\n\/* ============ COLLABORAZIONI ============ *\/\n#ss-chi .ss-collab{padding:110px 0 40px}\n#ss-chi .ss-logos{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:50px}\n#ss-chi .ss-logo{background:var(--paper);border:1px solid var(--line);border-radius:24px;padding:34px 30px;transition:transform .5s cubic-bezier(.2,.7,.2,1),border-color .5s}\n#ss-chi .ss-logo:hover{transform:translateY(-6px);border-color:var(--blue)}\n#ss-chi .ss-logo b{display:block;font-family:'Instrument Serif',serif;font-weight:400;font-size:36px;line-height:1;color:var(--ink)}\n#ss-chi .ss-logo p{font-size:14px;margin-top:12px}\n\n\/* ============ INSEGNAMENTO ============ *\/\n#ss-chi .ss-teach{display:grid;grid-template-columns:1.1fr .9fr;gap:16px}\n#ss-chi .ss-quote-card{background:var(--blue);color:#fff;border-radius:32px;padding:56px 50px;position:relative;overflow:hidden}\n#ss-chi .ss-quote-card::after{content:\"\";position:absolute;right:-100px;bottom:-100px;width:320px;height:320px;border-radius:50%;border:50px solid rgba(255,255,255,.1)}\n#ss-chi .ss-quote-card .ss-eyebrow{color:#fff}\n#ss-chi .ss-quote-card .ss-eyebrow::before{box-shadow:0 0 0 4px rgba(255,255,255,.2)}\n#ss-chi .ss-q{color:#fff!important;font-family:'Instrument Serif',serif;font-size:clamp(32px,3.6vw,50px);line-height:1.1;margin-top:26px;position:relative;z-index:1}\n#ss-chi .ss-q em{font-style:italic;opacity:.75}\n#ss-chi .ss-q-sub{margin-top:24px;color:rgba(255,255,255,.8)!important;max-width:460px;position:relative;z-index:1}\n#ss-chi .ss-schools{background:var(--paper);border:1px solid var(--line);border-radius:32px;padding:20px 34px}\n#ss-chi .ss-school{display:grid;grid-template-columns:auto 1fr;gap:18px;padding:22px 0;border-top:1px solid var(--line)}\n#ss-chi .ss-school:first-child{border-top:0}\n#ss-chi .ss-school .ic{width:44px;height:44px;border-radius:12px;background:#eef1ff;color:var(--blue);display:grid;place-items:center}\n#ss-chi .ss-school h4{font-size:16px;font-weight:700;color:var(--ink)}\n#ss-chi .ss-school p{font-size:14px;margin-top:2px}\n\n\/* ============ CTA ============ *\/\n#ss-chi .ss-final{text-align:center;padding:150px 0 170px}\n#ss-chi .ss-final h2{font-size:clamp(54px,9vw,140px);line-height:.92;max-width:1100px;margin:26px auto 0}\n#ss-chi .ss-final p{max-width:520px;margin:30px auto 40px;font-size:18px}\n#ss-chi .ss-cta-row{display:flex;gap:12px;flex-wrap:wrap;justify-content:center}\n#ss-chi .ss-btn{position:relative;display:inline-flex;align-items:center;gap:12px;padding:16px 28px;border-radius:999px;font-weight:700;font-size:15px;transition:transform .35s cubic-bezier(.2,.7,.2,1),box-shadow .35s,background .35s,color .35s;overflow:hidden;isolation:isolate}\n#ss-chi .ss-btn-primary{background:var(--ink);color:#fff}\n#ss-chi .ss-btn-primary::before{content:\"\";position:absolute;inset:0;z-index:-1;background:var(--blue);transform:translateY(101%);border-radius:999px;transition:transform .45s cubic-bezier(.2,.7,.2,1)}\n#ss-chi .ss-btn-primary:hover::before{transform:none}\n#ss-chi .ss-btn-primary:hover{box-shadow:0 18px 40px -12px rgba(43,77,255,.6)}\n#ss-chi .ss-btn-ghost{border:1.5px solid var(--ink)}\n#ss-chi .ss-btn-ghost:hover{background:var(--ink);color:#fff}\n#ss-chi .ss-btn svg{transition:transform .35s}\n#ss-chi .ss-btn:hover svg{transform:translateX(4px) rotate(-45deg)}\n#ss-chi .ss-ring{position:absolute;left:50%;top:50%;border-radius:50%;border:1px solid var(--line2);transform:translate(-50%,-50%);animation:sc-rings 6s ease-out infinite;opacity:0}\n#ss-chi .ss-ring:nth-child(2){animation-delay:2s}#ss-chi .ss-ring:nth-child(3){animation-delay:4s}\n@keyframes sc-rings{0%{width:200px;height:200px;opacity:.9}100%{width:1300px;height:1300px;opacity:0}}\n\n\/* ============ Reveal ============ *\/\n#ss-chi.ss-js .ss-rv{opacity:0;transform:translateY(40px);transition:opacity 1.1s cubic-bezier(.16,1,.3,1),transform 1.1s cubic-bezier(.16,1,.3,1);transition-delay:var(--d,0s)}\n#ss-chi.ss-js .ss-rv.ss-in{opacity:1;transform:none}\n#ss-chi:not(.ss-js) h1 .ss-line>span{transform:none}\n#ss-chi:not(.ss-js) .ss-ev .ss-r{opacity:1;transform:none}\n\n\/* ============ Responsive ============ *\/\n@media (max-width:1020px){\n  #ss-chi section{padding:100px 0}\n  #ss-chi .ss-hero-grid,#ss-chi .ss-area,#ss-chi .ss-teach{grid-template-columns:1fr;gap:50px}\n  #ss-chi .ss-area.rev .ss-area-vis{order:0}\n  #ss-chi .ss-stats{grid-template-columns:1fr 1fr}\n  #ss-chi .ss-stat:nth-child(2){border-right:0}\n  #ss-chi .ss-stat:nth-child(-n+2){border-bottom:1px solid var(--line2)}\n  #ss-chi .ss-tl-line{left:8px}\n  #ss-chi .ss-ev,#ss-chi .ss-ev:nth-child(odd){width:100%;margin-left:0;padding:0 0 40px 44px}\n  #ss-chi .ss-ev::before,#ss-chi .ss-ev:nth-child(odd)::before{left:1px;right:auto}\n  #ss-chi .ss-ev .ss-r,#ss-chi .ss-ev:nth-child(odd) .ss-r{transform:translateY(30px)}\n  #ss-chi .ss-logos{grid-template-columns:1fr 1fr}\n}\n@media (max-width:640px){\n  #ss-chi .ss-logos{grid-template-columns:1fr}\n}\n@media (max-width:640px){\n  #ss-chi{font-size:16px}\n  #ss-chi .ss-wrap{padding:0 16px}\n  #ss-chi section{padding:80px 0}\n  #ss-chi .ss-hero{padding:100px 0 80px}\n  #ss-chi .ss-term pre{font-size:12px;padding:18px;min-height:300px}\n  #ss-chi .ss-badge.k1{right:-6px;top:-30px}\n  #ss-chi .ss-badge.k2{left:-6px}\n  #ss-chi .ss-stat{padding:28px 16px}\n  #ss-chi .ss-today{margin:0 8px;border-radius:30px;padding:80px 0}\n  #ss-chi .ss-ide{grid-template-columns:1fr}\n  #ss-chi .ss-ide .tree{display:none}\n  #ss-chi .ss-doc{inset:24px 18px}\n  #ss-chi .ss-quote-card{padding:40px 28px}\n  #ss-chi .ss-schools{padding:12px 22px}\n}\n<\/style>\n\n<div id=\"ss-chi\">\n\n  <!-- ===== HERO ===== -->\n  <section class=\"ss-hero\">\n    <div class=\"ss-dots\"><\/div><div class=\"ss-blob b1\"><\/div><div class=\"ss-blob b2\"><\/div>\n    <div class=\"ss-wrap\">\n      <div class=\"ss-hero-grid\">\n        <div>\n          <span class=\"ss-eyebrow\">Chi sono<\/span>\n          <h1>\n            <span class=\"ss-line\"><span>Giuliano<\/span><\/span>\n            <span class=\"ss-line\"><span style=\"--d:.1s\">Stirparo<em>,<\/em><\/span><\/span>\n            <span class=\"ss-line\"><span style=\"--d:.2s\"><em>ingegnere.<\/em><\/span><\/span>\n          <\/h1>\n          <p class=\"ss-lead ss-rv\" style=\"--d:.4s\">Ingegnere informatico con specializzazione in <b>Intelligenza Artificiale e Machine Learning<\/b>. Oggi lavoro come libero professionista tra <b>informatica forense<\/b>, <b>sviluppo software<\/b> e <b>perizie Industria 4.0<\/b>, e insegno informatica.<\/p>\n        <\/div>\n        <div class=\"ss-term-wrap ss-rv\" style=\"--d:.3s\">\n          <div class=\"ss-badge k1\"><b>110<em style=\"font-style:italic;color:var(--blue)\">\/110<\/em><\/b><small>Laurea magistrale in AI &amp; ML<\/small><\/div>\n          <div class=\"ss-term\">\n            <div class=\"bar\"><i><\/i><i><\/i><i><\/i><span>~\/studio-stirparo<\/span><\/div>\n            <pre id=\"sc-term\"><\/pre>\n          <\/div>\n          <div class=\"ss-badge k2\"><span class=\"dot\"><\/span><small><b style=\"font-family:Manrope;font-size:14px;font-weight:700;display:block\">CTP \u00b7 CTPM<\/b>Digital forensics<\/small><\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- ===== NUMERI ===== -->\n  <div class=\"ss-wrap\">\n    <div class=\"ss-stats\">\n      <div class=\"ss-stat ss-rv\"><div class=\"v\"><span class=\"sc-count\" data-to=\"110\">0<\/span><em>\/110<\/em><\/div><p>Laurea magistrale in Ingegneria Informatica, indirizzo AI &amp; ML<\/p><\/div>\n      <div class=\"ss-stat ss-rv\" style=\"--d:.1s\"><div class=\"v\"><span class=\"sc-count\" data-to=\"5\">0<\/span> <em>Procure<\/em><\/div><p>con cui ho collaborato come consulente tecnico del PM<\/p><\/div>\n      <div class=\"ss-stat ss-rv\" style=\"--d:.2s\"><div class=\"v\"><em>Dal<\/em> <span class=\"sc-count\" data-to=\"2020\" data-from=\"2000\">2000<\/span><\/div><p>in cattedra come docente di informatica<\/p><\/div>\n      <div class=\"ss-stat ss-rv\" style=\"--d:.3s\"><div class=\"v\"><span class=\"sc-count\" data-to=\"4\">0<\/span> <em>ambiti<\/em><\/div><p>forensics, software, Industria 4.0 e formazione<\/p><\/div>\n    <\/div>\n  <\/div>\n\n  <!-- ===== TIMELINE ===== -->\n  <section>\n    <div class=\"ss-wrap\">\n      <div class=\"ss-head\">\n        <div>\n          <span class=\"ss-eyebrow ss-rv\">Il percorso<\/span>\n          <h2 class=\"ss-rv\" style=\"--d:.1s\">Dallo studio<br>alla <em>professione<\/em><\/h2>\n        <\/div>\n        <p class=\"ss-rv\" style=\"--d:.2s\">Studio, insegnamento e industria: le tappe che hanno costruito il mio modo di lavorare.<\/p>\n      <\/div>\n\n      <div class=\"ss-tl\" id=\"sc-tl\">\n        <div class=\"ss-tl-line\"><div class=\"ss-tl-fill\" id=\"sc-fill\"><\/div><\/div>\n\n        <div class=\"ss-ev\"><div class=\"ss-evc ss-r\">\n          <span class=\"ss-yr\">Maturit\u00e0<\/span>\n          <h3>Liceo Scientifico Filolao, Crotone<\/h3>\n          <p>Maturit\u00e0 scientifica conseguita a pieni voti.<\/p>\n        <\/div><\/div>\n\n        <div class=\"ss-ev\"><div class=\"ss-evc ss-r\">\n          <span class=\"ss-yr\">2019<\/span>\n          <h3>Laurea triennale in Ingegneria Informatica<\/h3>\n          <p>Universit\u00e0 della Calabria, con votazione 106\/110.<\/p>\n        <\/div><\/div>\n\n        <div class=\"ss-ev\"><div class=\"ss-evc ss-r\">\n          <span class=\"ss-yr\">2019 \/ 20<\/span>\n          <h3>Tutor accademico<\/h3>\n          <p>Assistenza ai docenti del corso di Fondamenti di Informatica: preparazione e correzione delle prove d&#8217;esame ed esercitazioni in laboratorio.<\/p>\n        <\/div><\/div>\n\n        <div class=\"ss-ev\"><div class=\"ss-evc ss-r\">\n          <span class=\"ss-yr\">Nov 2020<\/span>\n          <h3>Cattedra di informatica<\/h3>\n          <p>Incarico annuale presso l&#8217;ISIS Luzzatto di Portogruaro (VE).<\/p>\n        <\/div><\/div>\n\n        <div class=\"ss-ev\"><div class=\"ss-evc ss-r\">\n          <span class=\"ss-yr\">2021<\/span>\n          <h3>Laurea magistrale, AI &amp; Machine Learning<\/h3>\n          <p>Ingegneria Informatica all&#8217;Universit\u00e0 della Calabria, con voto 110\/110.<\/p>\n        <\/div><\/div>\n\n        <div class=\"ss-ev\"><div class=\"ss-evc ss-r\">\n          <span class=\"ss-yr\">Dic 2021<\/span>\n          <h3>Ingegnere del Software, Cerved Group S.p.A.<\/h3>\n          <p>Gestione di dati in cloud e sviluppo backend di applicazioni web.<\/p>\n          <div class=\"ss-tags\"><span>AWS<\/span><span>Oozie<\/span><span>Terraform<\/span><span>Spring Boot<\/span><\/div>\n        <\/div><\/div>\n\n        <div class=\"ss-ev now\"><div class=\"ss-evc ss-r\">\n          <span class=\"ss-yr\">Oggi<\/span>\n          <h3>Studio Stirparo<\/h3>\n          <p>Libera professione come ingegnere dell&#8217;informazione e docente di informatica all&#8217;ITE &#8220;Melloni&#8221; di Parma.<\/p>\n        <\/div><\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- ===== STUDIO STIRPARO OGGI ===== -->\n  <section class=\"ss-today\">\n    <div class=\"ss-wrap\">\n      <span class=\"ss-eyebrow ss-rv\">Studio Stirparo oggi<\/span>\n      <h2 class=\"ss-rv\" style=\"--d:.1s\">Tre ambiti,<br>un solo <em>metodo.<\/em><\/h2>\n\n      <!-- Forensics -->\n      <div class=\"ss-area\" style=\"margin-top:40px\">\n        <div class=\"ss-rv\">\n          <span class=\"ss-k\">01 \u00b7 Digital Forensics<\/span>\n          <h3>Dove passa gran parte del mio lavoro<\/h3>\n          <p>Ho lavorato come <b>CTP<\/b> in diversi processi penali e come <b>consulente tecnico del PM<\/b>, con incarichi in collaborazione con varie Procure.<\/p>\n          <p>Ho avuto inoltre l&#8217;opportunit\u00e0 di partecipare come consulente di parte a <b>casi di importante rilevanza mediatica<\/b>.<\/p>\n          <div class=\"ss-chips\"><span class=\"hl\">CTP<\/span><span class=\"hl\">CTPM<\/span><span>Processi penali<\/span><span>Perizie informatiche<\/span><\/div>\n        <\/div>\n        <div class=\"ss-area-vis ss-map ss-rv\" id=\"sc-map\" style=\"--d:.15s\">\n          <svg viewBox=\"0 0 520 400\" aria-label=\"Procure con cui ho collaborato\">\n            <defs><linearGradient id=\"scgrad\" x1=\"0\" x2=\"1\"><stop offset=\"0\" stop-color=\"#ff5a36\"\/><stop offset=\"1\" stop-color=\"#6a85ff\"\/><\/linearGradient><\/defs>\n            <g id=\"sc-gl\"><\/g><g id=\"sc-arcs\"><\/g><g id=\"sc-nodes\"><\/g>\n          <\/svg>\n          <div class=\"lbl\">PROCURE \u00b7 CATANZARO \u00b7 REGGIO CALABRIA \u00b7 PALMI \u00b7 LOCRI \u00b7 PALERMO<\/div>\n        <\/div>\n      <\/div>\n\n      <!-- Software -->\n      <div class=\"ss-area rev\">\n        <div class=\"ss-rv\">\n          <span class=\"ss-k\">02 \u00b7 Sviluppo software<\/span>\n          <h3>Software su misura, costruito per durare<\/h3>\n          <p>L&#8217;esperienza in azienda su cloud e backend \u00e8 diventata il mio modo di sviluppare: progetto <b>gestionali, applicazioni web e automazioni<\/b> partendo dai processi reali di chi li user\u00e0.<\/p>\n          <p>Un unico referente, dall&#8217;analisi al rilascio, fino all&#8217;assistenza.<\/p>\n          <div class=\"ss-chips\"><span>Gestionali<\/span><span>Web app<\/span><span>Automazioni<\/span><span>Cloud<\/span><span>AI<\/span><\/div>\n        <\/div>\n        <div class=\"ss-area-vis ss-rv\" style=\"--d:.15s\">\n          <div class=\"ss-ide\">\n            <div class=\"tree\"><b>progetto\/<\/b><br>&nbsp;\u251c api\/<br>&nbsp;\u251c <span class=\"on\">ordini.ts<\/span><br>&nbsp;\u251c clienti.ts<br>&nbsp;\u251c report\/<br>&nbsp;\u2514 infra\/<\/div>\n            <div class=\"ed\" id=\"sc-ide\"><\/div>\n          <\/div>\n          <div class=\"ss-deploy\"><i><\/i>build ok \u00b7 rilascio in produzione<\/div>\n        <\/div>\n      <\/div>\n\n      <!-- Industria 4.0 -->\n      <div class=\"ss-area\">\n        <div class=\"ss-rv\">\n          <span class=\"ss-k\">03 \u00b7 Perizie Industria 4.0<\/span>\n          <h3>Perizie per l&#8217;iperammortamento 2026<\/h3>\n          <p>Redigo <b>perizie tecniche asseverate<\/b> sui beni strumentali, verificando che i macchinari rispettino i requisiti tecnologici e di interconnessione richiesti per accedere all&#8217;<b>iperammortamento 2026<\/b>.<\/p>\n          <p>Mi occupo inoltre di perizie tecniche anche in altri ambiti.<\/p>\n          <div class=\"ss-chips\"><span class=\"hl\">Iperammortamento 2026<\/span><span>Perizie asseverate<\/span><span>Beni 4.0<\/span><\/div>\n        <\/div>\n        <div class=\"ss-area-vis ss-rv\" id=\"sc-perizia\" style=\"--d:.15s\">\n          <div class=\"ss-doc\">\n            <div class=\"t\">Perizia tecnica asseverata<\/div>\n            <div class=\"sub\">Bene strumentale \u00b7 Iperammortamento 2026<\/div>\n            <div class=\"row\"><i><\/i>Controllo tramite CNC \/ PLC<\/div>\n            <div class=\"row\"><i><\/i>Interconnessione ai sistemi di fabbrica<\/div>\n            <div class=\"row\"><i><\/i>Integrazione automatizzata<\/div>\n            <div class=\"row\"><i><\/i>Interfaccia uomo-macchina<\/div>\n            <div class=\"row\"><i><\/i>Requisiti di sicurezza<\/div>\n            <div class=\"ss-stamp\">CONFORME<br>4.0<\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- ===== COLLABORAZIONI ===== -->\n  <section class=\"ss-collab\">\n    <div class=\"ss-wrap\">\n      <span class=\"ss-eyebrow ss-rv\">Collaborazioni<\/span>\n      <h2 class=\"ss-rv\" style=\"--d:.1s\">Ho collaborato <em>con<\/em><\/h2>\n      <div class=\"ss-logos\">\n        <div class=\"ss-logo ss-rv\"><b>Leonardo S.p.A.<\/b><p>Collaborazione come libero professionista.<\/p><\/div>\n        <div class=\"ss-logo ss-rv\" style=\"--d:.1s\"><b>ITS Jobs Academy<\/b><p>Collaborazione come libero professionista.<\/p><\/div>\n        <div class=\"ss-logo ss-rv\" style=\"--d:.2s\"><b>Cerved Group<\/b><p>Ingegnere del Software: cloud e backend.<\/p><\/div>\n        <div class=\"ss-logo ss-rv\" style=\"--d:.3s\"><b>Numerose <em style=\"color:var(--blue)\">PMI<\/em><\/b><p>Software su misura, consulenze e perizie per piccole e medie imprese.<\/p><\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- ===== INSEGNAMENTO ===== -->\n  <section style=\"padding-top:60px\">\n    <div class=\"ss-wrap\">\n      <div class=\"ss-teach\">\n        <div class=\"ss-quote-card ss-rv\">\n          <span class=\"ss-eyebrow\">Insegnamento<\/span>\n          <p class=\"ss-q\">Il mio <em>utopico<\/em> obiettivo: contribuire alla crescita della societ\u00e0 di domani.<\/p>\n          <p class=\"ss-q-sub\">Per questo, accanto alla professione, insegno informatica all&#8217;ITE &#8220;Melloni&#8221; di Parma e tengo corsi di formazione per aziende e privati.<\/p>\n        <\/div>\n        <div class=\"ss-schools ss-rv\" style=\"--d:.1s\">\n          <div class=\"ss-school\"><div class=\"ic\"><svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\"><path d=\"M2 9l10-5 10 5-10 5z\"\/><path d=\"M6 11v5c3 2.5 9 2.5 12 0v-5\"\/><\/svg><\/div><div><h4>ITE &#8220;Melloni&#8221;, Parma<\/h4><p>Docente di informatica \u00b7 oggi<\/p><\/div><\/div>\n          <div class=\"ss-school\"><div class=\"ic\"><svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\"><path d=\"M2 9l10-5 10 5-10 5z\"\/><path d=\"M6 11v5c3 2.5 9 2.5 12 0v-5\"\/><\/svg><\/div><div><h4>ISIS Luzzatto, Portogruaro<\/h4><p>Cattedra annuale di informatica \u00b7 2020<\/p><\/div><\/div>\n          <div class=\"ss-school\"><div class=\"ic\"><svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\"><rect x=\"3\" y=\"4\" width=\"18\" height=\"13\" rx=\"2\"\/><path d=\"M8 21h8M12 17v4\"\/><\/svg><\/div><div><h4>Universit\u00e0 della Calabria<\/h4><p>Tutor accademico, Fondamenti di Informatica \u00b7 2019\/20<\/p><\/div><\/div>\n          <div class=\"ss-school\"><div class=\"ic\"><svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\"><circle cx=\"9\" cy=\"8\" r=\"3.2\"\/><circle cx=\"17\" cy=\"9\" r=\"2.4\"\/><path d=\"M3 20c0-3.3 2.7-6 6-6s6 2.7 6 6M15 20c0-2.4 1-4.2 3-4.8\"\/><\/svg><\/div><div><h4>Aziende e privati<\/h4><p>Corsi di formazione su misura<\/p><\/div><\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- ===== CTA ===== -->\n  <section class=\"ss-final\">\n    <div><span class=\"ss-ring\"><\/span><span class=\"ss-ring\"><\/span><span class=\"ss-ring\"><\/span><\/div>\n    <div class=\"ss-wrap\">\n      <span class=\"ss-eyebrow ss-rv\">Contatti<\/span>\n      <h2 class=\"ss-rv\" style=\"--d:.1s\">Lavoriamo<br><em>insieme.<\/em><\/h2>\n      <p class=\"ss-rv\" style=\"--d:.2s\">Una perizia, un software, un corso: raccontami di cosa hai bisogno.<\/p>\n      <div class=\"ss-cta-row ss-rv\" style=\"--d:.3s\">\n        <a class=\"ss-btn ss-btn-primary ss-mag\" href=\"https:\/\/studiostirparo.it\/index.php\/contatti\/\">Contattami\n          <svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\"><path d=\"M3 8h10M9 4l4 4-4 4\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/a>\n        <a class=\"ss-btn ss-btn-ghost\" href=\"https:\/\/www.linkedin.com\/in\/giuliano-stirparo-43253b1b0\" target=\"_blank\" rel=\"noopener\">LinkedIn<\/a>\n      <\/div>\n    <\/div>\n  <\/section>\n<\/div>\n\n<script>\n(function(){\n  var root=document.getElementById('ss-chi'); if(!root) return;\n  root.classList.add('ss-js');\n  \/* Animazioni sempre attive. Per rispettare \"riduci movimento\" sostituisci false con:\n     window.matchMedia('(prefers-reduced-motion: reduce)').matches *\/\n  var reduce=false;\n\n  function onView(el,fn,th){ if(!el) return; var o=new IntersectionObserver(function(es){ if(es[0].isIntersecting){ fn(); o.disconnect(); } },{threshold:th||.3}); o.observe(el); }\n\n  \/* --- Reveal generico --- *\/\n  var io=new IntersectionObserver(function(es){ es.forEach(function(e){ if(e.isIntersecting){ e.target.classList.add('ss-in'); io.unobserve(e.target);} }); },{threshold:.15,rootMargin:'0px 0px -40px 0px'});\n  root.querySelectorAll('.ss-rv,.ss-ev').forEach(function(el){ io.observe(el); });\n  var hero=root.querySelector('.ss-hero'); setTimeout(function(){ hero.classList.add('ss-in'); },80);\n\n  \/* --- Terminale \"whoami\" --- *\/\n  var term=document.getElementById('sc-term');\n  var script=[\n    ['cmd','whoami'],['out','<span class=\"c\">Giuliano Stirparo<\/span>'],\n    ['cmd','cat ruolo.txt'],['out','Ingegnere dell\\'informazione \u00b7 libero professionista'],\n    ['cmd','ls ambiti\/'],['out','<span class=\"d\">digital-forensics\/<\/span>  <span class=\"d\">software\/<\/span>\\n<span class=\"d\">industria-4.0\/<\/span>  <span class=\"d\">formazione\/<\/span>'],\n    ['cmd','cat specializzazione.txt'],['out','<span class=\"o\">Intelligenza Artificiale &amp; Machine Learning<\/span>'],\n    ['cmd','echo $OBIETTIVO'],['out','Soluzioni concrete, fatte con metodo.']\n  ];\n  function runTerm(){\n    var html='', i=0;\n    function cur(){ term.innerHTML=html+'<span class=\"ss-caret\"><\/span>'; }\n    function next(){\n      if(i>=script.length){ setTimeout(function(){ html=''; i=0; next(); },5000); return; }\n      var s=script[i++];\n      if(s[0]==='cmd'){ var t=s[1], k=0; html+=(html?'\\n':'')+'<span class=\"p\">\u279c<\/span> ';\n        (function type(){ if(k<t.length){ html+=t[k++]; cur(); setTimeout(type,45+Math.random()*50); } else setTimeout(next,320); })();\n      } else { html+='\\n'+s[1]; cur(); setTimeout(next,600); }\n    }\n    next();\n  }\n  if(term){ if(reduce){ term.innerHTML=script.map(function(s){return s[0]==='cmd'?'<span class=\"p\">\u279c<\/span> '+s[1]:s[1];}).join('\\n'); } else onView(term,runTerm,.2); }\n\n  \/* --- Contatori --- *\/\n  root.querySelectorAll('.sc-count').forEach(function(el){\n    var to=+el.dataset.to, from=+(el.dataset.from||0);\n    onView(el,function(){ if(reduce){el.textContent=to;return;} var t0=null,D=1600;\n      (function f(ts){ if(!t0)t0=ts; var p=Math.min((ts-t0)\/D,1), e=1-Math.pow(1-p,4); el.textContent=Math.round(from+(to-from)*e); if(p<1) requestAnimationFrame(f); })(performance.now()); },.6);\n  });\n\n  \/* --- Timeline disegnata allo scroll --- *\/\n  var tl=document.getElementById('sc-tl'), fill=document.getElementById('sc-fill');\n  function tlUpd(){ var r=tl.getBoundingClientRect(), vh=window.innerHeight; var p=(vh*.6-r.top)\/r.height; p=Math.max(0,Math.min(1,p)); fill.style.height=(p*100)+'%'; }\n  if(tl){ window.addEventListener('scroll',tlUpd,{passive:true}); window.addEventListener('resize',tlUpd); tlUpd(); }\n\n  \/* --- Mappa Procure (coordinate reali, proiezione semplice) --- *\/\n  var NS='http:\/\/www.w3.org\/2000\/svg';\n  var pts=[{n:'PALERMO',lat:38.12,lon:13.36,dx:0,dy:-16,a:'middle'},{n:'REGGIO CALABRIA',lat:38.11,lon:15.65,dx:-14,dy:18,a:'end'},{n:'PALMI',lat:38.36,lon:15.85,dx:-14,dy:4,a:'end'},{n:'LOCRI',lat:38.24,lon:16.26,dx:14,dy:4,a:'start'},{n:'CATANZARO',lat:38.91,lon:16.59,dx:-14,dy:-12,a:'end'}];\n  function P(lat,lon){ return [50+(lon-13.36)*130, 80+(38.95-lat)*280]; }\n  function mk(t,a,parent){ var e=document.createElementNS(NS,t); for(var k in a) e.setAttribute(k,a[k]); parent.appendChild(e); return e; }\n  var gl=document.getElementById('sc-gl'), ga=document.getElementById('sc-arcs'), gn=document.getElementById('sc-nodes');\n  if(gl){\n    for(var x=0;x<=520;x+=40) mk('line',{x1:x,y1:0,x2:x,y2:400,'class':'gridl'},gl);\n    for(var y=0;y<=400;y+=40) mk('line',{x1:0,y1:y,x2:520,y2:y,'class':'gridl'},gl);\n    \/* rete: ogni Procura collegata alla successiva *\/\n    pts.forEach(function(p,i){ var q=P(p.lat,p.lon);\n      if(i>0){ var o=P(pts[i-1].lat,pts[i-1].lon), mx=(o[0]+q[0])\/2, my=Math.min(o[1],q[1])-(i===1?110:50);\n        var a=mk('path',{d:'M'+o[0]+','+o[1]+' Q'+mx+','+my+' '+q[0]+','+q[1],'class':'arc',pathLength:1},ga); a.style.transitionDelay=((i-1)*.45)+'s'; }\n      mk('circle',{cx:q[0],cy:q[1],r:4,'class':'ring'},gn).style.animationDelay=(i*.4)+'s';\n      mk('circle',{cx:q[0],cy:q[1],r:4,'class':'node'},gn);\n      var t=mk('text',{x:q[0]+p.dx,y:q[1]+p.dy,'text-anchor':p.a},gn); t.textContent=p.n; });\n  }\n\n  \/* --- Editor codice --- *\/\n  var ide=document.getElementById('sc-ide');\n  var lines=['<span class=\"c\">\/\/ ordini.ts \u2014 gestionale su misura<\/span>','<span class=\"k\">export async function<\/span> <span class=\"f\">scadenze<\/span>() {','  <span class=\"k\">const<\/span> ordini = <span class=\"k\">await<\/span> db','    .<span class=\"f\">from<\/span>(<span class=\"s\">\\'ordini\\'<\/span>)','    .<span class=\"f\">where<\/span>(<span class=\"s\">\\'stato\\'<\/span>, <span class=\"s\">\\'aperto\\'<\/span>);','  <span class=\"k\">return<\/span> ordini.<span class=\"f\">map<\/span>(o =&gt; ({','    cliente: o.cliente,','    entro: <span class=\"f\">calcola<\/span>(o.data)','  }));','}'];\n  function runIde(){ var i=0; (function n(){ if(i>lines.length){ setTimeout(function(){ i=0; n(); },3500); return; } ide.innerHTML=lines.slice(0,i).join('\\n')+(i<lines.length?'\\n<span class=\"ss-caret\" style=\"background:var(--blue2)\"><\/span>':''); i++; setTimeout(n,i>lines.length?0:420); })(); }\n  if(ide){ if(reduce) ide.innerHTML=lines.join('\\n'); else onView(ide,runIde,.3); }\n\n  \/* --- Perizia: spunte + timbro --- *\/\n  var per=document.getElementById('sc-perizia');\n  function runPer(){ var rows=per.querySelectorAll('.row'), st=per.querySelector('.ss-stamp'), i=0;\n    (function n(){ if(i<rows.length){ rows[i++].classList.add('ok'); setTimeout(n,450); } else { setTimeout(function(){ st.classList.add('on'); },300);\n        setTimeout(function(){ rows.forEach(function(r){r.classList.remove('ok');}); st.classList.remove('on'); i=0; setTimeout(n,700); },4200); } })(); }\n  if(per){ if(reduce){ per.querySelectorAll('.row').forEach(function(r){r.classList.add('ok');}); per.querySelector('.ss-stamp').classList.add('on'); } else onView(per,runPer,.4); }\n\n  \/* --- Mappa: archi al primo ingresso --- *\/\n  onView(document.getElementById('sc-map'),function(){ document.getElementById('sc-map').classList.add('ss-in'); },.4);\n\n  if(reduce) return;\n  \/* --- Bottoni magnetici --- *\/\n  root.querySelectorAll('.ss-mag').forEach(function(b){\n    b.addEventListener('pointermove',function(e){ var r=b.getBoundingClientRect(); b.style.transform='translate('+((e.clientX-r.left-r.width\/2)*.2)+'px,'+((e.clientY-r.top-r.height\/2)*.35)+'px)'; });\n    b.addEventListener('pointerleave',function(){ b.style.transform=''; });\n  });\n})();\n<\/script>\n","protected":false},"excerpt":{"rendered":"<p>Chi sono Giuliano Stirparo, ingegnere. Ingegnere informatico con specializzazione in Intelligenza Artificiale e Machine Learning. Oggi lavoro come libero professionista tra informatica forense, sviluppo software e perizie Industria 4.0, e insegno informatica. 110\/110Laurea magistrale in AI &amp; ML ~\/studio-stirparo CTP \u00b7 CTPMDigital forensics 0\/110 Laurea magistrale in Ingegneria Informatica, indirizzo AI &amp; ML 0 Procure &hellip; <\/p>\n<p class=\"link-more\"><a href=\"https:\/\/studiostirparo.it\/index.php\/chi-sono\/\" class=\"more-link\">Leggi tutto<span class=\"screen-reader-text\"> &#8220;Chi Sono&#8221;<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_monsterinsights_skip_tracking":false,"footnotes":""},"class_list":["post-8","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.8 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Chi Sono - Studio Stirparo<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/studiostirparo.it\/index.php\/chi-sono\/\" \/>\n<meta property=\"og:locale\" content=\"it_IT\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Chi Sono - Studio Stirparo\" \/>\n<meta property=\"og:description\" content=\"Chi sono Giuliano Stirparo, ingegnere. Ingegnere informatico con specializzazione in Intelligenza Artificiale e Machine Learning. Oggi lavoro come libero professionista tra informatica forense, sviluppo software e perizie Industria 4.0, e insegno informatica. 110\/110Laurea magistrale in AI &amp; ML ~\/studio-stirparo CTP \u00b7 CTPMDigital forensics 0\/110 Laurea magistrale in Ingegneria Informatica, indirizzo AI &amp; ML 0 Procure &hellip; Leggi tutto &quot;Chi Sono&quot;\" \/>\n<meta property=\"og:url\" content=\"https:\/\/studiostirparo.it\/index.php\/chi-sono\/\" \/>\n<meta property=\"og:site_name\" content=\"Studio Stirparo\" \/>\n<meta property=\"article:modified_time\" content=\"2026-11-01T17:26:31+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Tempo di lettura stimato\" \/>\n\t<meta name=\"twitter:data1\" content=\"2 minuti\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/studiostirparo.it\\\/index.php\\\/chi-sono\\\/\",\"url\":\"https:\\\/\\\/studiostirparo.it\\\/index.php\\\/chi-sono\\\/\",\"name\":\"Chi Sono - Studio Stirparo\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/studiostirparo.it\\\/#website\"},\"datePublished\":\"2022-09-25T19:08:08+00:00\",\"dateModified\":\"2026-11-01T17:26:31+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/studiostirparo.it\\\/index.php\\\/chi-sono\\\/#breadcrumb\"},\"inLanguage\":\"it-IT\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/studiostirparo.it\\\/index.php\\\/chi-sono\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/studiostirparo.it\\\/index.php\\\/chi-sono\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/studiostirparo.it\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Chi Siamo\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/studiostirparo.it\\\/#website\",\"url\":\"https:\\\/\\\/studiostirparo.it\\\/\",\"name\":\"Studio Stirparo\",\"description\":\"Ingegneria Informatica\",\"publisher\":{\"@id\":\"https:\\\/\\\/studiostirparo.it\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/studiostirparo.it\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"it-IT\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/studiostirparo.it\\\/#organization\",\"name\":\"Studio di Ingegneria Informatica Ing. Stirparo Giuliano\",\"url\":\"https:\\\/\\\/studiostirparo.it\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"it-IT\",\"@id\":\"https:\\\/\\\/studiostirparo.it\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/studiostirparo.it\\\/wp-content\\\/uploads\\\/2023\\\/03\\\/white_logo_transparent_background.png\",\"contentUrl\":\"https:\\\/\\\/studiostirparo.it\\\/wp-content\\\/uploads\\\/2023\\\/03\\\/white_logo_transparent_background.png\",\"width\":843,\"height\":800,\"caption\":\"Studio di Ingegneria Informatica Ing. Stirparo Giuliano\"},\"image\":{\"@id\":\"https:\\\/\\\/studiostirparo.it\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.linkedin.com\\\/in\\\/giuliano-stirparo-43253b1b0\\\/\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Chi Sono - Studio Stirparo","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/studiostirparo.it\/index.php\/chi-sono\/","og_locale":"it_IT","og_type":"article","og_title":"Chi Sono - Studio Stirparo","og_description":"Chi sono Giuliano Stirparo, ingegnere. Ingegnere informatico con specializzazione in Intelligenza Artificiale e Machine Learning. Oggi lavoro come libero professionista tra informatica forense, sviluppo software e perizie Industria 4.0, e insegno informatica. 110\/110Laurea magistrale in AI &amp; ML ~\/studio-stirparo CTP \u00b7 CTPMDigital forensics 0\/110 Laurea magistrale in Ingegneria Informatica, indirizzo AI &amp; ML 0 Procure &hellip; Leggi tutto \"Chi Sono\"","og_url":"https:\/\/studiostirparo.it\/index.php\/chi-sono\/","og_site_name":"Studio Stirparo","article_modified_time":"2026-11-01T17:26:31+00:00","twitter_card":"summary_large_image","twitter_misc":{"Tempo di lettura stimato":"2 minuti"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/studiostirparo.it\/index.php\/chi-sono\/","url":"https:\/\/studiostirparo.it\/index.php\/chi-sono\/","name":"Chi Sono - Studio Stirparo","isPartOf":{"@id":"https:\/\/studiostirparo.it\/#website"},"datePublished":"2022-09-25T19:08:08+00:00","dateModified":"2026-11-01T17:26:31+00:00","breadcrumb":{"@id":"https:\/\/studiostirparo.it\/index.php\/chi-sono\/#breadcrumb"},"inLanguage":"it-IT","potentialAction":[{"@type":"ReadAction","target":["https:\/\/studiostirparo.it\/index.php\/chi-sono\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/studiostirparo.it\/index.php\/chi-sono\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/studiostirparo.it\/"},{"@type":"ListItem","position":2,"name":"Chi Siamo"}]},{"@type":"WebSite","@id":"https:\/\/studiostirparo.it\/#website","url":"https:\/\/studiostirparo.it\/","name":"Studio Stirparo","description":"Ingegneria Informatica","publisher":{"@id":"https:\/\/studiostirparo.it\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/studiostirparo.it\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"it-IT"},{"@type":"Organization","@id":"https:\/\/studiostirparo.it\/#organization","name":"Studio di Ingegneria Informatica Ing. Stirparo Giuliano","url":"https:\/\/studiostirparo.it\/","logo":{"@type":"ImageObject","inLanguage":"it-IT","@id":"https:\/\/studiostirparo.it\/#\/schema\/logo\/image\/","url":"https:\/\/studiostirparo.it\/wp-content\/uploads\/2023\/03\/white_logo_transparent_background.png","contentUrl":"https:\/\/studiostirparo.it\/wp-content\/uploads\/2023\/03\/white_logo_transparent_background.png","width":843,"height":800,"caption":"Studio di Ingegneria Informatica Ing. Stirparo Giuliano"},"image":{"@id":"https:\/\/studiostirparo.it\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.linkedin.com\/in\/giuliano-stirparo-43253b1b0\/"]}]}},"_links":{"self":[{"href":"https:\/\/studiostirparo.it\/index.php\/wp-json\/wp\/v2\/pages\/8","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/studiostirparo.it\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/studiostirparo.it\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/studiostirparo.it\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/studiostirparo.it\/index.php\/wp-json\/wp\/v2\/comments?post=8"}],"version-history":[{"count":27,"href":"https:\/\/studiostirparo.it\/index.php\/wp-json\/wp\/v2\/pages\/8\/revisions"}],"predecessor-version":[{"id":658,"href":"https:\/\/studiostirparo.it\/index.php\/wp-json\/wp\/v2\/pages\/8\/revisions\/658"}],"wp:attachment":[{"href":"https:\/\/studiostirparo.it\/index.php\/wp-json\/wp\/v2\/media?parent=8"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}