:root{--bg:#050505;--panel:#0d0d0e;--line:#252527;--text:#f3efe7;--muted:#aaa5a0;--red:#ed1c24;--max:1540px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}.site-header{height:102px;display:flex;align-items:center;justify-content:space-between;padding:0 3vw;border-bottom:1px solid var(--line);position:relative;z-index:3;background:#050505}.brand img{width:92px;height:auto;display:block}.site-header nav{display:flex;gap:42px;align-self:stretch;align-items:center}.site-header nav a{height:100%;display:flex;align-items:center;font:600 13px/1 Space Grotesk,sans-serif;text-transform:uppercase;letter-spacing:.04em;position:relative}.site-header nav a.active{color:var(--red)}.site-header nav a.active:after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:var(--red)}main{max-width:var(--max);margin:auto;padding:0 3vw}.intro{display:grid;grid-template-columns:minmax(220px,330px) 1fr;gap:48px;padding:50px 0 42px;border-bottom:1px solid var(--line);align-items:start}.intro h1{margin:0;font:700 clamp(54px,6vw,96px)/.86 Space Grotesk,sans-serif;text-transform:uppercase;letter-spacing:-.06em}.intro-copy{padding-top:2px;max-width:1050px}.intro-copy p{margin:0 0 12px;font-size:18px;line-height:1.5}.intro-copy .lead{font-size:24px;line-height:1.35;font-weight:600}.portfolio{padding:30px 0 58px;display:grid;grid-template-columns:1fr 1fr;gap:18px}.project{min-height:410px;border:1px solid var(--line);border-radius:4px;background:var(--panel);display:grid;grid-template-columns:46% 54%;overflow:hidden;transition:border-color .25s,transform .25s}.project:hover{border-color:#555;transform:translateY(-2px)}.project--hero,.project--wide{grid-column:1/-1;grid-template-columns:40% 60%;min-height:390px}.project-visual{min-height:100%;padding:28px;display:flex;flex-direction:column;justify-content:flex-end;position:relative;overflow:hidden;background:linear-gradient(155deg,#202024 0,#0b0b0d 72%)}.project-visual:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 100% 0,rgba(237,28,36,.2),transparent 38%);pointer-events:none}.eyebrow{position:absolute;top:22px;left:26px;font:600 12px/1 Space Grotesk,sans-serif;letter-spacing:.15em;text-transform:uppercase;color:var(--red);z-index:1}.visual-title{position:relative;z-index:1;font:700 clamp(38px,4.3vw,72px)/.88 Space Grotesk,sans-serif;letter-spacing:-.05em;text-transform:uppercase}.visual-mark,.visual-sub,.coming{position:relative;z-index:1;margin-top:15px;font:600 13px/1 Space Grotesk,sans-serif;letter-spacing:.13em}.visual-mark{color:var(--red)}.coming{color:var(--red)}.nlxfm .project-visual{background:linear-gradient(140deg,#2a0710,#09090b 72%)}.pianeta .project-visual{background:linear-gradient(145deg,#403025,#15100d 58%,#080808)}.pianeta .project-visual:after{background:radial-gradient(circle at 75% 15%,rgba(244,205,149,.3),transparent 42%)}.book--sonia .project-visual{background:linear-gradient(160deg,#171717,#342e2b)}.book--regina .project-visual{background:linear-gradient(145deg,#15100d,#332a22)}.parole .project-visual{background:linear-gradient(145deg,#13080e,#050505 68%)}.book-cover{justify-content:center;border-right:1px solid #2f2f30}.book-author{position:relative;z-index:1;font:600 11px/1.2 Space Grotesk,sans-serif;letter-spacing:.13em;margin-bottom:18px}.book-cover .visual-title{font-size:clamp(36px,3.6vw,58px)}.crown{position:absolute;right:25px;bottom:18px;color:#b4945f;font-size:44px;opacity:.75}.project-copy{padding:34px 38px;display:flex;flex-direction:column;justify-content:center}.number{font:600 12px/1 Space Grotesk,sans-serif;color:var(--red);letter-spacing:.12em}.project-copy h2{font:600 clamp(30px,3vw,48px)/1 Space Grotesk,sans-serif;letter-spacing:-.035em;margin:14px 0 22px}.project-copy p{max-width:720px;color:#cbc7c1;font-size:16px;line-height:1.55;margin:0 0 14px}.project-copy .credit{color:#fff}.cta{margin-top:18px;font:600 13px/1 Space Grotesk,sans-serif;text-transform:uppercase;letter-spacing:.07em}.cta b{color:var(--red);font-size:18px;margin-left:6px}.process{border-top:1px solid var(--line);padding:58px 0 72px;display:grid;grid-template-columns:220px 1fr 1fr;gap:42px;align-items:start}.process-label{font:600 12px/1 Space Grotesk,sans-serif;text-transform:uppercase;letter-spacing:.15em;color:var(--red)}.process h2{font:600 clamp(34px,4vw,60px)/1.02 Space Grotesk,sans-serif;letter-spacing:-.04em;margin:0}.process p{font-size:17px;line-height:1.65;color:#bbb6b0;margin:0}footer{max-width:var(--max);margin:auto;padding:34px 3vw 50px;border-top:1px solid var(--line);display:flex;align-items:center;gap:28px;color:#8d8985;font-size:13px}.footer-brand img{width:54px;height:auto}.footer-brand{margin-right:auto}footer a:last-child{color:#ddd}
@media(max-width:900px){.site-header{height:auto;min-height:78px;padding:12px 20px;align-items:flex-start}.brand img{width:58px}.site-header nav{gap:12px;flex-wrap:wrap;justify-content:flex-end;align-self:auto;max-width:76%}.site-header nav a{font-size:10px;height:28px}.site-header nav a.active:after{bottom:-5px}.intro{grid-template-columns:1fr;gap:18px;padding:34px 0 26px}.intro h1{font-size:54px}.intro-copy .lead{font-size:20px}.intro-copy p{font-size:15px}.portfolio{grid-template-columns:1fr}.project,.project--hero,.project--wide{grid-column:auto;grid-template-columns:1fr;min-height:0}.project-visual{min-height:330px}.project-copy{padding:28px 24px}.project-copy h2{font-size:34px}.process{grid-template-columns:1fr;gap:20px;padding:42px 0 52px}.process h2{font-size:38px}footer{flex-wrap:wrap;padding:28px 20px 40px}.footer-brand{width:100%}}
@media(max-width:520px){main{padding:0 18px}.site-header nav{max-width:80%;gap:6px 11px}.site-header nav a{font-size:9px}.intro h1{font-size:48px}.portfolio{padding-top:20px}.project-visual{min-height:270px;padding:22px}.visual-title{font-size:44px}.project-copy{padding:24px 20px}.project-copy p{font-size:15px}}

/* Release 6.1 — immagini ufficiali dei progetti */
.project-photo{padding:0;background:#0a0a0b;justify-content:flex-end}
.project-photo:after{background:linear-gradient(180deg,rgba(0,0,0,.08) 28%,rgba(0,0,0,.72) 100%);z-index:1}
.project-photo img{position:absolute;inset:0;width:100%;height:100%;display:block;object-fit:cover;object-position:center}
.project-photo .eyebrow,.project-photo .coming{z-index:2;background:rgba(5,5,5,.78);backdrop-filter:blur(4px);padding:9px 11px;border:1px solid rgba(255,255,255,.12)}
.project-photo .eyebrow{top:18px;left:18px}
.project-photo .coming{position:absolute;left:18px;bottom:18px;margin:0;color:#fff;border-color:rgba(237,28,36,.65)}
.project-photo--nlxfm img{object-position:center 42%}
.project-photo--pianeta img{object-position:center center}
.project-photo--book img{object-fit:contain;object-position:center;background:#111;padding:18px}
.project-photo--book:after{background:linear-gradient(180deg,transparent 65%,rgba(0,0,0,.25) 100%)}
.project-photo--parole img{object-position:center center}
@media(max-width:900px){.project-photo--book{min-height:520px}.project-photo--book img{padding:14px}}
@media(max-width:520px){.project-photo--book{min-height:440px}.project-photo--book img{padding:10px}}

/* Release 6.2 — immagini migliorate e adattamento fotografico */
.project-photo{isolation:isolate;background:#090909}
.project-photo img{z-index:0;object-fit:cover;object-position:center}
.project-photo:after{z-index:1}
.project-photo--nlxfm img{object-fit:cover;object-position:center 38%}
.project-photo--pianeta img{object-fit:cover;object-position:center 42%}
.project-photo--parole img{object-fit:cover;object-position:center 45%}

/* Le cover verticali restano intere nella finestra, con fondo coerente ricavato dalla stessa cover. */
.project-photo--book{background:#0d0d0e}
.project-photo--book:before{content:"";position:absolute;inset:-22px;background-image:var(--cover);background-size:cover;background-position:center;filter:blur(20px) brightness(.48);transform:scale(1.1);opacity:.78;z-index:-1}
.project-photo--book img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:center;padding:0;background:transparent;z-index:0}
.project-photo--book:after{background:linear-gradient(180deg,rgba(0,0,0,.03) 50%,rgba(0,0,0,.30) 100%)}

/* Mantiene finestre ordinate e proporzioni coerenti senza deformare le immagini. */
@media(min-width:901px){
  .project:not(.project--hero):not(.project--wide) .project-visual{min-height:430px}
  .project--hero .project-visual,.project--wide .project-visual{min-height:410px}
}
@media(max-width:900px){
  .project-photo{min-height:420px}
  .project-photo--nlxfm{min-height:500px}
  .project-photo--book{min-height:560px}
}
@media(max-width:520px){
  .project-photo{min-height:340px}
  .project-photo--nlxfm{min-height:430px}
  .project-photo--book{min-height:500px}
}


/* Release 6.3 — rifiniture desktop intro, cover libri e crediti */
@media(min-width:901px){
  .intro{
    grid-template-columns:minmax(390px,440px) minmax(0,1fr);
    gap:64px;
    align-items:center;
  }
  .intro h1{
    font-size:clamp(64px,5.15vw,84px);
    line-height:.9;
    letter-spacing:-.055em;
    white-space:nowrap;
  }
  .intro-copy{
    min-width:0;
    padding-top:0;
  }
  .book{
    grid-template-columns:38% 62%;
  }
  .book .project-visual{
    min-height:430px;
  }
  .project-photo--book{
    background:#111;
  }
  .project-photo--book:before{
    display:none;
  }
  .project-photo--book img{
    width:100%;
    height:100%;
    object-fit:contain;
    object-position:center;
    padding:0;
  }
}


/* Release 6.5 — podcast con visual grande a sinistra e player Spotify grande a destra */
.podcast-feature{
  min-height:610px;
  grid-template-columns:40% 60%;
}
.podcast-feature:hover{
  transform:none;
}
.podcast-feature .project-visual{
  min-height:610px;
}
.podcast-copy{
  justify-content:center;
  padding:36px 42px;
}
.podcast-copy h2{
  margin-bottom:18px;
}
.spotify-player{
  width:100%;
  margin-top:16px;
  border-radius:14px;
  overflow:hidden;
  background:#121212;
  border:1px solid rgba(255,255,255,.08);
}
.spotify-player iframe{
  display:block;
  width:100%;
  border:0;
}
.spotify-player--large iframe{
  min-height:352px;
}
.podcast-cta{
  display:inline-flex;
  width:max-content;
  margin-top:16px;
}
.project-photo--ricky{
  background:#efe9dd;
}
.project-photo--ricky:after{
  background:linear-gradient(180deg,rgba(0,0,0,.03) 55%,rgba(0,0,0,.12) 100%);
}
.project-photo--ricky img{
  object-fit:contain;
  object-position:center;
  background:#efe9dd;
  padding:24px;
}

@media(max-width:1100px) and (min-width:901px){
  .podcast-feature{
    grid-template-columns:38% 62%;
  }
  .podcast-copy{
    padding:30px 32px;
  }
}

@media(max-width:900px){
  .podcast-feature,
  .project--hero.podcast-feature,
  .project--wide.podcast-feature{
    grid-template-columns:1fr;
    min-height:0;
  }
  .podcast-feature .project-visual{
    min-height:500px;
  }
  .podcast-copy{
    padding:28px 24px 32px;
  }
  .spotify-player--large iframe{
    min-height:352px;
  }
  .project-photo--ricky img{
    padding:18px;
  }
}

@media(max-width:520px){
  .podcast-feature .project-visual{
    min-height:420px;
  }
  .podcast-copy{
    padding:24px 20px 28px;
  }
  .spotify-player--large iframe{
    min-height:352px;
  }
  .project-photo--ricky img{
    padding:12px;
  }
}


/* Release 6.6 — riduzione altezza card podcast desktop */
@media(min-width:901px){
  .podcast-feature{
    min-height:540px;
  }
  .podcast-feature .project-visual{
    min-height:540px;
  }
  .podcast-copy{
    padding:28px 38px;
  }
  .podcast-copy h2{
    margin:10px 0 14px;
  }
  .podcast-copy p{
    margin:0 0 10px;
  }
  .spotify-player{
    margin-top:10px;
  }
  .spotify-player--large iframe{
    height:300px;
    min-height:300px;
  }
  .podcast-cta{
    margin-top:12px;
  }
}