/* copyright Fabrax Informatica p.iva 03512570049, tutti i diritti riservati */
@font-face{font-family:"Lato";src:url("../fonts/lato-400.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Lato";src:url("../fonts/lato-700.woff2") format("woff2");font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:"Comfortaa";src:url("../fonts/comfortaa-400.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Comfortaa";src:url("../fonts/comfortaa-700.woff2") format("woff2");font-weight:700;font-style:normal;font-display:swap}

:root{
  --abete:#24323f;
  --abete-scuro:#18222b;
  --ardesia:#5a6a83;
  --nebbia:#eef3f2;
  --larice:#9c6a3c;
  --larice-chiaro:#d9b48c;
  --testo:#3f4856;
  --carta:#ffffff;
  --titoli:"Comfortaa","Trebuchet MS",system-ui,sans-serif;
  --corpo:"Lato","Segoe UI",Helvetica,Arial,sans-serif;
  --larghezza:72rem;
  --margine:clamp(1.25rem,4vw,3rem);
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:5rem;-webkit-text-size-adjust:100%}
body{margin:0;font-family:var(--corpo);font-size:1.0625rem;line-height:1.65;color:var(--testo);background:var(--carta)}
img{max-width:100%;height:auto;display:block}
a{color:var(--larice)}
a:hover{color:var(--abete)}
h1,h2,h3{font-family:var(--titoli);font-weight:700;color:var(--ardesia);line-height:1.2;margin:0 0 .6em}
h1{font-size:clamp(2rem,4.5vw,3.1rem);letter-spacing:-.01em}
h2{font-size:clamp(1.6rem,3vw,2.2rem)}
h3{font-size:1.15rem}
p{margin:0 0 1em;max-width:68ch}
:focus-visible{outline:3px solid var(--larice);outline-offset:3px}
[hidden]{display:none!important}

.salta{position:absolute;left:1rem;top:-4rem;background:var(--abete);color:#fff;padding:.6rem 1rem;z-index:100;border-radius:.25rem}
.salta:focus{top:1rem}

.testata{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.97);border-bottom:1px solid #e3e8ea}
.testata-in{max-width:var(--larghezza);margin:0 auto;padding:.7rem var(--margine);display:flex;align-items:center;justify-content:space-between;gap:1rem}
.marchio{display:flex;align-items:center;text-decoration:none;color:var(--abete)}
.marchio img{height:46px;width:auto}
.marchio-testo{font-family:var(--titoli);font-size:1.25rem;letter-spacing:.02em}
.marchio-testo b{color:var(--larice)}
.menu ul{list-style:none;margin:0;padding:0;display:flex;gap:clamp(1rem,2.4vw,2rem)}
.menu a{font-family:var(--titoli);font-size:.95rem;font-weight:700;color:var(--abete);text-decoration:none;padding:.4rem 0;border-bottom:2px solid transparent}
.menu a:hover,.menu a[aria-current="page"]{border-bottom-color:var(--larice)}
.menu-btn{display:none;font:700 .95rem var(--titoli);color:var(--abete);background:none;border:1.5px solid var(--abete);border-radius:2rem;padding:.45rem 1.1rem;cursor:pointer}

.btn{display:inline-block;font:700 .98rem var(--titoli);text-decoration:none;color:#fff;background:var(--larice);padding:.85rem 1.5rem;border-radius:2rem;border:2px solid var(--larice);transition:background .2s,color .2s}
.btn:hover{background:#86592f;border-color:#86592f;color:#fff}
.btn-chiaro{background:transparent;border-color:#fff;color:#fff}
.btn-chiaro:hover{background:#fff;color:var(--abete);border-color:#fff}
.btn-chiaro-scuro{background:transparent;color:var(--abete);border-color:var(--abete)}
.btn-chiaro-scuro:hover{background:var(--abete);color:#fff;border-color:var(--abete)}
.azioni{display:flex;flex-wrap:wrap;gap:.8rem}

.hero{position:relative;min-height:clamp(32rem,88vh,52rem);display:flex;align-items:flex-end;color:#fff;overflow:hidden;background:var(--abete)}
.hero-foto-box{position:absolute;inset:0}
.hero-foto{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity 1.8s ease;transform:scale(1.04)}
.hero-foto.attiva{opacity:1;animation:kenburns 9s ease-out forwards}
.hero-foto:nth-child(2n).attiva{animation-name:kenburns2}
.hero-foto:nth-child(3n).attiva{animation-name:kenburns3}
@keyframes kenburns{from{transform:scale(1.04) translate3d(0,0,0)}to{transform:scale(1.16) translate3d(-1.5%,-1%,0)}}
@keyframes kenburns2{from{transform:scale(1.16) translate3d(1.5%,0,0)}to{transform:scale(1.04) translate3d(0,0,0)}}
@keyframes kenburns3{from{transform:scale(1.05) translate3d(0,1.5%,0)}to{transform:scale(1.15) translate3d(1.2%,-1%,0)}}
.hero::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(24,34,43,0) 35%,rgba(24,34,43,.78) 100%)}
.hero-testo{position:relative;z-index:1;width:100%;max-width:var(--larghezza);margin:0 auto;padding:0 var(--margine) clamp(2.5rem,8vh,5rem)}
.hero h1{color:#fff;font-size:clamp(2.5rem,6.4vw,4.8rem);max-width:13ch;margin-bottom:.35em}
.hero p{font-size:clamp(1.1rem,1.8vw,1.35rem);max-width:34ch;margin-bottom:1.6rem}
.hero-testo h1,.hero-testo p,.hero-testo .azioni{animation:sale 1s cubic-bezier(.2,.7,.2,1) both}
.hero-testo h1{animation-delay:.15s}
.hero-testo p{animation-delay:.45s}
.hero-testo .azioni{animation-delay:.75s}
@keyframes sale{from{opacity:0;transform:translateY(32px)}to{opacity:1;transform:none}}
.hero-giu{position:absolute;z-index:2;left:50%;bottom:1.4rem;width:2.6rem;height:2.6rem;margin-left:-1.3rem;border:2px solid rgba(255,255,255,.75);border-radius:50%;animation:sale 1s 1.1s both}
.hero-giu span{position:absolute;left:50%;top:42%;width:.7rem;height:.7rem;margin:-.45rem 0 0 -.35rem;border-right:2px solid #fff;border-bottom:2px solid #fff;transform:rotate(45deg);animation:rimbalza 1.8s 2s ease-in-out infinite}
@keyframes rimbalza{0%,100%{transform:translateY(0) rotate(45deg)}50%{transform:translateY(5px) rotate(45deg)}}

.intro{max-width:var(--larghezza);margin:0 auto;padding:clamp(3.5rem,9vw,6.5rem) var(--margine)}
.intro p{font-family:var(--titoli);font-size:clamp(1.15rem,2.1vw,1.55rem);line-height:1.6;color:var(--abete);max-width:52ch;border-left:3px solid var(--larice);padding-left:clamp(1rem,3vw,2rem);margin:0}

.chi{max-width:var(--larghezza);margin:0 auto;padding:0 var(--margine) clamp(3.5rem,8vw,6rem);display:grid;grid-template-columns:1.05fr 1fr;gap:clamp(2rem,5vw,4.5rem);align-items:center}
.chi-foto{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:.35rem}

.cosa{background:var(--nebbia);padding:clamp(3.5rem,8vw,6rem) var(--margine)}
.cosa>h2,.cosa-lead,.servizi{max-width:calc(var(--larghezza) - 2*var(--margine));margin-left:auto;margin-right:auto}
.cosa-lead{font-size:1.15rem;margin-bottom:2.5rem}
.servizi{list-style:none;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:2.6rem clamp(1.5rem,4vw,3.5rem)}
.servizi li::before{content:"";display:block;width:2.4rem;height:3px;background:var(--larice);margin-bottom:1rem}
.servizi h3{color:var(--abete);margin-bottom:.4rem}
.servizi p{margin:0;font-size:1rem}

.vetrina{max-width:var(--larghezza);margin:0 auto;padding:clamp(3.5rem,8vw,6rem) var(--margine)}
.vetrina-testa{display:flex;justify-content:space-between;align-items:baseline;flex-wrap:wrap;gap:1rem;margin-bottom:1.8rem}
.vetrina-testa h2{margin:0}
.link-forte{font:700 1rem var(--titoli);text-decoration:none;border-bottom:2px solid var(--larice-chiaro);padding-bottom:.15rem}
.opere{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:2rem clamp(1rem,2.5vw,1.8rem)}
.opera a{display:block;text-decoration:none;color:var(--testo)}
.opera-foto{position:relative;display:block;overflow:hidden;border-radius:.35rem;margin-bottom:.8rem}
.opera img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;transition:transform .7s cubic-bezier(.2,.7,.2,1),filter .4s}
.opera a:hover img,.opera a:focus-visible img{transform:scale(1.07);filter:brightness(.82)}
.opera-vai{position:absolute;left:1rem;bottom:1rem;font:700 .92rem var(--titoli);color:#fff;background:var(--larice);padding:.45rem .9rem;border-radius:2rem;opacity:0;transform:translateY(12px);transition:opacity .35s,transform .35s}
.opera a:hover .opera-vai,.opera a:focus-visible .opera-vai{opacity:1;transform:none}
.opera-tit{background:linear-gradient(var(--larice),var(--larice)) 0 100%/0 2px no-repeat;transition:background-size .4s;width:fit-content}
.opera a:hover .opera-tit{background-size:100% 2px}
.opera-tit{display:block;font:700 1.12rem var(--titoli);color:var(--abete)}
.opera-luogo{display:block;font-size:.95rem;color:var(--ardesia)}

.contatti{background:var(--abete);color:#e8eef0;padding:clamp(3.5rem,8vw,6rem) var(--margine)}
.contatti-in{max-width:calc(var(--larghezza) - 2*var(--margine));margin:0 auto}
.contatti h2{color:#fff}
.contatti-lead{font-size:1.15rem;margin-bottom:2.2rem}
.recapiti{display:grid;grid-template-columns:1fr 1fr 1.35fr 1fr 1.1fr;gap:1.8rem;margin:0 0 2.4rem}
.recapiti dt{font:700 .95rem var(--titoli);color:var(--larice-chiaro);margin-bottom:.35rem}
.recapiti dd{margin:0}
.contatti a:not(.btn){color:#fff;text-decoration-color:var(--larice-chiaro);text-underline-offset:.2em}

.piede{background:var(--abete-scuro);color:#b9c3cb;font-size:.92rem;padding:2.5rem var(--margine)}
.piede-in{max-width:calc(var(--larghezza) - 2*var(--margine));margin:0 auto;display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:1.5rem}
.piede p{margin:0}
.piede strong{color:#fff;font-weight:700}
.piede a{color:#dfe6ea;text-decoration:none}
.piede a:hover{text-decoration:underline;color:#fff}
.credito{font-size:.82rem;color:#8b97a1}

.pagina{max-width:var(--larghezza);margin:0 auto;padding:clamp(2.5rem,6vw,4.5rem) var(--margine) clamp(3.5rem,8vw,6rem)}
.pagina-lead{font-size:1.15rem;margin-bottom:2rem}
.filtri{display:flex;flex-wrap:wrap;gap:.6rem;margin-bottom:2.5rem}
.filtro{font:700 .92rem var(--titoli);color:var(--abete);background:#fff;border:1.5px solid #c9d2d6;border-radius:2rem;padding:.55rem 1.1rem;cursor:pointer}
.filtro:hover{border-color:var(--abete)}
.filtro[aria-pressed="true"]{background:var(--abete);border-color:var(--abete);color:#fff}
.gruppo{margin-bottom:3.5rem}
.gruppo h2{font-size:1.45rem;color:var(--abete);margin-bottom:1.3rem}

.progetto{max-width:var(--larghezza);margin:0 auto;padding:clamp(2rem,5vw,3.5rem) var(--margine) clamp(3.5rem,8vw,6rem)}
.briciole{font-size:.92rem;color:var(--ardesia);margin-bottom:1.2rem}
.progetto h1{margin-bottom:.2em}
.progetto-luogo{font:700 1rem var(--titoli);color:var(--larice);margin-bottom:1rem}
.progetto-testo{font-size:1.15rem;margin-bottom:2.2rem}
.galleria{list-style:none;margin:0 0 3.5rem;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(15rem,1fr));gap:.8rem}
.galleria a{display:block;border-radius:.3rem;overflow:hidden;cursor:zoom-in}
.galleria img{width:100%;aspect-ratio:4/3;object-fit:cover;transition:transform .35s}
.galleria a:hover img{transform:scale(1.03)}
.altri{display:flex;justify-content:space-between;gap:1rem;border-top:1px solid #dfe5e8;padding-top:1.5rem}
.altri a{text-decoration:none;font:700 1.05rem var(--titoli);color:var(--abete)}
.altri a:last-child{text-align:right}
.altri span{display:block;font:400 .88rem var(--corpo);color:var(--ardesia)}

.testo-lungo{max-width:48rem}
.testo-lungo h2{font-size:1.3rem;color:var(--abete);margin-top:2.2rem}
.pagina-404{min-height:50vh}

.lb{position:fixed;inset:0;z-index:200;background:rgba(18,25,32,.95);display:flex;align-items:center;justify-content:center}
.lb figure{margin:0;display:flex;flex-direction:column;align-items:center;max-width:92vw}
.lb img{max-width:92vw;max-height:84vh;width:auto;height:auto;border-radius:.2rem}
.lb figcaption{color:#c9d2d8;font-size:.92rem;margin-top:.7rem}
.lb button{position:absolute;background:rgba(255,255,255,.1);color:#fff;border:0;border-radius:50%;width:3rem;height:3rem;font-size:1.9rem;line-height:1;cursor:pointer}
.lb button:hover{background:rgba(255,255,255,.22)}
.lb-chiudi{top:1rem;right:1rem}
.lb-prec{left:1rem;top:50%;transform:translateY(-50%)}
.lb-succ{right:1rem;top:50%;transform:translateY(-50%)}
.lb-aperto{overflow:hidden}

@media (max-width:60rem){
  .servizi,.opere{grid-template-columns:repeat(2,1fr)}
  .recapiti{grid-template-columns:repeat(2,1fr)}
  .chi{grid-template-columns:1fr}
}
@media (max-width:46rem){
  .js .menu-btn{display:block}
  .js .menu{display:none;position:absolute;left:0;right:0;top:100%;background:#fff;border-bottom:1px solid #e3e8ea;padding:.5rem var(--margine) 1.2rem}
  .js .menu.aperto{display:block}
  .js .menu ul{flex-direction:column;gap:.2rem}
  .js .menu a{display:block;padding:.7rem 0}
  .menu ul{flex-wrap:wrap;gap:.4rem 1rem}
  .testata-in{flex-wrap:wrap}
  .marchio img{height:38px}
  .servizi,.opere{grid-template-columns:1fr}
  .recapiti{grid-template-columns:1fr}
  .piede-in{grid-template-columns:1fr}
  .galleria{grid-template-columns:repeat(2,1fr);gap:.5rem}
  .lb-prec,.lb-succ{top:auto;bottom:1rem;transform:none}
}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{transition:none!important;animation:none!important}
}

/* WhatsApp */
.wa-icona{width:1.35em;height:1.35em;flex:none}
.btn-wa{display:inline-flex;align-items:center;gap:.55rem;background:#1f9d55;border-color:#1f9d55}
.btn-wa:hover{background:#17803f;border-color:#17803f;color:#fff}
.wa-flottante{position:fixed;right:max(1rem,env(safe-area-inset-right));bottom:max(1rem,env(safe-area-inset-bottom));z-index:60;display:flex;align-items:center;gap:.5rem;background:#1f9d55;color:#fff;text-decoration:none;font:700 .95rem var(--titoli);padding:.8rem 1.1rem .8rem .9rem;border-radius:2rem;box-shadow:0 6px 20px rgba(0,0,0,.22);transition:transform .2s,background .2s}
.wa-flottante:hover{background:#17803f;color:#fff;transform:translateY(-2px)}
.wa-flottante .wa-icona{width:1.7rem;height:1.7rem}
.lb-aperto .wa-flottante{display:none}
.piede-caffe{color:var(--larice-chiaro)!important}
.piede{padding-bottom:6rem}

/* Pausa caffe' */
.gioco{display:flex;flex-wrap:wrap;gap:2rem;align-items:flex-start;margin-top:1.5rem;scroll-margin-top:5rem}
.gioco-campo{position:relative;flex:none;width:min(300px,100%);border-radius:.4rem;overflow:hidden;box-shadow:0 10px 30px rgba(24,34,43,.25);line-height:0}
.gioco-tela{display:block;width:100%;height:auto;aspect-ratio:1/2;touch-action:none;outline:none}
.gioco-tela:focus-visible{outline:3px solid var(--larice);outline-offset:-3px}
.gioco-velo{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:.9rem;padding:1.5rem;background:rgba(24,34,43,.88);color:#e8eef0;line-height:1.5}
.gioco-velo[hidden]{display:none}
.gioco-velo h2{color:#fff;margin:0;font-size:1.5rem}
.gioco-velo p{margin:0;font-size:.98rem}
.gioco-lato{flex:1 1 16rem;display:grid;gap:1.2rem;max-width:22rem}
.gioco-box{background:var(--nebbia);border-radius:.5rem;padding:1rem 1.1rem}
.gioco-box h2{font-size:1rem;margin:0 0 .6rem}
.gioco-casa{display:block;width:100%;max-width:240px;height:auto;aspect-ratio:6/5;border-radius:.3rem}
.gioco-fase{margin:.6rem 0 0;font:700 1rem var(--titoli);color:var(--larice)}
.gioco-prossimo{display:block;width:120px;height:80px}
.gioco-prossimo-nome{margin:.3rem 0 0;font-size:.92rem}
.gioco-dati{display:grid;grid-template-columns:repeat(4,1fr);gap:.6rem;margin:0}
.gioco-dati div{background:var(--abete);color:#fff;border-radius:.4rem;padding:.55rem .4rem;text-align:center}
.gioco-dati dt{font-size:.75rem;color:var(--larice-chiaro);text-transform:uppercase;letter-spacing:.05em}
.gioco-dati dd{margin:0;font:700 1.15rem var(--titoli)}
.gioco-comandi{display:flex;flex-wrap:wrap;gap:.5rem;margin:1.4rem 0 0;max-width:300px}
.gioco-comandi button{flex:1 0 3.2rem;height:3.2rem;font-size:1.3rem;border:0;border-radius:.5rem;background:var(--abete);color:#fff;cursor:pointer;touch-action:manipulation;user-select:none;-webkit-user-select:none}
.gioco-comandi button:active{background:var(--larice)}
.gioco-istruzioni{margin-top:2.5rem;max-width:46rem}
.gioco-istruzioni h2{font-size:1.25rem}
.gioco-istruzioni ul{padding-left:1.2rem}
@media (max-width:46rem){
  .wa-flottante{padding:.85rem}
  .wa-flottante .wa-testo{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
  .gioco{flex-direction:column;align-items:center;gap:.8rem;margin-top:1rem}
  .gioco-lato{order:-1;flex:none;width:100%;max-width:none;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:.6rem;align-items:stretch}
  .gioco-box{padding:.6rem .7rem;min-width:0}
  .gioco-box h2{font-size:.85rem;margin-bottom:.35rem}
  .gioco-casa{max-width:120px}
  .gioco-fase{font-size:.85rem;margin-top:.3rem}
  .gioco-dati{grid-template-columns:repeat(2,minmax(0,1fr));gap:.4rem;align-content:start}
  .gioco-dati div{padding:.35rem .2rem}
  .gioco-dati dt{font-size:.62rem;letter-spacing:0}
  .gioco-dati dd{font-size:1rem}
  .gioco-box-prox{display:none}
  .gioco-campo{flex:none;width:min(100%,300px,calc((100vh - 320px) / 2));min-width:130px}
  .gioco-comandi{max-width:none;margin-top:.8rem;gap:.4rem}
  .gioco-comandi button{flex:1 0 2.6rem;height:3rem}
}
@media (max-width:60rem) and (min-width:46.01rem){
  .recapiti{grid-template-columns:repeat(3,minmax(0,1fr))}
  .recapiti dd{overflow-wrap:anywhere}
}

/* Movimento */
.testata{transition:box-shadow .3s}
.testata.scorsa{box-shadow:0 4px 18px rgba(24,34,43,.1)}
.avanzamento{position:absolute;left:0;right:0;bottom:-1px;height:3px;background:var(--larice);transform:scaleX(0);transform-origin:0 50%;pointer-events:none}
.js .rivela{opacity:0;transform:translateY(34px);transition:opacity .8s cubic-bezier(.2,.7,.2,1),transform .8s cubic-bezier(.2,.7,.2,1)}
.js .rivela.visto{opacity:1;transform:none}
.rit1{transition-delay:.08s!important}.rit2{transition-delay:.16s!important}.rit3{transition-delay:.24s!important}
.rit4{transition-delay:.32s!important}.rit5{transition-delay:.4s!important}
.servizi li::before{transition:width .6s .3s}
.servizi li.rivela::before{width:0}
.servizi li.rivela.visto::before{width:2.4rem}
.servizi li{transition:transform .3s}
.gruppo.entra .opera{animation:sale .7s cubic-bezier(.2,.7,.2,1) both}
.gruppo.entra .opera:nth-child(2){animation-delay:.08s}.gruppo.entra .opera:nth-child(3){animation-delay:.16s}
.gruppo.entra .opera:nth-child(4){animation-delay:.24s}.gruppo.entra .opera:nth-child(n+5){animation-delay:.32s}
.lb-entra{animation:lbentra .45s cubic-bezier(.2,.7,.2,1)}
@keyframes lbentra{from{opacity:0;transform:scale(.96)}to{opacity:1;transform:none}}

.fascia{position:relative;overflow:hidden;color:#fff;background:var(--abete);min-height:clamp(24rem,60vh,34rem);display:flex;align-items:center}
.fascia-foto{position:absolute;left:0;top:-15%;width:100%;height:130%;object-fit:cover;will-change:transform}
.fascia::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(24,34,43,.82),rgba(24,34,43,.45))}
.fascia-in{position:relative;z-index:1;width:100%;max-width:var(--larghezza);margin:0 auto;padding:clamp(3rem,7vw,5rem) var(--margine)}
.fascia-motto{font:700 clamp(1.8rem,4.2vw,3.2rem) var(--titoli);margin:0 0 2.2rem;max-width:18ch;line-height:1.15}
.numeri{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;max-width:52rem}
.numeri li{border-top:2px solid var(--larice-chiaro);padding-top:1rem}
.numero{display:block;font:700 clamp(2.6rem,6vw,4.2rem) var(--titoli);line-height:1;color:#fff;font-variant-numeric:tabular-nums}
.numero-cosa{display:block;margin-top:.5rem;color:#dbe3e7}
.wa-flottante{animation:waentra .6s 1.5s cubic-bezier(.2,.7,.2,1) backwards}
.wa-flottante::before{content:"";position:absolute;inset:0;border-radius:inherit;border:2px solid #1f9d55;animation:onda 2.8s 3s ease-out infinite;pointer-events:none}
@keyframes waentra{from{opacity:0;transform:translateY(20px) scale(.9)}to{opacity:1;transform:none}}
@keyframes onda{0%{opacity:.7;transform:scale(1)}70%,100%{opacity:0;transform:scale(1.35)}}
@media (hover:hover){.servizi li:hover{transform:translateY(-4px)}}
@media (max-width:46rem){
  .numeri{grid-template-columns:1fr;gap:1.2rem}
  .opera-vai{opacity:1;transform:none;font-size:.82rem;padding:.35rem .75rem;left:.7rem;bottom:.7rem}
  .hero-giu{display:none}
}
@media (prefers-reduced-motion:reduce){
  .hero-foto.attiva,.hero-testo h1,.hero-testo p,.hero-testo .azioni,.hero-giu,.hero-giu span,.wa-flottante,.wa-flottante::before{animation:none!important}
  .js .rivela{opacity:1;transform:none}
}
.gioco-campo.scossa{animation:scossa .22s ease-out}
@keyframes scossa{0%{transform:translateY(0)}35%{transform:translateY(5px)}70%{transform:translateY(-2px)}100%{transform:none}}
.gioco-box.festa{animation:festa .7s cubic-bezier(.2,.7,.2,1)}
@keyframes festa{0%{transform:scale(1)}30%{transform:scale(1.06);box-shadow:0 0 0 4px var(--larice-chiaro)}100%{transform:scale(1);box-shadow:0 0 0 0 transparent}}
.gioco-velo:not([hidden]){animation:velo .4s ease-out}
@keyframes velo{from{opacity:0}to{opacity:1}}
.gioco-velo h2{animation:sale .6s .1s cubic-bezier(.2,.7,.2,1) both}