/* Copertina «un solo fondo»: foto ad arco, sottotitolo, voti, nome, barra delle date, tutto su bianco */
.v3-hero { height:auto !important; min-height:0 !important; margin-top:var(--nav-h); padding:30px 0 0; display:flex; flex-direction:column; align-items:center; position:relative; background:#fff; }
.v3-hero-media { position:relative !important; background:transparent !important; padding:0 !important; width:auto; height:auto; overflow:visible !important; display:block; }
.v3-hero-media img.v3-arch { display:block; position:static !important; animation:none !important; transform:none !important; width:380px !important; height:430px !important; outline-offset:9px; }
.v3-hero-veil { display:none !important; }

.v3-hero-cap { position:static !important; left:auto !important; right:auto !important; top:auto !important; padding:0 20px !important; margin-top:28px; text-align:center; color:var(--ink); }
.v3-sub { margin:0 auto !important; text-shadow:none !important; font-size:clamp(1.2rem, 2vw, 1.6rem) !important; max-width:none !important; }

.v3-proof { position:static !important; left:auto !important; right:auto !important; top:auto !important; bottom:auto !important; display:flex !important; justify-content:center; align-items:center; gap:16px; margin:20px 0 0; min-height:44px; color:var(--ink); }
.v3-proof .vp { display:inline-flex; align-items:center; gap:8px; }
.v3-proof .vp img { height:22px; width:auto; display:block; }
.v3-proof b { font:400 1.7rem/1 'Bodoni Moda', var(--serif); font-variant-numeric:lining-nums; margin:0; }
.v3-proof small { font-size:12px; color:var(--stone); margin-left:-3px; }
.v3-proof i { width:1px; height:20px; background:rgba(26,24,22,.3); }

.v3-wm { position:static !important; transform:none !important; opacity:1; width:100%; margin:14px 0 0; text-align:center; font-size:clamp(54px, 9vw, 124px) !important; line-height:1; animation:heroIn 1.1s cubic-bezier(.2,.7,.2,1) .15s both; }
.v3-wm-b { position:static !important; clip-path:none !important; color:var(--blue); display:block; padding:0 .08em; }
@keyframes heroIn { from { opacity:0; transform:translateY(14px); } to { opacity:1; transform:none; } }

.v3-bookwrap { padding-top:30px !important; }

@media (max-width: 1000px) {
  .v3-hero-media img.v3-arch { width:340px !important; height:386px !important; }
}
@media (max-width: 860px) {
  .v3-hero { padding-top:26px; }
  .v3-hero-media img.v3-arch { width:64vw !important; height:72vw !important; min-width:220px; }
  .v3-hero-cap { margin-top:24px; }
  .v3-proof { gap:10px; margin-top:16px; }
  .v3-proof .vp { gap:6px; }
  .v3-proof .vp img { height:16px; }
  .v3-proof b { font-size:1.3rem; }
  .v3-proof small { font-size:11px; margin-left:-2px; }
  .v3-wm { margin-top:12px; font-size:clamp(46px, 15.5vw, 100px) !important; }
  .v3-bookwrap { padding-top:24px !important; }
}
@media (prefers-reduced-motion: reduce) { .v3-wm { animation:none; } }

/* Computer: l'altezza della foto segue lo schermo, così la barra delle date resta sempre in vista */
@media (min-width: 861px) {
  .v3-hero { padding-top:24px; }
  .v3-hero-media img.v3-arch { height:clamp(310px, 42vh, 430px) !important; width:auto !important; aspect-ratio:.884; }
  .v3-hero-cap { margin-top:24px; }
  .v3-proof { margin-top:14px; }
  .v3-wm { margin-top:8px; font-size:clamp(54px, min(9vw, 15vh), 124px) !important; }
  .v3-bookwrap { padding-top:22px !important; }
}

.v3-hero-cap { max-width:none !important; }