/* Menu ricostruito sul bozzetto ZenArt: quattro spicchi colorati e proporzionati. */
.zen-triangle-menu{position:relative;width:min(430px,94vw)!important;aspect-ratio:4/3;margin:14px auto 0!important;filter:drop-shadow(0 16px 28px rgba(0,0,0,.32))}
.zen-triangle-menu.is-ready{animation:zen-triangle-arrival 1.05s cubic-bezier(.18,.85,.22,1) both}
@keyframes zen-triangle-arrival{0%{opacity:0;transform:translateY(30px) scale(.62) rotate(-8deg);filter:drop-shadow(0 4px 8px rgba(0,0,0,0))}58%{opacity:1;transform:translateY(-5px) scale(1.10) rotate(2deg)}78%{transform:translateY(2px) scale(.97) rotate(-.8deg)}100%{opacity:1;transform:translateY(0) scale(1) rotate(0);filter:drop-shadow(0 16px 28px rgba(0,0,0,.32))}}
.zen-triangle-menu .menu-art{display:block;width:100%;height:100%;object-fit:contain}
.zen-triangle-menu a{position:absolute;display:grid;place-items:center;border-radius:18px;color:#fff;text-align:center;text-decoration:none;outline:none;transition:background .18s ease,transform .18s ease;opacity:0}
.zen-triangle-menu.is-ready a{animation:zen-label-arrival .34s ease-out forwards}
@keyframes zen-label-arrival{from{opacity:0;transform:scale(.7)}to{opacity:1;transform:scale(1)}}
.zen-triangle-menu .area-soci{animation-delay:.32s}.zen-triangle-menu .info{animation-delay:.42s}.zen-triangle-menu .eventi{animation-delay:.52s}.zen-triangle-menu .chi-siamo{animation-delay:.62s}
.zen-triangle-menu a span{display:block;padding:5px 7px;font:700 15px/1.12 "Avenir Next",Avenir,Arial,sans-serif;letter-spacing:.02em;text-shadow:0 2px 5px rgba(0,0,0,.3)}
.zen-triangle-menu .area-soci span,.zen-triangle-menu .chi-siamo span{color:#17131a;text-shadow:none}
.zen-triangle-menu .area-soci span{transform:translate(-8%,-7%)}
.zen-triangle-menu .info span{transform:translate(-7%,-3%)}
.zen-triangle-menu .eventi span{transform:translate(-1%,-3%)}
.zen-triangle-menu .chi-siamo span{transform:translate(-8%,3%)}
.zen-triangle-menu a:hover,.zen-triangle-menu a:focus-visible{background:rgba(255,255,255,.12);transform:scale(1.025);outline:2px solid rgba(255,255,255,.86);outline-offset:2px}
.zen-triangle-menu .area-soci{left:24.5%;top:7%;width:43%;height:37%;clip-path:polygon(0 0,100% 56%,58% 100%,0 59%)}
.zen-triangle-menu .info{left:24.5%;top:28%;width:23%;height:43%;clip-path:polygon(0 0,100% 50%,0 100%)}
.zen-triangle-menu .eventi{left:49%;top:28%;width:35%;height:43%;clip-path:polygon(0 50%,44% 0,100% 35%,100% 65%,44% 100%)}
.zen-triangle-menu .chi-siamo{left:24.5%;top:53%;width:44%;height:40%;clip-path:polygon(0 42%,55% 0,100% 48%,17% 100%,0 87%)}
@media(max-width:640px){.zen-triangle-menu{width:min(365px,94vw)!important;margin-top:10px!important}.zen-triangle-menu a{border-radius:12px}.zen-triangle-menu a span{font-size:12px;line-height:1.13}}
@media(prefers-reduced-motion:reduce){.zen-triangle-menu,.zen-triangle-menu a{animation:none;opacity:1}.zen-triangle-menu a{transition:none}}