/* s4.css — la tendina a ogni larghezza: pannello destro su desktop, schermo pieno su mobile */
.barra nav{display:none}
.tendina-apri{display:flex}
.velo{position:fixed;inset:0;z-index:199;background:color-mix(in srgb,#0D1416 52%,transparent);opacity:0}
.velo[hidden]{display:none}
.velo.aperta{opacity:1}
@media (prefers-reduced-motion:no-preference){.velo{transition:opacity .18s ease}}
@media (max-width:900px){.velo{display:none!important}}
@media (min-width:901px){
.tendina{display:flex!important;inset:0 0 0 auto;width:min(420px,100%);padding:0 30px 30px;border-left:1px solid color-mix(in srgb,var(--su-scuro) 22%,transparent);box-shadow:-22px 0 54px rgba(0,0,0,.26)}
.tendina[hidden]{display:none!important}
.tendina-testa{padding:17px 0 16px}
.tendina-voci a{padding:16px 2px;font-size:1rem}
.tendina-voci a:hover{color:#E8794A}
.tendina-piede{padding:24px 0 6px}
}
@media (min-width:901px) and (prefers-reduced-motion:no-preference){
.tendina{transform:translateX(14px);transition:opacity .18s ease,transform .22s cubic-bezier(.22,.61,.36,1)}
.tendina.aperta{transform:none}
}
.telaio video{position:absolute;inset:0;width:100%;height:100%;border:0;background:#000;object-fit:contain}