.foto-copertina{
  position:absolute;top:-3px;right:-3px;bottom:-4px;left:50%;
  opacity:0;transition:opacity .6s ease, filter .3s ease;
}
.foto-copertina img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 50%}
.foto-copertina.c-e{opacity:1}
.copertina .piega{
  position:absolute;top:0;bottom:0;left:50%;width:5vw;margin-left:-5vw;
  background:linear-gradient(90deg,transparent,rgba(0,0,0,.05));pointer-events:none;
}
#schizzo{left:25%;max-width:min(37vh,38vw)}
.sottotitolo{left:25%;width:min(43vh,42vw);max-width:min(43vh,42vw)}
body[data-pannello] .foto-copertina{filter:var(--sfoca-copertina)}
@media (max-width:700px){
  .foto-copertina{left:8%;right:8%;top:6%;bottom:20%;height:auto}
  .copertina .piega{display:none}
  #schizzo{display:none}
  .sottotitolo{left:50%;width:62vw;max-width:62vw;top:calc(80% + (20% - var(--banda)) / 2)}
}
@media (max-width:700px){
  body.tel-b .foto-copertina{left:-1px;right:-1px;top:-1px;bottom:-1px}
  body.tel-b .foto-copertina::after{content:"";position:absolute;inset:0;background:rgba(20,16,14,.26)}
  body.tel-b #schizzo{display:block;z-index:2;left:50%;top:42%;max-width:72vw;max-height:40vh;
    filter:invert(1);mix-blend-mode:screen}
  body.tel-b[data-vista="copertina"] .velo-marchi{opacity:0}
  body.tel-b[data-vista="copertina"]:not([data-pannello]) .marchi button{color:var(--paper)}
  body.tel-b .sottotitolo{z-index:2;filter:invert(1);top:calc(42% + min(36vw, 20vh) + 3vh);width:64vw;max-width:64vw}
}
body{background:var(--ink)}
.scena{background:var(--paper) url('Background.webp') center/cover no-repeat}
.marchi .destra button{transition:color .4s ease, transform .3s, opacity .2s}
body.angolo-scuro[data-vista="copertina"]:not([data-pannello]) .marchi .destra button{color:var(--paper)}
body:not([data-vista="libro"]):not([data-vista="album"]) .libro,
body:not([data-vista="griglia"]) .griglia{transform:translateY(calc(100% + 8px))}
.copertina button:hover{opacity:1}
#schizzo.c-e{transition:opacity .2s}
#schizzo.c-e:hover{opacity:.82}
.foto-copertina.c-e:hover{opacity:.88;transition:opacity .2s ease}
.marchi button{position:relative}
.marchi button::after{content:"";position:absolute;top:-16px;bottom:-12px;left:-6px;right:-6px}
.marchi .destra{gap:12px}