:root{--wall:#faf8f3;--floor:#f7f4ee;--line:#e0d8c9;--ink:#1b1917;--pencil:#4c4741;--faint:#75705f;--hand:"Kalam", "Segoe Print", "Bradley Hand", cursive}@font-face{font-family:Kalam;font-weight:400;src:url(/fonts/kalam-400.woff2)format("woff2");font-display:swap}@font-face{font-family:Kalam;font-weight:700;src:url(/fonts/kalam-700.woff2)format("woff2");font-display:swap}*{box-sizing:border-box}html,body{margin:0}body{background:var(--wall);color:var(--ink);-webkit-font-smoothing:antialiased;font-family:ui-sans-serif,system-ui,Segoe UI,sans-serif}html.lenis,html.lenis body{height:auto}.lenis.lenis-smooth{scroll-behavior:auto!important}.stanza{z-index:0;pointer-events:none;background:var(--wall);position:fixed;inset:0}.hero-ripiego{aspect-ratio:1;z-index:2;pointer-events:none;width:clamp(150px,17vw,260px);transition:opacity .4s linear;position:fixed;top:52%;left:52%}.hero-ripiego img{filter:drop-shadow(0 16px 12px #28201429);width:62%;position:absolute}.hero-ripiego img:first-child{bottom:0;left:0}.hero-ripiego img:nth-child(2){bottom:0;right:0}.hero-ripiego img:nth-child(3){bottom:38%;left:19%}body:has(.hero-ripiego) .hero-nota{display:none}@media (prefers-reduced-motion:reduce){.hero-nota{display:none}}main{z-index:1;position:relative}#bg,#fg{width:100%;height:100%;display:block;position:fixed;inset:0}#bg{z-index:0;pointer-events:none}#fg{z-index:2;touch-action:none}@media (pointer:coarse){#fg{touch-action:pan-y}}.sez{height:100vh;position:relative}.nav{z-index:3;font-family:var(--hand);gap:28px;font-size:15px;display:flex;position:fixed;top:24px;left:44px}.nav a{color:var(--faint);text-decoration:none}.nav a:hover{color:var(--ink)}.nav a.casa{color:var(--ink);letter-spacing:-.3px;margin-right:10px;font-size:17px;font-weight:700}.nav a.attivo{color:var(--ink);text-underline-offset:6px;text-decoration:underline}.lingue{align-items:baseline;gap:7px;margin-left:4px;display:flex}.lingue button{font:inherit;color:var(--faint);cursor:pointer;background:0 0;border:0;padding:0}.lingue button[aria-pressed=true]{color:var(--ink);text-underline-offset:6px;text-decoration:underline}.lingue button+button:before{content:"/";color:#c9c2b4;margin-right:7px}.hero-testo{pointer-events:none;max-width:min(26em,90vw);position:absolute;top:20%;left:44px}.hero-testo h1{font-family:var(--hand);letter-spacing:-.5px;margin:0;font-size:clamp(34px,5vw,64px);font-weight:400}.hero-testo p{color:var(--pencil);margin:10px 0 0;font-size:clamp(15px,1.3vw,18px);line-height:1.55}.hero-testo p.hero-ruolo{color:var(--ink);font-size:clamp(17px,1.5vw,21px)}.hero-testo p.hero-nota{font-family:var(--hand);color:var(--faint);margin:0;font-size:13px;position:fixed;bottom:28px;right:44px}.progetti{position:absolute;inset:0}.testata{position:absolute;top:64px;left:44px}.testata h2{font-family:var(--hand);letter-spacing:-1px;color:var(--pencil);margin:0;font-size:clamp(34px,3.6vw,52px);font-weight:700;line-height:1}.testata p{font-family:var(--hand);color:var(--faint);margin:10px 0 0;font-size:16px}.catasta{position:absolute;inset:0}.slot{z-index:var(--z);transform:rotate(var(--r));transition:transform .34s cubic-bezier(.2,.7,.2,1);position:absolute}.slot:hover{z-index:20}.finestra{aspect-ratio:1/.684;cursor:pointer;background:#fff;border:0;border-radius:11px;width:100%;padding:0;transition:transform .34s cubic-bezier(.2,.7,.2,1),box-shadow .34s,filter .34s;display:block;position:relative;overflow:hidden;box-shadow:0 26px 50px -20px #28201461,0 2px 6px #28201412}.finestra img{object-fit:cover;object-position:top left;width:100%;height:100%;display:block}.barra{z-index:2;background:#fcfcfbf5;border-bottom:1px solid #f0efece6;align-items:center;gap:5px;height:26px;padding:0 10px;display:flex;position:absolute;top:0;left:0;right:0}.titolo{font-family:var(--hand);color:#5f5a52;white-space:nowrap;text-overflow:ellipsis;margin-left:6px;font-size:12.5px;font-weight:700;overflow:hidden}.pallino{border-radius:50%;flex:none;width:8px;height:8px}.pallino.r{background:#f26a5e}.pallino.y{background:#f4be4f}.pallino.g{background:#5cc46a}.segnaposto .finestra,.tratteggio{background:repeating-linear-gradient(135deg,#f4f1ea,#f4f1ea 9px,#efece4 9px 18px)}.vuoto{font-family:var(--hand);color:#6f6a5e;place-items:center;font-size:14px;display:grid;position:absolute;inset:26px 0 0}.segnaposto .vuoto{place-items:start;padding:30px 16px}@media (hover:hover){.catasta:has(.slot:hover) .finestra{filter:brightness(.97)saturate(.92);transform:scale(.93)}.catasta:has(.slot:hover) .slot:hover .finestra{filter:none;transform:scale(1.1);box-shadow:0 40px 70px -24px #28201473,0 4px 10px #28201414}}.freccia{cursor:pointer;opacity:.75;background:0 0;border:0;width:88px;height:62px;padding:0;transition:opacity .2s,transform .2s;position:absolute;top:42%}.freccia:hover{opacity:1;transform:scale(1.06)}.freccia.l{left:34px}.freccia.r{right:34px}.freccia svg{width:100%;height:100%}.freccia path{fill:none;stroke:var(--pencil);stroke-width:2.6px;stroke-linecap:round;stroke-linejoin:round}.contatore{text-align:center;font-family:var(--hand);color:var(--faint);margin:0;font-size:16px;position:absolute;top:calc(62% + 14px);left:0;right:0}.tacche{vertical-align:middle;gap:7px;margin-left:12px;display:inline-flex}.tacche i{background:#d8d2c6;border-radius:2px;width:16px;height:2px;transition:background .2s}.tacche i.on{background:#8f8879}.velo{z-index:30;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#faf8f3b8;place-items:center;display:grid;position:fixed;inset:0}.scheda{background:#fff;border-radius:13px;grid-template-columns:56% 1fr;width:1040px;max-width:92vw;height:440px;max-height:88vh;display:grid;overflow:hidden;box-shadow:0 50px 90px -30px #28201473,0 4px 12px #28201414}.scheda-img{position:relative}.scheda-img img{object-fit:cover;object-position:left center;width:100%;height:100%;display:block}.scheda-img .vuoto{inset:0}.scheda-testo{flex-direction:column;min-width:0;padding:46px 34px 26px;display:flex;position:relative}.chiudi{width:22px;height:22px;font-family:var(--hand);color:#6f6a5e;cursor:pointer;background:0 0;border:0;border-radius:50%;margin-left:auto;padding:0;font-size:20px;line-height:1}.chiudi:hover{color:#4a453d;background:#f1eee7}.scheda-testo h3{font-family:var(--hand);letter-spacing:-.5px;color:var(--pencil);margin:0;font-size:30px;font-weight:700;line-height:1.05}.scheda-testo .riga{color:#4a453d;margin:10px 0 0;font-size:15.5px;line-height:1.45}.scheda-testo .dentro{color:#736c60;margin:12px 0 0;font-size:14px;line-height:1.55}.tag{flex-wrap:wrap;gap:7px;margin-top:18px;display:flex}.tag i{font-family:var(--hand);color:#6b655b;border:1px solid #e6e0d4;border-radius:999px;padding:3px 9px;font-size:12px;font-style:normal}.piede{align-items:center;gap:12px;margin-top:auto;padding-top:18px;display:flex}.apri{font-family:var(--hand);color:var(--faint);font-size:15px}.presto{font-family:var(--hand);color:var(--faint);font-size:12px}.skill{position:absolute;inset:0}.grafo{pointer-events:none;z-index:1;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.skill .testata{z-index:2}.grafo .presa{fill:#0000;pointer-events:auto;cursor:grab;touch-action:none}.grafo .presa:active{cursor:grabbing}.grafo text{pointer-events:none}.grafo .arco,.grafo .scintilla,.grafo .icona *{fill:none;stroke:var(--pencil);stroke-width:1.4px;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.grafo .freccia{opacity:0;transition:opacity .4s ease-out}.grafo.disegnato .freccia{opacity:.62}.grafo .arco{stroke-width:.15px;stroke-dasharray:.78 .66;vector-effect:none}.grafo .punta{fill:var(--pencil);stroke:none}.grafo .scintilla{stroke-width:.14px;vector-effect:none;opacity:0;transition:opacity .4s ease-out}.grafo.disegnato .scintilla{opacity:.45}.grafo .icona,.grafo .hub,.grafo .satellite{opacity:0;transition:opacity .45s ease-out .45s}.grafo.disegnato .icona,.grafo.disegnato .hub,.grafo.disegnato .satellite{opacity:1}.grafo .hub{fill:var(--pencil);text-anchor:middle;font:700 2.2px Kalam,Segoe Print,cursive}.grafo .satellite{fill:var(--faint);text-anchor:middle;font:600 1.8px Kalam,Segoe Print,cursive}@media (prefers-reduced-motion:reduce){.grafo .freccia,.grafo .scintilla,.grafo .icona,.grafo .hub,.grafo .satellite{opacity:1;transition:none}}.foglio{z-index:3;perspective:1200px;width:min(720px,44vw);position:absolute;top:50%;left:50%;transform:translateY(-50%)}.foglio.interattivo{cursor:pointer}.dietro{justify-content:center;align-items:center;display:flex;position:absolute;inset:0;transform:rotate(-1.2deg)}.dietro svg{width:100%;height:auto;max-height:100%;overflow:visible}.dietro path,.dietro circle,.dietro ellipse{fill:none;stroke:var(--pencil);stroke-width:.8px;stroke-linecap:round;stroke-linejoin:round}.dietro text{fill:var(--pencil);font-family:var(--hand);text-anchor:middle;font-size:11px}.carta{transform-origin:50% 0;background:#fffdf8;border:1px solid #ded6c6;border-radius:3px;padding:30px 34px 26px;transition:transform .7s cubic-bezier(.2,.7,.2,1);position:relative;transform:rotate(-1.2deg);box-shadow:0 12px 20px -12px #2820144d,0 2px 4px #2820140f}.carta>*{transition:opacity .2s ease-out}.foglio.alzato .carta{transform:rotate(-1.2deg)rotateX(180deg)}.foglio.alzato .carta>*{opacity:0}.occhio{fill:none;width:50px;height:50px;stroke:var(--pencil);stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;pointer-events:none;position:absolute;top:3px;right:9px}.occhio circle{fill:var(--pencil);stroke:none}.nastro{--p:0;width:104px;height:26px;position:absolute;top:-13px;left:50%;transform:translate(-50%)rotate(-2.5deg)}.foglio.interattivo .nastro{cursor:grab}.foglio.interattivo .nastro.in-mano{cursor:grabbing}.nastro .attaccato{filter:drop-shadow(0 2px 2px #2820141a);background:#dbd0b9e6;transition:transform .16s ease-out;position:absolute;inset:0}.nastro.sx .attaccato{transform-origin:100%}.nastro.dx .attaccato{transform-origin:0}.nastro.sx .attaccato,.nastro.dx .attaccato{transform:scaleX(calc(1 - var(--p)))}.nastro .rotolo{height:calc(100% + 2px);width:calc(7px + var(--p) * 9px);opacity:min(calc(var(--p) * 4), calc((1 - var(--p)) * 7));background:linear-gradient(90deg,#8f8066,#d8cdb5 18%,#f3ecdd 38%,#ded2b8 58%,#a89877 78%,#c6b795);border-radius:50% 44% 52% 46%/46% 54% 48% 52%;transition:transform .16s ease-out,opacity .16s ease-out;position:absolute;top:-1px;box-shadow:-2px 1px 3px #28201447,inset -1px 0 1px #78695059,1px 0 1px #fff9}.nastro.sx .rotolo{left:calc(var(--p) * 100%);transform:translateX(-50%) rotateY(-38deg) rotate(calc(-8deg + var(--p) * 26deg))}.nastro.dx .rotolo{right:calc(var(--p) * 100%);transform:translateX(50%) rotateY(38deg) rotate(calc(8deg - var(--p) * 26deg))}.nastro.in-mano .attaccato,.nastro.in-mano .rotolo{transition:none}@keyframes caduta{0%{transform:rotate(-1.2deg)rotateX(0)translate(0)}9%{transform:rotate(1.5deg)rotateX(15deg)translate(2px,6px)}30%{transform:rotate(4deg)rotateX(7deg)translate(6px,20vh)}55%{transform:rotate(7deg)rotateX(2deg)translate(10px,44vh)}80%{transform:rotate(9.5deg)rotateX(-2deg)translate(14px,76vh)}to{transform:rotate(12deg)rotateX(0)translate(18px,120vh)}}.carta.caduta{filter:url(#carta-onda);animation:1.5s linear .2s both caduta}.filtro{width:0;height:0;position:absolute}@media (prefers-reduced-motion:reduce){.carta,.carta>*,.nastro .attaccato,.nastro .rotolo{transition:none}.carta.caduta{filter:none;animation:none;transform:rotate(12deg)rotateX(0)translate(18px,120vh)}}.schede{grid-template-columns:1fr 1fr;gap:20px 34px;margin:0;padding:0;list-style:none;display:grid}.scheda-skill.larga{grid-column:1/-1}.scheda-skill h3{font-family:var(--hand);color:var(--pencil);margin:2px 0 0;font-size:16px;font-weight:700}.scheda-skill p{color:#4a453d;margin:3px 0 0;font-size:13.5px;line-height:1.55}@media (width<=1360px){.schede{grid-template-columns:1fr;gap:16px}}.esperienza{position:absolute;inset:0}.tappe{grid-template-columns:150px 2px 1fr;gap:34px 26px;width:min(880px,60vw);display:grid;position:absolute;top:33%;left:26%}.linea-vita{background:var(--pencil);grid-column:2;width:2px}.tappe article{display:contents}.anni{text-align:right;white-space:nowrap;font-family:var(--hand);color:var(--faint);grid-column:1;font-size:15.5px}.tappa{grid-column:3;position:relative}.tappa:before{content:"";background:var(--pencil);width:32px;height:2px;position:absolute;top:10px;left:-32px}.tappa h3{font-family:var(--hand);color:var(--pencil);margin:0;font-size:24px;font-weight:700;line-height:1.1}.tappa .ruolo{color:var(--faint);margin:3px 0 0;font-size:13.5px}.tappa p{color:#4a453d;margin:5px 0 0;font-size:13.5px;line-height:1.45}.certs{font-family:var(--hand);color:var(--faint);grid-column:3;margin:0;font-size:13.5px}.certs.formazione{margin-top:-26px}@media (height<=700px){.tappe{row-gap:26px;top:26%}}.contatti{position:absolute;inset:0}.scrivimi{position:absolute;top:50%;left:30%;transform:translateY(-50%)}.invito{font-family:var(--hand);color:var(--faint);margin:0;font-size:36px}.mail{font-family:var(--hand);letter-spacing:-1px;color:var(--ink);margin-top:4px;font-size:clamp(28px,3.4vw,44px);font-weight:500;text-decoration:none;display:inline-block}.mail:after{content:"";opacity:0;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 300 10' preserveAspectRatio='none'%3E%3Cpath d='M2 7 C 40 2, 70 8, 110 5 S 190 2, 240 6 S 280 4, 298 6' fill='none' stroke='%234c4741' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E") 0/100% 100% no-repeat;height:9px;margin-top:1px;transition:opacity .12s;display:block}.mail:hover:after,.mail:focus-visible:after{opacity:1}.link{font-family:var(--hand);gap:26px;margin:34px 0 0;font-size:17px;display:flex}.link a{color:var(--pencil);text-decoration:none}.link a:hover,.link a:focus-visible{text-underline-offset:4px;text-decoration:underline;text-decoration-thickness:1.5px}@media (width<=900px){.nav{justify-content:space-between;gap:0;font-size:13.5px;top:18px;left:20px;right:20px}.nav .casa{display:none}.hero-testo{max-width:none;top:17%;left:20px;right:20px}.hero-testo h1{font-size:clamp(32px,10vw,44px)}.hero-testo p{font-size:15px}.hero-testo p.hero-nota{font-size:12px;bottom:16px;left:auto;right:20px}.hero-ripiego{top:58%;left:50%;transform:translate(-50%)}.testata{top:84px;left:20px}.testata h2{font-size:38px}.testata p{font-size:14px}.slot.singolo{width:min(86vw,60vh);top:50%;left:50%;transform:translate(-50%,-50%)}.freccia{width:56px;height:42px;top:auto;bottom:56px}.freccia.l{left:12px}.freccia.r{right:12px}.contatore{font-size:15px;top:auto;bottom:26px}.velo{padding:14px}.scheda{grid-template-rows:38% 1fr;grid-template-columns:1fr;width:100%;height:min(84vh,680px)}.scheda-testo{padding:40px 22px 20px}.scheda-testo h3{font-size:26px}.grafo{aspect-ratio:150/100;width:min(351px,90vw);height:auto;inset:150px auto auto 50%;transform:translate(-50%)}@media (height<=780px){.grafo{display:none}}.foglio{width:auto;inset:auto 16px 18px}.carta{padding:22px 18px 18px;transform:rotate(-.6deg)}.foglio.alzato .carta{transform:rotate(-.6deg)rotateX(180deg)}.dietro{transform:rotate(-.6deg)}.occhio{display:none}.schede{gap:13px}.scheda-skill h3{font-size:15px}.scheda-skill p{font-size:12.5px;line-height:1.5}.tappe{grid-template-columns:1fr;row-gap:4px;width:auto;top:25%;left:20px;right:20px}.linea-vita{display:none}.anni{text-align:left;font-size:15px}.tappa{grid-column:1;margin-bottom:20px}.tappa:before{display:none}.tappa h3{font-size:21px}.certs{grid-column:1}.certs.formazione{margin-top:0}.scrivimi{left:20px;right:20px}.invito{font-size:28px}.mail{overflow-wrap:anywhere;font-size:clamp(21px,6.6vw,32px)}.link{gap:18px;font-size:16px}}