.mz{--mz-latte:var(--t-sfondo);--mz-siero:var(--t-superficie);--mz-facciata:var(--t-testo);--mz-erba:var(--t-testo-tenue);--mz-rosso:var(--t-primario);--mz-panna:var(--t-su-primario);--mz-basilico:var(--t-accento);--mz-mozzarella:var(--sm-colore-1,#FFFEFA);--mz-sdino:var(--sm-colore-2,#D0332E);--mz-verde:var(--sm-colore-3,#3A9A55);--mz-fg:var(--mz-facciata);--mz-fg-tenue:var(--mz-erba);--mz-linea:color-mix(in srgb,var(--mz-facciata) 14%,transparent);--mz-fuoco:var(--mz-facciata);--mz-ease:cubic-bezier(.22,1,.36,1);position:relative;isolation:isolate;background:var(--mz-latte);color:var(--mz-fg);padding-block:var(--t-sezione)}
.mz-scuro{--mz-fg:var(--mz-latte);--mz-fg-tenue:#B9C8BD;--mz-linea:color-mix(in srgb,var(--mz-latte) 18%,transparent);--mz-fuoco:var(--mz-latte);background:var(--mz-facciata)}
.mz-siero{background:var(--mz-siero)}
.mz *,.mz *::before,.mz *::after{box-sizing:border-box}
.mz :focus-visible{outline:3px solid var(--mz-fuoco);outline-offset:3px;border-radius:999px}
.mz :where(a){color:inherit}

.mz-occ{display:flex;align-items:center;gap:.6rem;margin:0 0 1rem;font:800 .8125rem/1.3 var(--t-font-testo);letter-spacing:.08em;text-transform:uppercase;color:var(--mz-fg-tenue)}
.mz-pallino{flex:none;display:inline-block;width:.62rem;height:.62rem;border-radius:50%;background:var(--mz-verde)}
.mz-scuro .mz-pallino{background:var(--mz-verde)}
.mz-h1,.mz-h2,.mz-h3{margin:0;font-family:var(--t-font-titoli);font-weight:800;color:var(--mz-fg);text-wrap:balance;overflow-wrap:break-word;font-variation-settings:"wdth" 72}
.mz-h1{line-height:.92;letter-spacing:-.01em;font-size:clamp(2.75rem,1.55rem + 5.6vw,7rem)}
.mz-h2{line-height:.96;letter-spacing:-.01em;font-size:clamp(2.1rem,1.45rem + 3.1vw,4.5rem);font-variation-settings:"wdth" 78}
.mz-h3{line-height:1.05;font-weight:700;font-size:clamp(1.35rem,1.2rem + .6vw,1.9rem);font-variation-settings:"wdth" 90}
.mz-h1 .pf-chiave,.mz-h2 .pf-chiave{font-style:normal;color:var(--mz-rosso);background:none;padding:0;margin:0;border-radius:0;animation:none;font-variation-settings:"wdth" 118}
.mz-scuro .mz-h1 .pf-chiave,.mz-scuro .mz-h2 .pf-chiave{color:var(--mz-latte);text-decoration:underline;text-decoration-color:var(--mz-verde);text-decoration-thickness:.08em;text-underline-offset:.12em}
.mz-lead{margin:1.25rem 0 0;max-width:44ch;font-size:clamp(1.0625rem,1rem + .4vw,1.3rem);line-height:1.5;color:var(--mz-fg-tenue);text-wrap:pretty}
.mz-testa{max-width:46rem}
.mz-num{font-variant-numeric:tabular-nums}

.mz-azioni{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem 1.25rem;margin-top:1.75rem}
.mz-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:.6rem;min-height:3.25rem;padding:.8rem 1.6rem;border:2px solid transparent;border-radius:999px;font:800 1.0625rem/1.15 var(--t-font-testo);text-decoration:none;cursor:pointer;white-space:nowrap}
.mz-btn:hover{text-decoration:none}
.mz-btn svg{flex:none;width:1.2rem;height:1.2rem}
.mz-btn--rosso{background:var(--mz-rosso);border-color:var(--mz-rosso);color:var(--mz-panna)}
.mz-btn--rosso:hover{background:color-mix(in srgb,var(--mz-rosso) 88%,#000);border-color:color-mix(in srgb,var(--mz-rosso) 88%,#000)}
.mz-scuro .mz-btn--rosso{box-shadow:0 0 0 2px var(--mz-latte)}
.mz-btn--linea{border-color:currentColor;color:var(--mz-fg);background:transparent}
.mz-btn--linea:hover{background:color-mix(in srgb,var(--mz-fg) 9%,transparent)}
.mz-btn--chiaro{background:var(--mz-latte);border-color:var(--mz-latte);color:var(--mz-facciata)}
.mz-link{display:inline-flex;align-items:center;gap:.5rem;min-height:3rem;font-weight:800;font-size:1.0625rem;color:var(--mz-fg);text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:.3em;text-decoration-color:color-mix(in srgb,currentColor 40%,transparent)}
.mz-link:hover{text-decoration-color:currentColor}
.mz-link svg{width:1.15rem;height:1.15rem;flex:none}
@media (max-width:30rem){.mz-azioni>.mz-btn{width:100%}}

.mz-corna{position:absolute;left:50%;bottom:100%;width:3.4rem;height:1.05rem;margin-left:-1.7rem;margin-bottom:-.35rem;pointer-events:none;opacity:0;transform:translateY(.55rem) scaleY(.4);transform-origin:50% 100%}
.mz-corna svg{display:block;width:100%;height:100%;fill:var(--mz-sdino);overflow:visible}
.mz-scuro .mz-corna svg{fill:var(--mz-latte)}
.mz-btn:is(:hover,:focus-visible) .mz-corna{opacity:1;transform:none}

.mz-piatto{position:relative;display:block;aspect-ratio:1;width:100%}
.mz-piatto::after{content:"";position:absolute;z-index:-1;left:8%;right:8%;bottom:-7%;height:16%;border-radius:50%;background:radial-gradient(closest-side,color-mix(in srgb,var(--mz-facciata) 26%,transparent),transparent);transform-origin:50% 50%}
.mz-piatto__disco{position:absolute;inset:0;display:block;border-radius:50%;padding:5.5%;background:radial-gradient(circle at 50% 42%,var(--mz-mozzarella) 64%,color-mix(in srgb,var(--mz-siero) 70%,var(--mz-mozzarella)) 100%);box-shadow:0 1px 0 color-mix(in srgb,var(--mz-facciata) 8%,transparent),inset 0 -.35rem .8rem color-mix(in srgb,var(--mz-facciata) 6%,transparent)}
.mz-piatto__disco img,.mz-piatto__foto{display:block;width:100%;height:100%;border-radius:50%;object-fit:cover}
.mz-piatto--vuoto{border-radius:50%;background:var(--mz-mozzarella)}
.mz-scuro .mz-piatto::after{background:radial-gradient(closest-side,rgb(0 0 0/.35),transparent)}

.mz-bollo{display:grid;place-items:center;width:7rem;height:7rem;border-radius:50%;background:var(--mz-latte);color:var(--mz-facciata)}
.mz-bollo b{font-family:var(--t-font-titoli);font-weight:750;font-size:1.65rem;line-height:1;font-variation-settings:"wdth" 108;white-space:nowrap}
.mz-bollo__testo{display:block;margin-top:.85rem;max-width:16rem;font-size:1rem;line-height:1.4;color:var(--mz-fg)}

@media print{.mz-scuro{background:none;color:#000}.mz-corna{display:none}}
.mz-apertura{padding-block:clamp(1.5rem,1rem + 3vw,4.5rem) clamp(2.5rem,1.5rem + 4vw,6rem);overflow:hidden}
.mz-apertura__griglia{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:"testo testo" "etichetta piatto" "azioni azioni" "prove prove";column-gap:.75rem;align-items:center}
.mz-apertura__testo{grid-area:testo;container-type:inline-size}
.mz-h1--filata .pf-chiave{display:block;font-size:min(1em,11.4cqi);text-wrap:balance}
.mz-apertura__piatto{grid-area:piatto;margin:1.25rem -2.75rem 0 0;width:calc(100% + 2.75rem);max-width:34rem;justify-self:end}
.mz-etichetta{grid-area:etichetta;position:relative;z-index:2;margin-top:1.25rem}
.mz-etichetta__nome{margin:0;font-weight:800;font-size:1rem;line-height:1.3}
.mz-etichetta__formato{font-weight:700;color:var(--mz-erba)}
.mz-etichetta__prezzo{margin:.4rem 0 0;font-weight:800;font-size:clamp(1.6rem,1.3rem + 1.2vw,2.3rem);line-height:1;color:var(--mz-facciata)}
.mz-etichetta__unita{display:block;margin-top:.3rem;font-size:.875rem;font-weight:700;color:var(--mz-erba)}
.mz-etichetta__nota{margin:.45rem 0 0;font-size:.9375rem;color:var(--mz-erba)}
.mz-apertura__azioni{grid-area:azioni;margin-top:1.25rem}
.mz-apertura__prove{grid-area:prove;display:flex;flex-wrap:wrap;gap:.5rem 1.25rem;margin:1.25rem 0 0;padding:0;list-style:none;font-weight:700;font-size:.9375rem;color:var(--mz-facciata)}
.mz-apertura__prove li{display:flex;align-items:center;gap:.5rem}
.mz-apertura__prove a{display:inline-flex;align-items:center;min-height:2.75rem;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:.25em;text-decoration-color:var(--mz-verde)}
@media (min-width:48rem){
.mz-apertura__griglia{grid-template-columns:repeat(12,minmax(0,1fr));grid-template-areas:"testo testo testo testo testo testo testo piatto piatto piatto piatto piatto" "etichetta etichetta etichetta etichetta etichetta etichetta . piatto piatto piatto piatto piatto" "azioni azioni azioni azioni azioni azioni . piatto piatto piatto piatto piatto" "prove prove prove prove prove prove prove piatto piatto piatto piatto piatto";column-gap:1.5rem;align-items:start}
.mz-apertura__piatto{margin:0 -4rem 0 0;width:calc(100% + 4rem);align-self:center}
.mz-etichetta,.mz-apertura__azioni{background:var(--mz-mozzarella);padding-inline:1.4rem}
.mz-etichetta{margin-top:1.75rem;padding-top:1.25rem;border-radius:28px 28px 0 0}
.mz-apertura__azioni{margin-top:0;padding-bottom:1.25rem;padding-top:1rem;border-radius:0 0 28px 28px;box-shadow:0 1.6rem 2rem -1.8rem color-mix(in srgb,var(--mz-facciata) 45%,transparent)}
.mz-etichetta:not(:has(+.mz-apertura__azioni)){border-radius:28px;padding-bottom:1.25rem}
}
@media (max-width:47.99rem){.mz-apertura{padding-top:.5rem}.mz-apertura .mz-lead{margin-top:.6rem}.mz-apertura__piatto{margin:.5rem -.75rem 0 0;width:calc(100% + .75rem)}.mz-etichetta{margin-top:.5rem}.mz-apertura__azioni{margin-top:.75rem}}
@media (min-width:64rem){.mz-h1--filata{font-size:clamp(4.5rem,2rem + 4.6vw,7rem)}}
.mz-pagina{padding-block:clamp(2rem,1.2rem + 3vw,4.5rem)}
.mz-pagina--basilico{background:var(--mz-basilico);--mz-fg-tenue:var(--mz-latte);--mz-verde:var(--mz-latte)}
.mz-pagina--verde .pf-chiave{color:var(--mz-basilico)}
.mz-pagina--verde .mz-pallino{background:var(--mz-basilico)}
.mz-pagina__griglia{display:grid;gap:2rem;align-items:center}
.mz-h1--pagina{font-size:clamp(2.5rem,1.5rem + 4.6vw,5.75rem)}
.mz-pagina__piatto{margin:0;justify-self:center;width:min(72vw,22rem)}
@media (min-width:48rem){.mz-pagina__griglia--foto{grid-template-columns:minmax(0,7fr) minmax(0,5fr)}.mz-pagina__piatto{width:100%;max-width:26rem}}
.mz-prove{padding-block:clamp(2.75rem,2rem + 3vw,5rem)}
.mz-prove--filo{padding-top:clamp(4.5rem,3.5rem + 4vw,7.5rem)}
.mz-prove__titolo{margin-bottom:1.75rem}
.mz-prove__bolli{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2rem 1.25rem;margin:0;padding:0;list-style:none}
.mz-prove__voce{display:flex;flex-direction:column;align-items:flex-start}
.mz-prove__link{display:flex;flex-direction:column;align-items:flex-start;text-decoration:none}
.mz-prove__link .mz-bollo__testo{text-decoration:underline;text-decoration-color:var(--mz-verde);text-decoration-thickness:2px;text-underline-offset:.25em}
.mz-prove__nota{margin:2rem 0 0;font-size:.875rem;color:var(--mz-fg-tenue)}
@media (min-width:56rem){.mz-prove__bolli{grid-template-columns:repeat(4,minmax(0,1fr))}.mz-bollo{width:8.5rem;height:8.5rem}.mz-bollo b{font-size:2.2rem}}
.mz-filo{position:absolute;left:50%;top:0;width:min(26rem,70vw);margin-left:calc(min(26rem,70vw) / -2);height:auto;aspect-ratio:400/120;pointer-events:none;color:var(--mz-latte)}
.mz-filo svg{display:block;width:100%;height:100%;overflow:visible}
.mz-filo path,.mz-filo ellipse{fill:var(--mz-latte)}
.mz-filo__su path{fill:var(--mz-latte)}
.mz-viaggio__corpo{position:relative;margin-top:2.5rem}
.mz-viaggio__filo{position:absolute;left:1.1rem;top:.6rem;bottom:.6rem;width:4px;margin-left:-2px;border-radius:4px;background:var(--mz-siero);transform-origin:50% 0}
.mz-viaggio__tappe{position:relative;display:grid;gap:1.6rem;margin:0;padding:0;list-style:none}
.mz-tappa{position:relative;display:grid;grid-template-columns:2.2rem 1fr;column-gap:1rem;align-items:start}
.mz-palla{grid-row:1/span 3;position:relative;width:2.2rem;height:2.2rem;border-radius:50%;background:var(--mz-mozzarella);box-shadow:inset 0 0 0 3px var(--mz-facciata);overflow:hidden}
.mz-palla::after{content:"";position:absolute;inset:0;border-radius:50%;background:var(--mz-verde);transform:scale(.42)}
.mz-tappa__quando{grid-column:2;font-family:var(--t-font-titoli);font-weight:800;font-size:1.35rem;line-height:1.1;font-variation-settings:"wdth" 110;color:var(--mz-facciata)}
.mz-tappa__titolo{grid-column:2;margin-top:.15rem;font-size:1.0625rem;font-weight:800}
.mz-tappa__testo{grid-column:2;margin-top:.2rem;color:var(--mz-fg-tenue);line-height:1.45}
.mz-viaggio__piede{display:flex;flex-wrap:wrap;align-items:center;gap:1rem 2rem;margin-top:2.25rem}
.mz-viaggio__nota{margin:0;max-width:52ch;color:var(--mz-fg-tenue)}
@media (min-width:64rem){
.mz-viaggio__filo{left:0;right:0;top:1.1rem;bottom:auto;width:auto;height:4px;margin:-2px 0 0;transform-origin:0 50%}
.mz-viaggio__tappe{grid-template-columns:repeat(var(--tappe),minmax(0,1fr));gap:1.5rem}
.mz-tappa{grid-template-columns:1fr;row-gap:.35rem;align-content:start}
.mz-tappa__quando{min-height:2.2em}
.mz-palla{grid-row:auto;margin-bottom:.6rem}
.mz-tappa__quando,.mz-tappa__titolo,.mz-tappa__testo{grid-column:1}
}
.mz-strade__elenco{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2.25rem 1.1rem;margin:2.25rem 0 0;padding:0;list-style:none}
.mz-strada{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center}
.mz-strada .mz-piatto{width:min(100%,12rem)}
.mz-strada__titolo{margin:1.1rem 0 0;font-family:var(--t-font-titoli);font-weight:800;font-size:1.3rem;line-height:1.05;font-variation-settings:"wdth" 88}
.mz-strada__titolo a{text-decoration:none}
.mz-strada__titolo a::after{content:"";position:absolute;inset:0;border-radius:28px}
.mz-strada__titolo a:focus-visible{outline:none}
.mz-strada:has(a:focus-visible){outline:3px solid var(--mz-fuoco);outline-offset:6px;border-radius:28px}
.mz-strada__testo{margin:.4rem 0 0;font-size:.9375rem;line-height:1.4;color:var(--mz-fg-tenue)}
.mz-strada__vai{display:grid;place-items:center;width:2.4rem;height:2.4rem;margin-top:.7rem;border-radius:50%;background:var(--mz-facciata);color:var(--mz-latte)}
.mz-strada__vai svg{width:1.1rem;height:1.1rem}
.mz-strada--basilico .mz-strada__titolo{color:var(--mz-basilico)}
.mz-strada--basilico .mz-strada__vai{background:var(--mz-basilico)}
.mz-strada--facciata .mz-piatto__disco{background:var(--mz-facciata)}
@media (min-width:48rem){.mz-strade__elenco{grid-template-columns:repeat(min(var(--voci),3),minmax(0,1fr))}}
@media (min-width:72rem){.mz-strade__elenco{grid-template-columns:repeat(var(--voci),minmax(0,1fr))}}
.mz-spedizioni__griglia{display:grid;gap:2rem;align-items:start}
.mz-tabella{width:100%;max-width:30rem;border-collapse:separate;border-spacing:0 .5rem}
.mz-tabella thead th{padding:0 1.1rem .25rem;text-align:left;font:800 .8125rem/1.3 var(--t-font-testo);letter-spacing:.08em;text-transform:uppercase;color:var(--mz-erba)}
.mz-tabella thead th:last-child,.mz-tabella td{text-align:right}
.mz-tabella tbody th,.mz-tabella td{padding:.9rem 1.1rem;background:var(--mz-latte)}
.mz-tabella tbody th{border-radius:999px 0 0 999px;font-weight:700;font-size:1.0625rem;text-align:left}
.mz-tabella td{border-radius:0 999px 999px 0;font-family:var(--t-font-titoli);font-weight:800;font-size:1.6rem;line-height:1;font-variation-settings:"wdth" 120;color:var(--mz-facciata)}
.mz-piattino{position:relative;padding:1.5rem 1.4rem 1.4rem 4.6rem;border-radius:28px;background:var(--mz-mozzarella)}
.mz-piattino__palla{position:absolute;left:1.2rem;top:1.4rem;width:2.4rem;height:2.4rem;border-radius:50%;background:radial-gradient(circle at 40% 35%,var(--mz-mozzarella) 35%,var(--mz-siero) 100%);box-shadow:0 .4rem .6rem -.3rem color-mix(in srgb,var(--mz-facciata) 40%,transparent)}
.mz-piattino__titolo{margin:0 0 .35rem;font-weight:800}
.mz-piattino p{margin:0;line-height:1.5}
.mz-note{margin:1.25rem 0 0;padding:0 0 0 1.2rem;color:var(--mz-fg-tenue);line-height:1.5}
.mz-note li+li{margin-top:.5rem}
@media (min-width:56rem){.mz-spedizioni__griglia{grid-template-columns:minmax(0,5fr) minmax(0,7fr)}.mz-spedizioni__esempio{grid-column:2}}
.mz-banco__griglia{display:grid;gap:2rem;align-items:start}
.mz-banco__dati{display:grid;gap:1.1rem;margin:0}
.mz-banco__dati>div{display:grid;gap:.2rem;padding-bottom:1rem;border-bottom:1px solid var(--mz-linea)}
.mz-banco__dati dt{font:800 .8125rem/1.3 var(--t-font-testo);letter-spacing:.08em;text-transform:uppercase;color:var(--mz-fg-tenue)}
.mz-banco__dati dd{margin:0;font-size:1.0625rem;line-height:1.45}
.mz-banco__dati dd a{display:inline-flex;align-items:center;gap:.45rem;min-height:2.75rem;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:.25em;text-decoration-color:var(--mz-verde)}
.mz-banco__dati dd svg{width:1.1rem;height:1.1rem}
.mz-orari{margin:0;padding:0;list-style:none}
.mz-orari li{display:flex;justify-content:space-between;gap:1rem;max-width:22rem}
.mz-orari li span:first-child::first-letter{text-transform:uppercase}
#contenuto>.mz-banco.mz-siero:last-child{background:var(--mz-latte)}
.mz-banco:not(.mz-scuro) .mz-btn--chiaro{background:var(--mz-facciata);border-color:var(--mz-facciata);color:var(--mz-latte)}
.mz-banco__piatto{margin:0;width:min(60vw,16rem);justify-self:center}
@media (min-width:56rem){.mz-banco__griglia{grid-template-columns:minmax(0,6fr) minmax(0,5fr)}.mz-banco__griglia--foto{grid-template-columns:minmax(0,5fr) minmax(0,4fr) minmax(0,3fr)}}
.mz-ristoranti__griglia{display:grid;gap:2rem;align-items:center}
.mz-ristoranti__voci{display:grid;gap:.4rem;margin:0;padding:0;list-style:none}
.mz-ristoranti__voci li{display:flex;align-items:center;gap:.8rem;padding:.75rem 0;border-bottom:1px solid var(--mz-linea);font-family:var(--t-font-titoli);font-weight:800;font-size:clamp(1.5rem,1.2rem + 1.3vw,2.4rem);line-height:1;font-variation-settings:"wdth" 96}
@media (min-width:56rem){.mz-ristoranti__griglia{grid-template-columns:minmax(0,7fr) minmax(0,5fr)}}
/* S0 · basi comuni: le curve con nome, i perni delle corna e del filo (niente movimento qui) */
.mz{--mz-curva-filata:cubic-bezier(.7,0,.2,1);--mz-curva-appoggio:cubic-bezier(.2,.8,.2,1);--mz-curva-latte:cubic-bezier(.45,0,.25,1);--mz-curva-scrollatina:linear(0,1.3,.8,1.1,.96,1)}
.mz.in :is(.contenitore,.contenitore-stretto)>:is(:has(.mz-btn),.mz-tabella){animation:none}
.mz-corna path,.mz-filo :is(g,path,ellipse){transform-box:fill-box}
.mz-corna__s{transform-origin:100% 100%}
.mz-corna__d{transform-origin:0 100%;--mz-v:-1}
.mz-filo__su,.mz-filo__collo,.mz-filo__collo-su{transform-origin:50% 0}
.mz-filo__collo-giu{transform-origin:50% 100%}
.mz-filo__giu{transform-origin:50% 50%}
/* S1 · La filata (prima schermata: home .mz-apertura e pagine interne .mz-pagina, tutte e due .mz-apri) */
@media (prefers-reduced-motion:no-preference){
@keyframes mz-sale{from{opacity:0;translate:0 .7rem}}
@keyframes mz-alza{from{translate:0 .18em}}
@keyframes mz-filata{from{font-variation-settings:"wdth" 50;scale:.6 1;animation-timing-function:cubic-bezier(.7,0,.2,1)}55%{font-variation-settings:"wdth" var(--mz-larga,118)}62%{scale:1.04 1;animation-timing-function:cubic-bezier(.3,0,.2,1)}}
@keyframes mz-ombra-posa{from{opacity:.25;scale:.8 .7}}
@keyframes mz-corna-sbircia{18%,72%{opacity:1;transform:none}}
@keyframes mz-corna-scuoti{0%,34%{rotate:0deg}42%{rotate:calc(var(--mz-v,1)*-14deg)}50%{rotate:calc(var(--mz-v,1)*8deg)}58%,100%{rotate:0deg}}
.mz-apri .mz-occ{animation:mz-sale calc(520ms*var(--t-movimento,1)) var(--mz-curva-appoggio) backwards}
.mz-apri .mz-h1{animation:mz-alza calc(800ms*var(--t-movimento,1)) var(--mz-curva-appoggio) calc(40ms*var(--t-movimento,1)) backwards}
#contenuto .mz-apri .mz-h1--filata .pf-chiave{animation:mz-filata calc(1100ms*var(--t-movimento,1)) linear calc(140ms*var(--t-movimento,1)) backwards;transform-origin:0 60%}
@keyframes mz-tende{from{text-underline-offset:.5em;text-decoration-color:transparent}}
#contenuto .mz-apri .mz-h1--pagina .pf-chiave{animation:mz-tende calc(900ms*var(--t-movimento,1)) var(--mz-curva-appoggio) calc(140ms*var(--t-movimento,1)) backwards}
.mz-apri .mz-lead{animation:mz-sale calc(640ms*var(--t-movimento,1)) var(--mz-curva-appoggio) calc(220ms*var(--t-movimento,1)) backwards}
.mz-apri .mz-apertura__prove{animation:mz-sale calc(560ms*var(--t-movimento,1)) var(--mz-curva-appoggio) calc(380ms*var(--t-movimento,1)) backwards}
.mz-apri .mz-piatto::after{animation:mz-ombra-posa calc(900ms*var(--t-movimento,1)) var(--mz-curva-appoggio) backwards}
.mz-apri .mz-btn--rosso .mz-corna{animation:mz-corna-sbircia calc(1100ms*var(--t-movimento,1)) var(--mz-curva-appoggio) calc(1250ms*var(--t-movimento,1))}
.mz-apri .mz-btn--rosso .mz-corna path{animation:mz-corna-scuoti calc(1100ms*var(--t-movimento,1)) ease-in-out calc(1250ms*var(--t-movimento,1))}
}
/* S2 · Il filo (in cima alla fascia delle prove .mz-prove--filo; funziona anche se il filo va in una sezione sua) */
.mz-prove--filo{padding-top:calc(min(26rem,70vw)*.35 + 1.5rem)}
@media (prefers-reduced-motion:no-preference){
@keyframes mz-filo-su{0%{scale:1.04 .9}45%{scale:1}64%{scale:.95 1.12}74%{scale:1.03 .95}100%{scale:1}}
@keyframes mz-filo-collo{0%{scale:2 .55}45%{scale:1}64%,100%{scale:.45 1.4}}
@keyframes mz-filo-collo-su{0%,64%{scale:1}72%{scale:1.5 .4}84%,100%{scale:.6 0}}
@keyframes mz-filo-collo-giu{0%,64%{scale:1;translate:0 0}72%{scale:1.5 .35;translate:0 3px}84%,100%{scale:.6 0;translate:0 5px}}
@keyframes mz-filo-giu{0%{translate:0 -21px;scale:1.15 .88}45%{translate:0 0;scale:1}64%{translate:0 19px;scale:.88 1.14}74%{translate:0 24px;scale:1.07 .93}100%{translate:0 26px;scale:1}}
.mz-prove.in .contenitore>*,.mz-prove.in .contenitore>ul>li{animation:none}
@supports (animation-timeline:view()){@container style(--t-movimento:1){
.mz-filo{view-timeline:--mz-filo}
.mz-filo__su,.mz-filo__collo,.mz-filo__collo-su,.mz-filo__collo-giu,.mz-filo__giu{animation:mz-filo-su linear both;animation-timeline:--mz-filo;animation-range:cover 0% cover 72%}
.mz-filo__collo{animation-name:mz-filo-collo}
.mz-filo__collo-su{animation-name:mz-filo-collo-su}
.mz-filo__collo-giu{animation-name:mz-filo-collo-giu}
.mz-filo__giu{animation-name:mz-filo-giu}
}}
@supports not (animation-timeline:view()){
.in .mz-filo__su,.in .mz-filo__collo,.in .mz-filo__collo-su,.in .mz-filo__collo-giu,.in .mz-filo__giu{animation:mz-filo-su calc(1100ms*var(--t-movimento,1)) linear calc(150ms*var(--t-movimento,1)) both}
.in .mz-filo__collo{animation-name:mz-filo-collo}
.in .mz-filo__collo-su{animation-name:mz-filo-collo-su}
.in .mz-filo__collo-giu{animation-name:mz-filo-collo-giu}
.in .mz-filo__giu{animation-name:mz-filo-giu}
}
}
/* S3 · Le corna sui bottoni rossi delle sezioni (.mz-btn--rosso con <span class="mz-corna">) */
.mz-btn:active .mz-corna{opacity:1;transform:none}
@media (prefers-reduced-motion:no-preference){
.mz-corna{transition:opacity calc(160ms*var(--t-movimento,1)) linear,transform calc(280ms*var(--t-movimento,1)) var(--mz-curva-appoggio)}
.mz-corna path{transition:rotate calc(520ms*var(--t-movimento,1)) var(--mz-curva-scrollatina)}
.mz-btn:active .mz-corna__s{rotate:-14deg}
.mz-btn:active .mz-corna__d{rotate:14deg}
}
/* S4 · Il viaggio della Sdino (.mz-viaggio): il filo verde si disegna, ogni palla si riempie di latte */
.mz-viaggio__filo::after{content:"";position:absolute;inset:0;border-radius:inherit;background:var(--mz-verde);transform-origin:inherit}
.mz-palla:has(svg){background:var(--mz-siero);box-shadow:none}
.mz-palla svg{display:block;width:100%;height:100%}
.mz-palla__latte{fill:var(--mz-mozzarella)}
.mz-palla__bordo{fill:none;stroke:var(--mz-facciata);stroke-width:3}
@media (prefers-reduced-motion:no-preference){
@keyframes mz-disegna-y{from{scale:1 0}}
@keyframes mz-disegna-x{from{scale:0 1}}
@keyframes mz-riempi{from{translate:-24px 40px}}
@keyframes mz-pallino{from,60%{scale:0}}
@supports (animation-timeline:view()){@container style(--t-movimento:1){
.mz-viaggio__corpo{view-timeline:--mz-via}
.mz-viaggio__filo::after{animation:mz-disegna-y linear both;animation-timeline:--mz-via;animation-range:cover 50vh cover calc(100% - 50vh)}
.mz-palla{view-timeline:--mz-palla}
.mz-palla__latte,.mz-palla::after{animation:mz-riempi var(--mz-curva-latte) both;animation-timeline:--mz-palla;animation-range:cover 44% cover 58%}
.mz-palla::after{animation-name:mz-pallino}
@media (min-width:64rem){
.mz-viaggio__filo::after{animation-name:mz-disegna-x;animation-range:cover 20% cover 50%}
.mz-palla__latte,.mz-palla::after{animation-timeline:--mz-via;animation-range:cover calc(20% + 30%*var(--n,0)/var(--tappe,6)) cover calc(25% + 30%*var(--n,0)/var(--tappe,6))}
}
}}
@supports not (animation-timeline:view()){
.mz-viaggio.in .mz-viaggio__filo::after{animation:mz-disegna-y calc(760ms*var(--t-movimento,1)) var(--mz-curva-latte) calc(120ms*var(--t-movimento,1)) backwards}
.mz-viaggio.in .mz-palla__latte,.mz-viaggio.in .mz-palla::after{animation:mz-riempi calc(380ms*var(--t-movimento,1)) var(--mz-curva-latte) calc((120ms + var(--n,0)*150ms)*var(--t-movimento,1)) backwards}
.mz-viaggio.in .mz-palla::after{animation-name:mz-pallino}
@media (min-width:64rem){.mz-viaggio.in .mz-viaggio__filo::after{animation-name:mz-disegna-x}}
}
}
/* S5 · I piatti in tavola, versione su misura: le strade (.mz-strade). Le card della piattaforma stanno nel CSS del sito */
@media (hover:hover){.mz-strada:hover .mz-piatto::after{opacity:.65}}
@media (prefers-reduced-motion:no-preference){
@keyframes mz-piatto-posa{from{translate:0 -1.2rem;scale:1.06}}
@keyframes mz-piatto-gira{from{rotate:-18deg}}
@keyframes mz-piatto-ombra{from{opacity:0;scale:.5 .7}}
.mz-strade.in .mz-strada{animation:none}
.mz-strade.in .mz-piatto__disco{animation:mz-piatto-posa calc(760ms*var(--t-movimento,1)) var(--mz-curva-appoggio) calc((120ms + var(--n,0)*90ms)*var(--t-movimento,1)) backwards}
.mz-strade.in .mz-piatto__foto{animation:mz-piatto-gira calc(900ms*var(--t-movimento,1)) var(--mz-curva-appoggio) calc((120ms + var(--n,0)*90ms)*var(--t-movimento,1)) backwards}
.mz-strade.in .mz-piatto::after{animation:mz-piatto-ombra calc(760ms*var(--t-movimento,1)) var(--mz-curva-appoggio) calc((200ms + var(--n,0)*90ms)*var(--t-movimento,1)) backwards}
.mz-strada .mz-piatto__disco{translate:0 calc(var(--mz-su,0)*-.4rem);transition:translate calc(450ms*var(--t-movimento,1)) var(--mz-curva-appoggio)}
.mz-strada .mz-piatto__foto{rotate:calc(var(--mz-su,0)*7deg);transition:rotate calc(600ms*var(--t-movimento,1)) var(--mz-curva-appoggio)}
.mz-strada .mz-piatto::after{scale:calc(1 - var(--mz-su,0)*.15);transition:calc(450ms*var(--t-movimento,1)) var(--mz-curva-appoggio)}
.mz-strada:has(:focus-visible){--mz-su:var(--t-movimento,1)}
@media (hover:hover){.mz-strada:hover{--mz-su:var(--t-movimento,1)}}
}