:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--fondo:#242d33;--segno:#fff;--composto:#e4e1db;--firma:#5b7383;--lustro:#e7f0f6;--cuore:#f5332a;--muro:#fff;--titolo:"Didot", "Bodoni 72", "Bodoni MT", "Playfair Display", "Cormorant Garamond", "Big Caslon", Georgia, serif;--stampatello:system-ui, -apple-system, "Helvetica Neue", Arial, sans-serif;--sfuma-alto:0%;--sfuma-basso:100%;--sfuma-coda:10%;--sfuma-sx:0%}#app{display:contents}*{box-sizing:border-box}html,body{background:var(--fondo);height:100%;margin:0;overflow:hidden}body{position:relative}html,body{overscroll-behavior:none}body{-webkit-font-smoothing:antialiased;font:400 13px/1.5 -apple-system,BlinkMacSystemFont,Helvetica Neue,sans-serif}#campo{z-index:0;opacity:0;touch-action:none;width:100%;height:100%;transition:opacity .9s;display:block;position:fixed;inset:0}#campo.visibile{opacity:1;transition:opacity .9s .6s}#campo{transition:opacity .35s}#elica{z-index:0;opacity:0;touch-action:none;width:100%;height:100%;transition:opacity .9s;display:block;position:fixed;inset:0}#elica.visibile{opacity:1;transition-delay:.6s}#provini{z-index:1;pointer-events:auto;opacity:0;transition:opacity .8s;position:absolute;inset:0;-webkit-mask-image:linear-gradient(90deg,#0000 0,#000 8% 92%,#0000 100%);mask-image:linear-gradient(90deg,#0000 0,#000 8% 92%,#0000 100%);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}#provini.visibile{opacity:1}#provini .provino{transform-origin:50%;cursor:pointer;transition:transform .55s cubic-bezier(.2,.8,.25,1),opacity .45s;position:absolute;top:0;left:0}#provini .scatto{position:absolute;inset:0}#provini .cornice{color:var(--segno);pointer-events:none;position:absolute}#provini .sopra,#provini .sotto{text-align:center;white-space:nowrap;font-family:var(--titolo);pointer-events:none;margin:0;line-height:1.2;position:absolute;left:0;right:0}#provini .sopra{color:var(--segno);font-family:var(--stampatello);text-transform:uppercase;letter-spacing:.03em;text-indent:.03em;font-weight:800;font-stretch:125%;line-height:1}#provini .sopra svg{width:auto;height:100%;margin:0 auto;display:block;overflow:visible}#provini .sotto{text-transform:uppercase;letter-spacing:.05em;text-indent:.05em;color:var(--composto);font-weight:700}#provini .cornice svg{width:100%;height:100%;display:block;overflow:visible}#velo-testa{z-index:1;pointer-events:none;opacity:0;background:linear-gradient(#242d33f7 38%,#242d3300 100%);transition:opacity .5s;position:fixed;top:0;left:0;right:0}body.dentro #velo-testa{opacity:1}body:not(.dentro) #velo-testa{transition:none}body.vestita,html.vestita{background-color:var(--stanza-fondo)}html,body{transition:background-color 0s linear .22s}#sipario{z-index:4;pointer-events:none;opacity:0;background:var(--sipario,var(--fondo));position:fixed;inset:0}#sipario.va{animation:.8s both sipario}@keyframes sipario{0%{opacity:0}26%{opacity:1}42%{opacity:1}to{opacity:0}}@media (prefers-reduced-motion:reduce){#sipario.va{animation-duration:.3s}}#figura{transition:opacity .35s .6s}body.dentro #figura{transition:opacity .18s}body.dentro #firma{transition:opacity .2s,color .9s}body.vestita #titolo,body.vestita #indietro,body.vestita #scrivimi{color:var(--stanza-tratto)}body.vestita #velo-testa{background:linear-gradient(to bottom, var(--stanza-fondo) 34%, var(--stanza-velo) 100%)}#titolo{z-index:3;text-align:center;font-family:var(--stampatello);color:var(--composto);text-transform:uppercase;letter-spacing:.02em;text-indent:.02em;white-space:nowrap;opacity:0;pointer-events:none;margin:0;font-weight:800;font-stretch:125%;line-height:1;transition:opacity .5s .15s;position:absolute;left:0;right:0}body.dentro #titolo{opacity:1}#scrivimi{z-index:3;color:var(--segno);cursor:pointer;pointer-events:auto;-webkit-tap-highlight-color:transparent;background:0 0;border:0;margin:0;padding:0;transition:transform .28s cubic-bezier(.2,.9,.25,1),opacity .4s;display:none;position:absolute;transform:rotate(2deg)}#scrivimi svg{width:100%;height:100%;display:block;overflow:visible}body.dentro #scrivimi{display:block}body.dentro[data-stanza=showroom\.svg] #scrivimi{display:none}#scrivimi:hover,#scrivimi:focus-visible{outline:none}@media (hover:none){#scrivimi:hover{transform:rotate(2deg)}}.pp-quadro{aspect-ratio:705.4/1084;perspective:380px;perspective-origin:50% 35%;height:100%;display:block;position:relative}.pp-quadro>svg,.pp-anta>svg{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.pp-quadro>svg{transition:color .25s}.pp-solo>svg,.pp-solo .pp-anta>svg{overflow:hidden}.pp-vano{-webkit-mask:url(porta-vano.png) top / var(--pp-maschera,100% 100%) no-repeat;-webkit-mask:url(porta-vano.png) top / var(--pp-maschera,100% 100%) no-repeat;mask:url(porta-vano.png) top / var(--pp-maschera,100% 100%) no-repeat;background:#f7f6f4;position:absolute;inset:0}.pp-anta{will-change:transform;transition:color .25s;position:absolute;inset:0}.pp-strato{z-index:60;pointer-events:none;position:fixed;inset:0}.pp-scatta .pp-anta{transition:transform .3s ease-out,color .3s}.pp-scatta .pp-vano{transition:opacity .3s ease-out}.pp-volo{will-change:transform}.dis{height:100%;display:block;position:relative}.dis .tratto{height:100%;transition:transform .28s cubic-bezier(.2,.9,.25,1);display:block}.dis .parola{width:100%;height:100%;position:absolute;top:0;left:0}.dis .parola svg{width:100%!important;height:100%!important}#scrivimi .dis,.angolo .dis{width:100%}#scrivimi:hover .tratto,#scrivimi:focus-visible .tratto,.angolo:hover .tratto,.angolo:focus-visible .tratto{transform:translateY(-8px)scale(1.07)}.angolo{z-index:3;color:var(--segno);cursor:pointer;pointer-events:auto;-webkit-tap-highlight-color:transparent;transform:rotate(var(--gira,0deg));background:0 0;border:0;margin:0;padding:0;transition:transform .28s cubic-bezier(.2,.9,.25,1),opacity .4s;display:none;position:absolute}.angolo svg{width:100%;height:100%;display:block;overflow:visible}body.dentro[data-stanza=look\.svg] .angolo{display:block}.angolo:hover,.angolo:focus-visible{outline:none}#angolo-porta{display:none}body.dentro[data-stanza=look\.svg] #angolo-porta{display:flex}#angolo-porta .tratto{transform-origin:50%;flex:none;transition:transform .28s cubic-bezier(.2,.9,.25,1);display:block}.angolo .tratto,#scrivimi .tratto{width:100%;height:100%;display:block}#angolo-porta .tratto svg,#angolo-porta .nome svg{width:100%;height:100%;overflow:hidden}#angolo-porta .nome{flex:none;display:block}@media (hover:none){.angolo:hover{transform:rotate(var(--gira,0deg))}}#foglio,#foglio-davanti{z-index:1;width:calc(var(--fl,1400) * 1px);height:calc(var(--fa,900) * 1px);transform:translate(calc(-50% + var(--para-x,0px)), calc(-50% + var(--para-y,0px))) scale(var(--scala,1));transform-origin:50%;position:absolute;top:50%;left:50%}#figura{-webkit-user-select:none;user-select:none;-webkit-user-drag:none;transform:translate(var(--fig-x,0px), var(--fig-y,0px));-webkit-mask-image:linear-gradient(to bottom, transparent 0, #000 var(--sfuma-alto), #000 var(--sfuma-basso), transparent calc(var(--sfuma-basso) + var(--sfuma-coda,10%))), linear-gradient(to right, transparent 0, #000 var(--sfuma-sx), #000 100%);-webkit-mask-composite:source-in;-webkit-mask-image:linear-gradient(to bottom, transparent 0, #000 var(--sfuma-alto), #000 var(--sfuma-basso), transparent calc(var(--sfuma-basso) + var(--sfuma-coda,10%))), linear-gradient(to right, transparent 0, #000 var(--sfuma-sx), #000 100%);mask-image:linear-gradient(to bottom, transparent 0, #000 var(--sfuma-alto), #000 var(--sfuma-basso), transparent calc(var(--sfuma-basso) + var(--sfuma-coda,10%))), linear-gradient(to right, transparent 0, #000 var(--sfuma-sx), #000 100%);position:absolute;-webkit-mask-composite:source-in;mask-composite:intersect}#foglio-davanti{z-index:2;pointer-events:none}#davanti{-webkit-user-select:none;user-select:none;transform:translate(var(--fig-x,0px), var(--fig-y,0px));transition:opacity .35s .6s;display:none;position:absolute;-webkit-mask-image:linear-gradient(90deg,#000 36%,#0000 38.5% 61.5%,#000 64%);mask-image:linear-gradient(90deg,#000 36%,#0000 38.5% 61.5%,#000 64%)}body.dentro #davanti{opacity:0;transition:opacity .18s}body.prima #davanti,body.accende #davanti{opacity:0}#cuore-tinta .rosso{stop-color:var(--cuore)}#cuore-tinta .chiaro{stop-color:var(--segno);stop-color:var(--cuore);stop-opacity:0}#tinte{width:0;height:0;position:absolute;overflow:hidden}.sezione[aria-label=collab] .tratto,#angolo-cuore .tratto,.pg-cuore .tratto{animation:5.6s ease-in-out infinite batte}.sezione[aria-label=collab] .tratto{animation-delay:2.4s}#angolo-cuore .tratto{animation-delay:1.1s}.pg-cuore .tratto{transform-origin:50%;animation-delay:.7s}@keyframes batte{0%,76%{scale:1}80%{scale:1.14}84%{scale:.97}88%{scale:1.09}94%,to{scale:1}}@media (prefers-reduced-motion:reduce){.sezione[aria-label=collab] .tratto,#angolo-cuore .tratto,.pg-cuore .tratto{animation:none}}.sezione{color:var(--segno);cursor:pointer;-webkit-tap-highlight-color:transparent;transform:rotate(var(--gira,0deg));background:0 0;border:0;margin:0;padding:0;transition:transform .3s cubic-bezier(.34,1.56,.64,1),opacity .24s;position:absolute}.sezione svg{width:100%;height:100%;display:block;overflow:hidden}.sezione .tratto,.sezione .parola{width:100%;height:100%;display:block}.sezione .parola{position:absolute;top:0;left:0}.sezione .tratto{transition:transform .3s cubic-bezier(.34,1.56,.64,1)}.sezione.su .parola{translate:0 calc(var(--disegno) * -100%)}.sezione.su .tratto{translate:0 calc(var(--parola) * 100%)}.sezione.giu{flex-direction:column-reverse;display:flex}.sezione:hover .tratto,.sezione:focus-visible .tratto{transform:translateY(-10px) scale(var(--cresci,1.07))}.sezione:focus-visible{outline:none}.sezione:active .tratto{transform:translateY(-3px)scale(1.015)}@media (hover:none){.sezione:hover .tratto{transform:none}}body.dentro #figura,body.dentro .sezione{opacity:0;pointer-events:none}.sezione{transition:transform .3s cubic-bezier(.34,1.56,.64,1),opacity .24s .22s}body.dentro .sezione{transition:transform .3s cubic-bezier(.34,1.56,.64,1),opacity .24s}body.dentro #indietro,body.dentro #scrivimi,body.dentro .angolo{animation:.3s .24s backwards sotto-il-sipario}@keyframes sotto-il-sipario{0%{opacity:0}to{opacity:1}}body.dentro #foglio{pointer-events:none}#indietro{z-index:3;color:var(--segno);cursor:pointer;pointer-events:auto;-webkit-tap-highlight-color:transparent;background:0 0;border:0;margin:0;padding:0;transition:transform .28s cubic-bezier(.2,.9,.25,1),opacity .4s;display:none;position:absolute;transform:rotate(-1.5deg)}#indietro svg{width:100%;height:100%;display:block;overflow:visible}body.dentro #indietro{display:block}#indietro:hover,#indietro:focus-visible{outline:none;transform:rotate(-1.5deg)translate(-8px)scale(1.06)}@media (hover:none){#indietro:hover{transform:rotate(-1.5deg)}}#firma{z-index:1;width:var(--firma-l,100%);fill:currentColor;color:var(--firma);pointer-events:none;transform:translate(calc(-50% + var(--fir-x,0px)), var(--fir-y,0px));transition:opacity .5s .22s,color .9s;display:block;position:fixed;bottom:0;left:50%}body.dentro #firma{opacity:0}html.firma-su #firma{bottom:auto;top:calc(env(safe-area-inset-top,0px) + var(--cornice,6vw))}body.prima #firma,body.nome-dopo #firma{opacity:0}body.nome-dopo #firma{transition:none}#carta{z-index:8;pointer-events:none;mix-blend-mode:soft-light;opacity:.55;background-image:radial-gradient(78% 88% at 50% 44%,#fff0 38%,#0000006b 100%),url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' width='260' height='260'><filter id='g'><feTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch' seed='11'/><feColorMatrix type='saturate' values='0'/></filter><rect width='260' height='260' filter='url(%23g)'/></svg>"),url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' width='900' height='900'><filter id='m'><feTurbulence type='fractalNoise' baseFrequency='0.006' numOctaves='5' stitchTiles='stitch' seed='3'/><feColorMatrix type='saturate' values='0'/><feComponentTransfer><feFuncR type='linear' slope='1.7' intercept='-0.35'/><feFuncG type='linear' slope='1.7' intercept='-0.35'/><feFuncB type='linear' slope='1.7' intercept='-0.35'/></feComponentTransfer></filter><rect width='900' height='900' filter='url(%23m)'/></svg>");background-size:100% 100%,260px 260px,900px 900px;position:fixed;inset:0}@media (resolution>=2x){#carta{opacity:.5}}#figura.arriva{transition:opacity .62s ease-out,filter .72s cubic-bezier(.16,.86,.24,1),transform .9s cubic-bezier(.16,.86,.24,1)}body.accende #figura{opacity:0;filter:blur(26px);transform:translate(var(--fig-x,0px), var(--fig-y,0px)) scale(1.07)}body.accende .sezione{opacity:0;transform:rotate(var(--gira,0deg)) scale(.82)}body.accende #firma{z-index:6}#lustro stop{stop-color:var(--firma)}#lustro stop.colmo{stop-color:var(--lustro)}#prima{z-index:5;position:fixed;inset:0}#scena{background:#fff;position:fixed;inset:0}#affiora{opacity:0;filter:blur(18px);transition:opacity 1.2s cubic-bezier(.3,.1,.3,1),filter 1.5s cubic-bezier(.2,.6,.3,1);position:fixed;inset:0}#prima.appare #affiora{opacity:1;filter:none}#intro-nome{pointer-events:none;color:#141414;text-align:center;font-family:var(--stampatello);text-transform:uppercase;flex-direction:column;justify-content:center;align-items:center;font-weight:800;font-stretch:125%;animation:1s cubic-bezier(.2,.7,.3,1) .2s backwards intro-nome;display:flex;position:fixed;inset:0}#intro-nome .nome{letter-spacing:.01em;text-indent:.01em;font-size:min(11.5vw,17vh);line-height:.9}#intro-nome .ruolo{letter-spacing:.32em;text-indent:.32em;margin-top:1.1em;font-size:clamp(10px,1.25vw,16px)}@keyframes intro-nome{0%{opacity:0;transform:translateY(10px)}}@media (prefers-reduced-motion:reduce){#intro-nome{animation:none}#affiora{transition:none}}#film{will-change:transform;object-fit:cover;width:100%;height:100%;display:block;position:fixed;inset:0}@media (aspect-ratio>=745/1000){#film{object-fit:contain}}#nero{pointer-events:none;opacity:1;background:#000;position:fixed;inset:0}#prima{transition:opacity .26s}#prima.via{opacity:0}.dritta{z-index:2;left:max(22px, env(safe-area-inset-left));bottom:calc(20px + env(safe-area-inset-bottom));color:#7c868e;font-family:var(--stampatello);text-transform:uppercase;letter-spacing:.14em;pointer-events:none;margin:0;font-size:11px;font-weight:800;font-stretch:125%;transition:opacity .6s;position:fixed}.dritta.via{opacity:0}.dritta{display:none}#guasto{text-align:center;color:var(--composto);place-content:center;max-width:34rem;margin:auto;padding:2rem;line-height:1.7;display:grid;position:fixed;inset:0}#guasto[hidden]{display:none}#guasto code{background:#ffffff17;border-radius:3px;padding:.15em .45em}@media (prefers-reduced-motion:reduce){.sezione{transition-duration:.01ms}}