.civ-pezzo{z-index:2;width:1.6rem;height:1.15rem;font-family:var(--font-display);color:#fff;transition:scale .3s var(--ease-gara), opacity .3s var(--ease-gara), color .3s var(--ease-gara);place-items:center;font-size:.8rem;font-style:italic;font-weight:800;line-height:1;display:grid;position:absolute;translate:-50% -50%}@media (min-width:40rem){.civ-pezzo{width:2.1rem;height:1.5rem;font-size:1rem}}.civ-pezzo:before,.civ-pezzo:after{content:"";z-index:-1;position:absolute;inset:0;transform:skew(-31.8deg)}.civ-pezzo:before{transition:background-color .3s var(--ease-gara);background:#d93228;box-shadow:0 0 0 2px #0a0a0b,0 6px 16px #0000008c}.civ-pezzo:after{opacity:0;border:2px solid #ff4a3d}.civ-anatomia:has([data-voce]:hover,.civ-pezzo:hover) .civ-pezzo{opacity:.5}:is(.civ-anatomia:has([data-voce="1"]:hover) .civ-pezzo[data-pezzo="1"],.civ-anatomia:has([data-voce="2"]:hover) .civ-pezzo[data-pezzo="2"],.civ-anatomia:has([data-voce="3"]:hover) .civ-pezzo[data-pezzo="3"],.civ-anatomia:has([data-voce="4"]:hover) .civ-pezzo[data-pezzo="4"],.civ-anatomia:has([data-voce="5"]:hover) .civ-pezzo[data-pezzo="5"],.civ-anatomia .civ-pezzo[data-pezzo]:hover){opacity:1;color:#0a0a0b;scale:1.3}:is(.civ-anatomia:has([data-voce="1"]:hover) .civ-pezzo[data-pezzo="1"],.civ-anatomia:has([data-voce="2"]:hover) .civ-pezzo[data-pezzo="2"],.civ-anatomia:has([data-voce="3"]:hover) .civ-pezzo[data-pezzo="3"],.civ-anatomia:has([data-voce="4"]:hover) .civ-pezzo[data-pezzo="4"],.civ-anatomia:has([data-voce="5"]:hover) .civ-pezzo[data-pezzo="5"],.civ-anatomia .civ-pezzo[data-pezzo]:hover):before{background:#f5f5f4}@media (prefers-reduced-motion:no-preference){:is(.civ-anatomia:has([data-voce="1"]:hover) .civ-pezzo[data-pezzo="1"],.civ-anatomia:has([data-voce="2"]:hover) .civ-pezzo[data-pezzo="2"],.civ-anatomia:has([data-voce="3"]:hover) .civ-pezzo[data-pezzo="3"],.civ-anatomia:has([data-voce="4"]:hover) .civ-pezzo[data-pezzo="4"],.civ-anatomia:has([data-voce="5"]:hover) .civ-pezzo[data-pezzo="5"],.civ-anatomia .civ-pezzo[data-pezzo]:hover):after{animation:1.4s ease-out infinite civ-pezzo-anello}}@keyframes civ-pezzo-anello{0%{opacity:.9;scale:1}to{opacity:0;scale:1.8}}:is(.civ-anatomia:has(.civ-pezzo[data-pezzo="1"]:hover) [data-voce="1"],.civ-anatomia:has(.civ-pezzo[data-pezzo="2"]:hover) [data-voce="2"],.civ-anatomia:has(.civ-pezzo[data-pezzo="3"]:hover) [data-voce="3"],.civ-anatomia:has(.civ-pezzo[data-pezzo="4"]:hover) [data-voce="4"],.civ-anatomia:has(.civ-pezzo[data-pezzo="5"]:hover) [data-voce="5"],.civ-anatomia [data-voce]:hover){background:#1b1c20}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){.civ-pezzo{animation:linear both civ-pezzo-entra;animation-timeline:view();animation-range:entry calc(40% + var(--civ-n) * 8%) entry calc(70% + var(--civ-n) * 8%)}}}@keyframes civ-pezzo-entra{0%{transform:scale(0)}to{transform:none}}
.civ-aperitivo{container-type:inline-size}.civ-aperitivo-bokeh{pointer-events:none;background:radial-gradient(circle at 70% 18%,#ffba6621,#ffba660f 16px,#0000 19px),radial-gradient(circle at 84% 30%,#ff8c3c1f,#ff8c3c0d 24px,#0000 28px),radial-gradient(circle at 92% 12%,#ffd6961a,#ffd6960d 11px,#0000 13px),radial-gradient(circle at 62% 40%,#ff78321a,#ff78320d 30px,#0000 35px),radial-gradient(circle at 96% 52%,#ffc4781a,#ffc4780d 18px,#0000 21px),radial-gradient(circle at 40% 10%,#ffa05014,#ffa0500a 22px,#0000 26px),radial-gradient(circle at 14% 9%,#ffc47814,#ffc4780a 14px,#0000 17px);position:absolute;inset:-10%}.civ-aperitivo-lucine{pointer-events:none;width:100%;height:4.5rem;position:absolute;top:0;left:0}.civ-spritz{aspect-ratio:220/342;pointer-events:none;align-self:flex-end;height:13rem;margin:1.5rem -.75rem 0 0;position:relative}.civ-spritz-alone{z-index:-1;background:radial-gradient(closest-side,#ff702061,#d932281f 55%,#0000);position:absolute;inset:-25% -90% -15%}.civ-spritz-disegno{width:100%;height:100%;display:block;position:relative;overflow:visible}@container (min-width:28rem){.civ-spritz{max-width:41cqi;height:auto;margin:0;position:absolute;top:4.5rem;bottom:1.25rem;right:4cqi}.civ-aperitivo-testo{max-width:60%;padding-top:2.5rem}}.civ-spritz-getto,.civ-spritz-onda{opacity:0}.civ-spritz-getto,.civ-spritz-onda,.civ-spritz-bolla,.civ-spritz-fetta,.civ-spritz-bandierina{transform-box:fill-box;transform-origin:50%}.civ-spritz-getto{transform-origin:50% 0}.civ-spritz-bandierina{transform-origin:0}@media (prefers-reduced-motion:no-preference){.civ-aperitivo[data-stato] .civ-aperitivo-bokeh{animation:16s ease-in-out infinite alternate both civ-bokeh}.civ-aperitivo[data-stato] .civ-lucina-alone{animation:civ-lucina var(--durata) ease-in-out var(--ritardo) infinite alternate both}.civ-aperitivo[data-stato] .civ-spritz-alone{animation:6s ease-in-out infinite alternate both civ-respiro}.civ-aperitivo[data-stato] .civ-spritz-getto{animation:1.8s ease-in-out both civ-getto}.civ-aperitivo[data-stato] .civ-spritz-liquido{animation:1.6s cubic-bezier(.3,.6,.35,1) .15s both civ-versa}.civ-aperitivo[data-stato] .civ-spritz-ghiaccio{animation:civ-ghiaccio .7s var(--ritardo) both}.civ-aperitivo[data-stato] .civ-spritz-onda{animation:.9s ease-out 1.95s both civ-onda}.civ-aperitivo[data-stato] .civ-spritz-cannuccia{animation:civ-cannuccia .6s var(--ease-gara) 2.3s both}.civ-aperitivo[data-stato] .civ-spritz-fetta{animation:.75s 2.6s both civ-fetta}.civ-aperitivo[data-stato] .civ-spritz-stecco{animation:.5s cubic-bezier(.3,1.4,.5,1) 3.15s both civ-stecco}.civ-aperitivo[data-stato] .civ-spritz-bandierina{animation:2.4s ease-in-out 3.6s infinite alternate both civ-sventola}.civ-aperitivo[data-stato] .civ-spritz-bolla{animation:civ-bolla var(--durata) ease-in var(--ritardo) infinite both}.civ-aperitivo[data-stato=attesa] *,.civ-aperitivo[data-fuori] *{animation-play-state:paused!important}}@keyframes civ-bokeh{to{transform:translate(14px,-10px)}}@keyframes civ-lucina{0%{opacity:.45}to{opacity:1}}@keyframes civ-respiro{0%{opacity:.7}to{opacity:1}}@keyframes civ-getto{0%{opacity:1;transform:scaleY(0)}14%{transform:none}78%{opacity:1}to{opacity:0;transform:none}}@keyframes civ-versa{0%{transform:translateY(112px)}to{transform:none}}@keyframes civ-ghiaccio{0%{opacity:0;animation-timing-function:cubic-bezier(.5,0,.75,0);transform:translateY(-130px)}10%{opacity:1}65%{animation-timing-function:ease-out;transform:translateY(5px)}82%{animation-timing-function:ease-in-out;transform:translateY(-2px)}to{opacity:1;transform:none}}@keyframes civ-onda{0%{opacity:0;transform:scale(.4)}10%{opacity:.9}to{opacity:0;transform:scale(6,4)}}@keyframes civ-cannuccia{0%{opacity:0;transform:translate(14px,-80px)}to{opacity:1;transform:none}}@keyframes civ-fetta{0%{opacity:0;animation-timing-function:cubic-bezier(.5,0,.75,0);transform:translate(10px,-60px)rotate(-40deg)}60%{opacity:1;animation-timing-function:ease-out;transform:translateY(3px)rotate(6deg)}80%{transform:translateY(-1px)rotate(-2deg)}to{opacity:1;transform:none}}@keyframes civ-stecco{0%{opacity:0;transform:translate(10px,-36px)}to{opacity:1;transform:none}}@keyframes civ-sventola{to{transform:skewY(-7deg)scaleX(.94)}}@keyframes civ-bolla{0%{opacity:0;transform:scale(.6)}15%{opacity:.85}50%{transform:translate(1.5px, calc(var(--sali) * -.5px)) scale(.9)}85%{opacity:.85}to{opacity:0;transform:translate(-1px, calc(var(--sali) * -1px)) scale(1.1)}}
.civ-semaforo-riga{position:relative}.civ-semaforo-cornice{pointer-events:none;clip-path:inset(0 -100vmax -100vmax);position:absolute;inset:0}.civ-lancio{animation:.45s cubic-bezier(.16,1,.3,1) 1.05s both civ-lancio;display:block;position:relative}@keyframes civ-lancio{0%{opacity:.02;transform:translate(-24vw)skew(-20deg)}40%{opacity:1}to{opacity:1;transform:none}}.civ-scie{z-index:-1;pointer-events:none;position:absolute;inset:0}.civ-scia{opacity:0;background:linear-gradient(90deg,#fff0,#ffffffd9 75%,#fff0);width:115vw;height:2px;animation:.6s cubic-bezier(.2,.8,.2,1) both civ-scia;position:absolute;left:-35vw}.civ-scia:first-child{animation-delay:1.05s;top:14%}.civ-scia:nth-child(2){animation-delay:1.09s;top:38%}.civ-scia:nth-child(3){animation-delay:1.07s;top:63%}.civ-scia:nth-child(4){animation-delay:1.12s;top:86%}.civ-scia:nth-child(2n){background:linear-gradient(90deg,#ff4a3d00,#ff4a3d 75%,#ff4a3d00);height:3px}@keyframes civ-scia{0%{opacity:0;transform:translate(-25%)scaleX(.3)}25%{opacity:1}to{opacity:0;transform:translate(55%)scaleX(1)}}.civ-semaforo{pointer-events:none;align-items:center;gap:.5em;padding:.55em 1.3em;font-size:min(.42em,48px);animation:1.35s linear both civ-semaforo;display:flex;position:absolute;top:50%;left:0;translate:0 -50%}.civ-semaforo:before{content:"";z-index:-1;clip-path:polygon(1.3em 0,100% 0,calc(100% - 1.3em) 100%,0 100%);background:linear-gradient(#1d1d22,#0b0b0d);position:absolute;inset:0}.civ-semaforo:after{content:"";clip-path:polygon(.124em 0,100% 0,calc(100% - .124em) 100%,0 100%);background:#d93228;height:.2em;position:absolute;bottom:-.35em;left:1.1em;right:2em}@keyframes civ-semaforo{0%{opacity:0;animation-timing-function:ease-out;transform:translateY(-.4em)}18.5185%,77.7778%{opacity:1;animation-timing-function:cubic-bezier(.2,.8,.2,1);transform:none}to{opacity:0;transform:translateY(-.5em)scale(.96)}}.civ-luce{background:radial-gradient(circle at 50% 35%,#3b1411,#140605 72%);border-radius:50%;flex:none;width:1em;height:1em;position:relative;box-shadow:inset 0 .08em .12em #000,0 0 0 .08em #050506}.civ-luce:after{content:"";opacity:0;animation:civ-sem-accesa calc(1.05s - var(--t)) linear var(--t);background:radial-gradient(circle,#fff 0 8%,#ff8074 15%,#ff4a3d 28%,#ff4a3d80 40%,#ff4a3d00 68%);border-radius:50%;position:absolute;inset:-.65em}.civ-luce:first-child{--t:.2s}.civ-luce:nth-child(2){--t:.36s}.civ-luce:nth-child(3){--t:.52s}.civ-luce:nth-child(4){--t:.68s}.civ-luce:nth-child(5){--t:.84s}@keyframes civ-sem-accesa{0%{opacity:.4;transform:scale(.7)}12%{opacity:1;transform:scale(1)}to{opacity:1;transform:scale(1)}}:root[data-civ-via] .civ-semaforo-cornice{display:none}:root[data-civ-via] .civ-lancio,:root[data-civ-via] .civ-scia{animation:none}@media (prefers-reduced-motion:reduce){.civ-semaforo-cornice{display:none}.civ-lancio,.civ-scia{animation:none}}