/* NEW DESIGN MOVIE — adattamento del portale pitch (slate.html) al brand del sito.
   Caricato dopo lo stile originale del portale: ne ridefinisce colori, font e header. */
:root{
  --bg:#0f0f0f;--text:#f4f1ec;--muted:#bdb6ad;
  --gold:#ff5900;--gold2:#ff8a4c;--line:rgba(255,89,0,.32);--card:#161616
}
body.slate-page{background:var(--bg);font-family:"Poppins","Helvetica Neue",Arial,sans-serif;font-weight:300}
body.slate-page:before{background:linear-gradient(90deg,rgba(255,255,255,.02) 1px,transparent 1px),radial-gradient(circle at 20% 10%,rgba(255,89,0,.12),transparent 32%);background-size:90px 90px,auto}

/* Titoli nel font del brand; il testo lungo del pitch resta in serif per la lettura */
.slate-page h1,.slate-page .cover h2,.slate-page .panel h2,.slate-page .sticky-card strong{font-family:"Barlow","Helvetica Neue",Arial,sans-serif;font-weight:500;letter-spacing:-.01em}
.slate-page h1{line-height:.95}
.slate-page .film-number{font-family:"Barlow",sans-serif;font-weight:800;color:rgba(255,255,255,.05)}
.slate-page .eyebrow,.slate-page .film-sub,.slate-page .section-num,.slate-page .pitch-section h3{font-family:"Barlow",sans-serif;font-weight:600}

/* Header */
.slate-page .topbar{background:linear-gradient(180deg,rgba(15,15,15,.95),rgba(15,15,15,.55))}
.slate-page .nav{padding:12px 24px}
.slate-page .brand img{display:block;height:44px;width:auto}
.slate-page .links a,.slate-page .lang button{font-family:"Poppins",sans-serif;font-weight:300;font-size:12px;letter-spacing:.12em}
.slate-page .links a:hover,.slate-page .lang button:hover,.slate-page .lang button.on{color:var(--gold)}
.slate-page .back-site{opacity:.75}

/* Bottoni: rettangolari come nel sito */
.slate-page .hero-actions a,.slate-page .buttons a,.slate-page .sticky-card a{border-radius:0;border-color:var(--gold);background:rgba(255,89,0,.1)}
.slate-page .hero-actions a:hover,.slate-page .buttons a:hover,.slate-page .sticky-card a:hover{background:var(--gold);color:#fff}
.slate-page .sticky-card,.slate-page .panel{border-radius:4px}
.slate-page .sticky-card img{border-radius:2px !important}
.slate-page .panel a{color:var(--gold2)}

/* Footer */
.slate-footer{display:flex;flex-direction:column;align-items:center;gap:10px;padding:48px 24px 36px;border-top:1px solid rgba(255,255,255,.08);color:#8f8f8f;font-size:12px;letter-spacing:.08em;text-align:center}
.slate-footer p{margin:0}
.slate-footer img{display:block;height:40px;width:auto}
.slate-legal a{color:#bdb6ad}
.slate-legal a:hover{color:var(--gold)}

@media(max-width:900px){
  .slate-page .nav{gap:10px}
  .slate-page .links{gap:10px 14px}
  .slate-page .brand img{height:36px}
}
.slate-page h1{font-size:clamp(40px,6.4vw,96px);overflow-wrap:break-word;hyphens:auto}
.slate-page .cover h2{overflow-wrap:break-word;hyphens:auto}
@media(max-width:600px){
  .slate-page h1{font-size:clamp(34px,10.5vw,52px)}
  .slate-page .links{font-size:11px}
  .slate-page .hero{padding-top:200px}
}
.slate-page .grid > *{min-width:0}
.slate-page .panel{overflow-wrap:anywhere}
@media(max-width:600px){.slate-page .panel{padding:22px}.slate-page .panel h2{font-size:34px}}