.r-racconto{--r-fondo:var(--color-carta);--r-inchiostro:var(--color-abete);--r-secondo:var(--color-grafite);--r-spento:color-mix(in oklab, var(--color-nebbia) 85%, var(--color-carta));--r-buio:var(--color-notte);--r-chiaro:#f5f6f1;--r-azzurro:#5fb3d1;--r-riflesso:#e6f6fb;--r-petrolio:#1d6a86;--r-viola:#6741d9;--r-viola-chiaro:#c4b3f7;--r-foto:15 43 38;--r-foto-lato:12 34 30;--r-persona:30 40 40;--r-ottone:217 164 65;--r-ottone-luce:255 206 150;--r-ottone-chiaro:247 237 214;--r-cv-colonna:#e2ece7;--r-cv-ritratto:#d3ded8;--r-cv-figura:#7f998e;--r-cv-livello:#c9d6cf;border-bottom:1px solid var(--color-linea);position:relative}.r-ancora{width:1px;height:1px;position:absolute;left:0}.r-palco{--w:min(66vw, 290px, calc((100svh - 340px) / 1.5));height:100svh;position:sticky;top:0;overflow:hidden}@media (min-width:768px){.r-palco{--w:min(30vw, 440px, calc((100svh - 150px) / 1.55))}}.r-sfondo{background:color-mix(in oklab, var(--r-fondo), var(--r-buio) calc(var(--buio) * 100%));position:absolute;inset:0}.r-griglia{grid-template-rows:minmax(0,1fr) auto;height:100%;padding-bottom:2rem;display:grid;position:relative}.r-vetrina{order:-1;place-items:center;min-height:0;padding-top:1.5rem;display:grid;position:relative}@media (min-width:768px){.r-griglia{grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);align-items:center;gap:2rem;padding-bottom:0}.r-vetrina{order:0;height:100%;padding-top:0}}.r-testi{color:color-mix(in oklab, var(--r-inchiostro), var(--r-chiaro) calc(var(--buio) * 100%));align-items:end;display:grid;position:relative}@media (min-width:768px){.r-testi{align-items:center}}.r-capitolo{max-width:30rem;opacity:var(--v);transform:translateY(calc((1 - var(--v)) * var(--d) * 1.6rem));filter:blur(calc((1 - var(--v)) * 5px));pointer-events:none;grid-area:1/1}.r-capitolo[data-attivo]{pointer-events:auto}.r-capitolo:focus-within{opacity:1;filter:none;transform:none}.r-titolo{font-family:var(--font-titolo);font-variation-settings:"wdth" 112;letter-spacing:-.025em;text-wrap:balance;font-size:clamp(1.65rem,7vw,2.3rem);font-weight:600;line-height:1.04}.r-testo{max-width:28rem;color:color-mix(in oklab, var(--r-secondo), var(--r-chiaro) calc(var(--buio) * 85%));margin-top:.9rem;font-size:1rem;line-height:1.6}@media (min-width:768px){.r-titolo{font-size:clamp(2.2rem,4.1vw,3.5rem)}.r-testo{margin-top:1.25rem;font-size:clamp(1.02rem,1.3vw,1.15rem)}}.r-elenco{color:color-mix(in oklab, var(--r-secondo), var(--r-chiaro) calc(var(--buio) * 85%));gap:.3rem;margin-top:.9rem;font-size:.92rem;display:grid}.r-elenco li{gap:.55rem;display:flex}.r-elenco li:before{content:"";background:var(--r-azzurro);border-radius:50%;flex:none;width:.35rem;height:.35rem;margin-top:.55rem}@media (min-width:768px){.r-racconto:not(.r-fermo) .r-elenco{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}}.r-sistema{width:32em;height:45.25em;font-size:calc(var(--w) / 32);position:relative}.r-prospettiva{perspective:125em;opacity:var(--carta);position:absolute;inset:0}.r-fluttua{transform-style:preserve-3d;animation:7s ease-in-out infinite r-fluttua;position:absolute;inset:0}.r-oggetto{transform-style:preserve-3d;transform:translate3d(calc((var(--tx) + var(--volo) * var(--portaX,0)) * 1em), calc((var(--ty) + var(--volo) * var(--portaY,0)) * 1em), 0) scale(var(--s)) rotateX(calc((var(--rx) + var(--mx)) * 1deg)) rotateY(calc((var(--ry) + var(--my)) * 1deg)) rotateZ(calc(var(--rz) * 1deg));position:absolute;inset:0}.r-fronte,.r-retro{transform-style:preserve-3d;position:absolute;inset:0}.r-retro{transform:rotateY(180deg)translateZ(.02em)}.r-carta{backface-visibility:hidden;background:color-mix(in srgb, var(--color-foglio) calc((1 - var(--apri) * .92) * 100%), transparent);box-shadow:0 0 0 .06em color-mix(in srgb, var(--r-chiaro) calc(var(--apri) * 50%), transparent), 0 .1em .25em color-mix(in srgb, var(--color-ombra) calc((1 - var(--apri)) * 14%), transparent), 0 2.2em 4em -1.6em color-mix(in srgb, var(--color-ombra) calc((1 - var(--apri)) * 50%), transparent);border-radius:.2em;position:absolute;inset:0}.r-colonna{background:color-mix(in srgb, var(--r-cv-colonna) calc((1 - var(--apri)) * 100%), transparent);width:10.6em;clip-path:inset(0 0 calc((1 - var(--luce)) * 100%) 0);border-radius:.2em 0 0 .2em;position:absolute;top:0;bottom:0;left:0}.r-strato{transform-style:preserve-3d;backface-visibility:hidden;transform:translateZ(calc(var(--apri) * var(--z) * 3.1em + .03em));background:color-mix(in srgb, var(--color-foglio) calc(var(--apri) * 97%), transparent);box-shadow:0 0 0 .06em color-mix(in srgb, var(--color-foglio) calc(var(--apri) * 45%), transparent), 0 1.4em 2.6em -.8em color-mix(in srgb, var(--r-petrolio) calc(var(--apri) * 75%), transparent);border-radius:.3em;position:absolute}.r-dentro{color:var(--color-abete);clip-path:inset(0 0 calc(clamp(0, (var(--top) + var(--alt) - var(--luce) * 45.25) / var(--alt), 1) * 100%) 0);padding:.55em .65em;position:absolute;inset:0}.r-ritratto{background:var(--r-cv-ritratto);border-radius:50%;width:5.8em;height:5.8em;position:absolute;top:.65em;left:.95em;overflow:hidden}.r-ritratto:before,.r-ritratto:after{content:"";background:var(--r-cv-figura);border-radius:50%;position:absolute;left:50%;transform:translate(-50%)}.r-ritratto:before{width:2.2em;height:2.2em;top:1.15em}.r-ritratto:after{width:4.4em;height:4em;top:3.7em}.r-nome{position:absolute;top:1.55em;left:10.4em;right:.6em}.r-chi{font-variation-settings:"wdth" 112;letter-spacing:-.02em;color:var(--color-abete);font-size:2.15em;font-weight:650;line-height:1.05}.r-mestiere{color:var(--color-petrolio);margin-top:.35em;font-size:.95em;font-weight:500}.r-sezione{border-bottom:.08em solid var(--color-linea-forte);color:var(--color-abete);margin-bottom:.5em;padding-bottom:.25em;font-size:.78em;font-weight:650}.r-dentro .r-sezione~.r-sezione,.r-essenziale .r-sezione{margin-top:.9em}.r-corpo{color:var(--color-grafite);font-size:.55em;line-height:1.5}.r-esperienza{margin-bottom:.65em}.r-quando{color:var(--color-nebbia);font-size:.5em}.r-ruolo{color:var(--color-abete);margin-top:.1em;font-size:.7em;font-weight:650}.r-dove{color:var(--color-petrolio);margin-bottom:.2em;font-size:.56em}.r-laterale p{color:var(--color-grafite);font-size:.52em;line-height:1.55}.r-laterale p.r-voce{color:var(--color-abete);margin:.95em 0 .35em;font-size:.72em;font-weight:650}.r-laterale p.r-voce:first-child{margin-top:0}.r-laterale p.r-piccolo{font-size:.46em}.r-livello{background:var(--r-cv-livello);border-radius:1em;height:.26em;margin:.2em 0;display:block}.r-livello span{background:var(--color-petrolio);border-radius:1em;height:100%;display:block}.r-essenziale{background:var(--color-foglio);color:var(--color-abete);backface-visibility:hidden;box-shadow:0 .1em .25em color-mix(in srgb, var(--color-ombra) 14%, transparent), 0 2.2em 4em -1.6em color-mix(in srgb, var(--color-ombra) 50%, transparent);border-radius:.2em;padding:2.4em 2.7em;position:absolute;inset:0}.r-essenziale .r-chi{font-size:1.9em}.r-recapiti{color:var(--color-nebbia);margin:.5em 0 1.2em;font-size:.55em}.r-essenziale .r-esperienza{margin:.3em 0 .5em}.r-essenziale .r-quando{margin-left:.5em;font-size:.75em;font-weight:400}.r-luce{top:calc(var(--luce) * 45.25em);backface-visibility:hidden;background:linear-gradient(90deg, transparent, var(--r-azzurro) 14%, var(--r-riflesso) 50%, var(--r-azzurro) 86%, transparent);height:.22em;box-shadow:0 0 1.3em .4em color-mix(in srgb, var(--r-petrolio) 45%, transparent);opacity:var(--luceVista);border-radius:1em;position:absolute;left:-.7em;right:-.7em;transform:translateZ(.35em)translateY(-50%)}.r-luce:before{content:"";background:linear-gradient(to top, color-mix(in srgb, var(--r-azzurro) 20%, transparent), transparent);height:6em;position:absolute;bottom:100%;left:.7em;right:.7em}.r-etichetta{white-space:nowrap;pointer-events:none;transform-origin:0 0;backface-visibility:hidden;opacity:clamp(0, var(--etichette) * 4 - var(--i), 1);transform:translateZ(.25em) rotateZ(calc(var(--rz) * -1deg)) rotateY(calc((var(--ry) + var(--my)) * -1deg)) rotateX(calc((var(--rx) + var(--mx)) * -1deg)) translateY(-50%);align-items:center;display:none;position:absolute;top:50%;left:100%}@media (min-width:768px){.r-etichetta{display:flex}}.r-punto{background:var(--r-chiaro);width:.55em;height:.55em;box-shadow:0 0 0 .28em color-mix(in srgb, var(--r-azzurro) 45%, transparent);border-radius:50%;flex:none;margin-left:-.27em}.r-puntoIa{background:var(--r-viola-chiaro);box-shadow:0 0 0 .28em color-mix(in srgb, var(--r-viola) 55%, transparent)}.r-gamba{background:color-mix(in srgb, var(--r-chiaro) 55%, transparent);flex:none;width:2.4em;height:.07em;margin:0 .6em 0 .35em}.r-nota{white-space:normal;width:max-content;max-width:12em;color:var(--r-chiaro);font-size:1.4em;font-weight:500;line-height:1.25}.r-ombra{width:32em;height:8em;opacity:calc((1 - var(--buio)) * var(--carta));transform:translate(calc((var(--tx) - 1.4 * var(--s)) * 1em), calc((var(--ty) + 22.6 * var(--s) + .4) * 1em)) scale(var(--s));position:absolute;top:18.6em;left:0}.r-ombra span{background:radial-gradient(closest-side, color-mix(in srgb, var(--color-ombra) 24%, transparent), transparent);width:100%;height:100%;animation:7s ease-in-out infinite r-ombra;display:block}.r-modelli{background:color-mix(in srgb, var(--r-inchiostro) 7%, transparent);white-space:nowrap;width:max-content;color:var(--r-inchiostro);opacity:var(--c3);border-radius:99em;grid-template-columns:repeat(2,minmax(0,1fr));padding:.25rem;font-size:max(.78rem,1.15em);display:grid;position:absolute;top:calc(100% + 1.4rem);left:50%;transform:translate(-50%)}.r-modelli span{text-align:center;padding:.4em 1em;position:relative}.r-modelli span:nth-child(2){color:color-mix(in oklab, var(--r-inchiostro), var(--r-spento) calc(var(--modello) * 100%))}.r-modelli span:nth-child(3){color:color-mix(in oklab, var(--r-spento), var(--r-inchiostro) calc(var(--modello) * 100%))}.r-modelli .r-cursore{background:var(--color-foglio);width:calc(50% - .25rem);box-shadow:0 0 0 1px var(--color-linea), 0 1px 3px color-mix(in srgb, var(--color-ombra) 20%, transparent);transform:translateX(calc(var(--modello) * 100%));border-radius:99em;padding:0;position:absolute;top:.25rem;bottom:.25rem;left:.25rem}.r-foto{pointer-events:none;position:absolute;inset:0;overflow:hidden}.r-foto:after{content:"";background:linear-gradient(to bottom, rgb(var(--r-foto) / 0) 55%, rgb(var(--r-foto) / .9) 63%, rgb(var(--r-foto)) 68%);opacity:var(--fuoco);position:absolute;inset:0}.r-velo{--tinta:color-mix(in oklab, var(--r-fondo), var(--r-buio) calc(var(--buio) * 100%));opacity:var(--velo);background:linear-gradient(to bottom, color-mix(in oklab, var(--tinta) 74%, transparent) 0%, color-mix(in oklab, var(--tinta) 82%, transparent) 45%, var(--tinta) 58%);position:absolute;inset:0}.r-velo:after{content:"";background:radial-gradient(circle at 50% 30%, color-mix(in srgb, var(--r-petrolio) 50%, transparent), transparent 45%);opacity:var(--buio);position:absolute;inset:0}@media (min-width:768px){.r-velo{background:linear-gradient(90deg, color-mix(in oklab, var(--tinta) 94%, transparent) 0%, color-mix(in oklab, var(--tinta) 86%, transparent) 40%, color-mix(in oklab, var(--tinta) 70%, transparent) 100%)}.r-velo:after{background:radial-gradient(circle at 68% 50%, color-mix(in srgb, var(--r-petrolio) 48%, transparent), transparent 40%)}}.r-camera{aspect-ratio:1536/1024;will-change:transform;width:max(100%,90svh);transform:translateX(-50%) translate(calc(var(--my) * -2px), calc(var(--mx) * 1.5px)) scale(calc(1 + var(--deriva) * .1 + var(--dolly) * .5));position:absolute;bottom:40svh;left:50%}@media (min-width:768px){.r-foto:after{background:linear-gradient(90deg, rgb(var(--r-foto-lato) / .86) 0%, rgb(var(--r-foto-lato) / .6) 30%, rgb(var(--r-foto-lato) / 0) 56%), linear-gradient(to top, rgb(var(--r-foto-lato) / .25), rgb(var(--r-foto-lato) / 0) 30%)}.r-camera{width:max(100%,150svh);bottom:0}}.r-sfocata,.r-morbida,.r-piazza{width:100%;height:100%;position:absolute;inset:0}.r-morbida{opacity:clamp(0, var(--fuoco) * 2, 1)}.r-piazza{opacity:clamp(0, var(--fuoco) * 2 - 1, 1)}.r-sfocata{animation:16s ease-in-out infinite alternate r-respiro}@keyframes r-respiro{0%{transform:scale(1)}to{transform:scale(1.03)}}.r-luceporta{aspect-ratio:1;background:radial-gradient(closest-side, rgb(var(--r-ottone-luce) / .7), rgb(var(--r-ottone) / .3) 45%, rgb(var(--r-ottone) / 0));mix-blend-mode:screen;width:15%;opacity:var(--porta);border-radius:50%;position:absolute;transform:translate(-50%,-50%)}.r-mira{width:1px;height:1px;position:absolute}.r-candidato{top:calc(var(--cy) * 1%);left:calc(var(--cx) * 1%);opacity:calc(clamp(0, var(--fuoco) * 2 - 1, 1) * (1 - var(--entra)));transform-origin:var(--ox) var(--oy);transform:translate(calc(var(--ox) * -1), calc(var(--oy) * -1)) scale(var(--cs)) translate(calc(var(--ondeggia) * 0.8%), calc(var(--dondolo) * -1%));position:absolute}.r-candidato img{width:100%;height:100%;position:absolute;inset:0}.r-passoA{opacity:calc(1 - var(--lato))}.r-passoB{opacity:var(--lato);transform:scaleX(-1)}.r-ombraCandidato{background:radial-gradient(closest-side, rgb(var(--r-persona) / .42), rgb(var(--r-persona) / 0));border-radius:50%;width:135%;height:7%;position:absolute;bottom:-1.5%;right:42%;transform:skew(-25deg)}.r-insegna{background:rgb(var(--r-foto-lato) / .55);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);white-space:nowrap;opacity:var(--insegna);transform:translate(-50%, -100%) scale(calc(1 / (1 + var(--deriva) * .1 + var(--dolly) * .5)));transform-origin:50% 100%;border-radius:99em;align-items:center;gap:.55rem;padding:.35rem .8rem .35rem .55rem;display:flex;position:absolute}.r-insegna .r-astro{background:rgb(var(--r-ottone));width:.7rem;height:.7rem;box-shadow:0 0 0 .2rem rgb(var(--r-ottone-chiaro) / .3), 0 0 1.2rem .4rem rgb(var(--r-ottone) / .6);border-radius:50%;animation:3.2s ease-in-out infinite r-respira}.r-insegna .r-dicitura{color:var(--r-chiaro);font-size:.95rem;font-weight:650}.r-binario{color:color-mix(in oklab, var(--r-inchiostro), var(--r-chiaro) calc(var(--buio) * 100%));position:absolute;top:34%;right:.5rem;transform:translateY(-50%)}@media (min-width:768px){.r-binario{top:50%;right:1.25rem}}.r-binario{justify-items:center;gap:1.1rem;display:grid}.r-binario ol{gap:.9rem;display:grid}.r-comando{border:1px solid color-mix(in oklab, currentColor 35%, transparent);border-radius:50%;place-items:center;width:1.6rem;height:1.6rem;display:grid}.r-comando:hover{background:color-mix(in oklab, currentColor 12%, transparent)}.r-nota-privacy{color:var(--color-grafite);align-items:center;gap:.5rem;margin-top:1.4rem;font-size:.9rem;display:flex}.r-nota-privacy svg{color:var(--color-petrolio)}.r-binario li{position:relative}.r-binario li+li:before{content:"";opacity:.3;background:currentColor;width:1px;height:.9rem;position:absolute;bottom:100%;left:50%}.r-tappa{border-radius:50%;place-items:center;width:1.6rem;height:1.6rem;display:grid}.r-tappa:before{content:"";border-radius:50%;width:.45rem;height:.45rem;transition:transform .3s cubic-bezier(.3,1.5,.5,1),background-color .3s;box-shadow:inset 0 0 0 1.5px}.r-tappa[data-accesa]:before{background:currentColor}.r-tappa[aria-current]:before{transform:scale(1.55)}.r-tappa:hover:before{transform:scale(1.8)}.r-traguardo[data-accesa]:before{background:var(--color-ottone);box-shadow:inset 0 0 0 1.5px var(--color-ottone)}.r-scorri{color:var(--color-nebbia);opacity:var(--c0);flex-direction:column-reverse;align-items:center;gap:.45rem;font-size:.8rem;display:none;position:absolute;bottom:1.25rem;left:50%;transform:translate(-50%)}@media (min-width:768px){.r-scorri{display:flex}}.r-scorri span{background:color-mix(in srgb, var(--r-inchiostro) 20%, transparent);width:1px;height:2.4rem;position:relative;overflow:hidden}.r-scorri span:after{content:"";background:var(--r-inchiostro);width:1px;height:40%;animation:1.8s ease-in-out infinite r-scorri;position:absolute;top:-40%;left:0}@keyframes r-fluttua{0%,to{transform:translateY(-.35em)}50%{transform:translateY(.35em)}}@keyframes r-ombra{0%,to{opacity:.8;transform:scale(.94)}50%{opacity:1;transform:scale(1.04)}}@keyframes r-respira{0%,to{transform:scale(1)}50%{transform:scale(.88)}}@keyframes r-scorri{to{top:100%}}.r-fermo{height:auto!important}.r-fermo .r-ancora{top:0!important}.r-fermo .r-palco{height:auto;position:relative;overflow:visible}.r-fermo .r-griglia{gap:3rem;padding-block:4rem}.r-fermo .r-testi{flex-direction:column;gap:2.5rem;display:flex}.r-fermo .r-capitolo{opacity:1;filter:none;pointer-events:auto;transform:none}.r-fermo .r-vetrina{height:auto;padding-block:1rem 2rem}.r-fermo .r-binario,.r-fermo .r-scorri,.r-fermo .r-modelli,.r-fermo .r-foto,.r-fermo .r-etichetta,.r-fermo .r-luce{display:none}.r-fermo .r-fluttua,.r-fermo .r-ombra span,.r-fermo .r-sfocata{animation:none}
