/* ========================================================
   Solo per la pagina «chi-scrive». Ogni pagina di servizio ha il suo foglio: non sono istanze di un modello e hanno perfino intestazioni diverse fra loro.
   Rigenerato da Sito/migrazione/estrai_css.py:
   non modificare a mano la parte generata.
   ======================================================== */

@media(max-width:640px){
  .nav-links{gap:1rem;font-size:.946rem}
}
.btn{display:inline-block;padding:.9rem 2rem;border-radius:999px;border:0;background:var(--terra);color:#FBF8F1;font-family:'Poppins';font-weight:600;font-size:1.1rem;text-decoration:none;cursor:pointer;transition:background .25s,translate .15s}
.btn:hover{background:var(--terra-scura)}
.btn:active{translate:0 1px}
.kicker{display:block;font-weight:800;color:var(--verde);font-size:.935rem;letter-spacing:.16em;text-transform:uppercase;margin-bottom:1.1rem}
.hero{position:relative;max-width:1280px;margin:0 auto;display:grid;grid-template-columns:6fr 5fr;align-items:center;gap:clamp(2rem,4vw,4rem);padding:clamp(2.5rem,5vw,4.5rem) clamp(1.25rem,4vw,2.6rem) clamp(3rem,6vw,5rem)}
.hero h1{font-size:clamp(2.2rem,4.8vw,3.6rem);font-weight:700;max-width:20ch}
.hero .sub{margin-top:1.3rem;max-width:44ch;font-size:1.232rem;color:var(--crema);opacity:.92}
.hero-foto img{aspect-ratio:4/5;object-fit:cover;border-radius:var(--r);box-shadow:0 30px 60px -20px rgba(0,0,0,.55);filter:grayscale(1) contrast(1.05) brightness(.92);rotate:-1.2deg}
@media(prefers-reduced-motion:no-preference){
  .hero-testo>*,.hero-foto{animation:enter .9s cubic-bezier(.16,1,.3,1) backwards}
  .hero-testo .sub{animation-delay:.12s}
  .hero-foto{animation-delay:.2s}
  @keyframes enter{from{opacity:0;translate:0 30px}to{opacity:1;translate:0 0}}
}
@media(max-width:860px){
  .hero{grid-template-columns:1fr}
  .hero-foto{order:-1}
  .hero-foto img{aspect-ratio:16/10}
}
section{padding:clamp(4rem,8vw,6.5rem) clamp(1.25rem,5vw,3rem)}
.testo{max-width:64ch;margin:0 auto}
.testo .apertura{font-size:1.32rem;color:var(--crema);margin-bottom:2.2rem}
.testo h2{font-size:clamp(1.7rem,3.4vw,2.4rem);margin:2.4rem 0 .9rem}
.testo h2:first-child{margin-top:0}
.testo p{margin-bottom:1.3rem;font-size:1.32rem;color:var(--crema)}
.testo .dato{color:var(--verde);font-weight:700}
.metodo{background:var(--fondo-3)}
.metodo .head{max-width:64ch;margin:0 auto 3rem;text-align:center}
.metodo h2{font-size:clamp(2rem,4.2vw,3rem)}
.metodo .head p{margin-top:1rem;color:var(--sage)}
.grid-metodo{max-width:1140px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:18px}
.passo{background:var(--fondo-2);border:1px solid var(--velo);border-radius:var(--r);padding:clamp(1.4rem,2.6vw,2rem)}
.passo .num{display:inline-flex;align-items:center;justify-content:center;width:2.4rem;height:2.4rem;border-radius:50%;background:rgba(115,230,0,.14);color:var(--verde);font-family:'Poppins';font-weight:700;font-size:1.155rem;margin-bottom:1rem}
.passo h3{font-size:1.375rem;margin-bottom:.6rem}
.passo p{font-size:1.078rem;color:var(--sage)}
.passo p+p{margin-top:.8rem}
.cinema{position:relative;min-height:48vh;display:flex;align-items:center;justify-content:center;text-align:center;padding:5rem clamp(1.25rem,5vw,3rem);background:var(--sfondo,none) center/cover no-repeat}
.cinema::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.6),rgba(0,0,0,.36) 45%,rgba(20,28,15,.6) 78%,var(--fondo))}
.cinema p{position:relative;font-family:'Poppins';font-weight:700;color:var(--crema);font-size:clamp(1.7rem,4vw,2.9rem);line-height:1.2;letter-spacing:-.02em;max-width:26ch}
.cosa-non .head{max-width:64ch;margin:0 auto 3rem;text-align:center}
.cosa-non h2{font-size:clamp(2rem,4.2vw,3rem)}
.cosa-non .head p{margin-top:1rem;color:var(--sage)}
.grid-non{max-width:1140px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:18px}
.card-non{background:var(--fondo-2);border:1px solid var(--velo);border-radius:var(--r);padding:clamp(1.3rem,2.5vw,1.9rem)}
.card-non .tag{display:inline-block;background:rgba(147,55,79,.2);color:#E8B4C4;border-radius:999px;padding:.3rem .95rem;font-family:'Poppins';font-weight:600;font-size:.858rem;letter-spacing:.08em;text-transform:uppercase}
.card-non h3{font-size:1.32rem;margin:.9rem 0 .5rem}
.card-non p{font-size:1.067rem;color:var(--sage)}
.ricette{background:var(--fondo-3)}
.ricette-wrap{max-width:64ch;margin:0 auto}
.ricette h2{font-size:clamp(1.9rem,4vw,2.6rem);margin-bottom:1.4rem}
.ricette h3{font-size:1.265rem;color:var(--verde);margin:2rem 0 .5rem;font-family:'Poppins';font-weight:600}
.ricette p{margin-bottom:1.1rem}
.errata{background:var(--fondo)}
.errata-grid{max-width:1140px;margin:0 auto;display:grid;grid-template-columns:6fr 5fr;gap:clamp(2rem,5vw,4.5rem);align-items:center}
@media(max-width:860px){
  .errata-grid{grid-template-columns:1fr}
}
.errata h2{font-size:clamp(1.9rem,4vw,2.7rem)}
.errata p{margin-top:1.1rem;max-width:48ch}
.errata .btn{margin-top:1.7rem}
.errata-foto img{aspect-ratio:4/5;object-fit:cover;border-radius:var(--r);box-shadow:0 30px 60px -20px rgba(0,0,0,.6);rotate:1.2deg}
.reveal{opacity:0;translate:0 26px;transition:opacity .8s cubic-bezier(.16,1,.3,1),translate .8s cubic-bezier(.16,1,.3,1);transition-delay:calc(var(--i,0)*80ms)}
@media(prefers-reduced-motion:reduce){
  .hero-testo>*,.hero-foto{animation:none}
}