/* Blog listing + articolo */
.page-pad{padding-top:clamp(160px,22vh,220px)}

.blog-hero{padding-bottom:clamp(48px,8vh,80px)}
.blog-hero h1{font-size:clamp(2.4rem,5vw,4.2rem);max-width:16ch;margin:.35em 0 .5em}
.blog-hero p{max-width:52ch;font-size:1.18rem;color:var(--testo-tenue);line-height:1.7}

.blog-grid{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:clamp(28px,4vw,48px);
  padding-bottom:clamp(80px,12vh,140px);
}
.card{
  display:flex;flex-direction:column;gap:0;
  background:var(--panna);
  border-radius:4px;overflow:hidden;
  transition:transform .5s var(--ease),box-shadow .5s var(--ease);
}
.card:hover{transform:translateY(-4px);box-shadow:var(--ombra)}
.card__media{aspect-ratio:16/10;overflow:hidden;background:var(--panna-2)}
.card__media img{width:100%;height:100%;object-fit:cover;transition:transform 1.1s var(--ease)}
.card:hover .card__media img{transform:scale(1.05)}
.card__body{padding:clamp(22px,3vw,34px)}
.card__meta{
  font-family:var(--sans);text-transform:uppercase;letter-spacing:.2em;
  font-size:.78rem;color:var(--testo-tenue);margin-bottom:.85em;
}
.card__body h2{font-size:clamp(1.55rem,2.4vw,2rem);margin-bottom:.55em;color:var(--inchiostro)}
.card__body p{font-size:1.05rem;line-height:1.65;color:var(--testo);max-width:42ch}
.card__more{
  margin-top:1.4em;display:inline-flex;align-items:center;gap:10px;
  font-family:var(--sans);text-transform:uppercase;letter-spacing:.16em;
  font-size:.82rem;color:var(--bordeaux);
}
.card__more svg{width:16px;height:16px}

.blog-empty,.blog-status{
  grid-column:1/-1;padding:60px 0 100px;text-align:center;color:var(--testo-tenue);
}

/* Articolo */
.article-hero{padding-bottom:clamp(36px,6vh,60px)}
.article-hero .back{
  display:inline-flex;align-items:center;gap:10px;margin-bottom:2em;
  font-family:var(--sans);text-transform:uppercase;letter-spacing:.16em;
  font-size:.82rem;color:var(--testo-tenue);transition:color .3s;
}
.article-hero .back:hover{color:var(--bordeaux)}
.article-hero .back svg{width:16px;height:16px}
.article-hero h1{font-size:clamp(2.2rem,4.6vw,3.8rem);max-width:18ch;margin:.3em 0 .55em}
.article-hero .lede{max-width:54ch;font-size:1.22rem;line-height:1.7;color:var(--testo)}
.article-meta{
  margin-top:1.6em;display:flex;flex-wrap:wrap;gap:18px 28px;
  font-family:var(--sans);text-transform:uppercase;letter-spacing:.18em;
  font-size:.78rem;color:var(--testo-tenue);
}
.article-cover{
  width:min(100% - 48px,var(--maxw));margin:0 auto clamp(48px,7vh,80px);
  border-radius:4px;overflow:hidden;aspect-ratio:21/9;background:var(--panna-2);
}
.article-cover img{width:100%;height:100%;object-fit:cover}
.article-body{
  width:min(100% - 48px,720px);margin:0 auto;
  padding-bottom:clamp(70px,10vh,120px);
}
.article-body > *:first-child{margin-top:0}
.article-body p{margin:0 0 1.35em;font-size:1.12rem;line-height:1.85;color:var(--testo)}
.article-body h2{
  font-size:clamp(1.7rem,2.8vw,2.35rem);margin:2em 0 .7em;color:var(--inchiostro);
}
.article-body h3{font-size:1.45rem;margin:1.7em 0 .55em}
.article-body ul,.article-body ol{margin:0 0 1.35em 1.2em}
.article-body li{margin-bottom:.45em;line-height:1.7}
.article-body blockquote{
  margin:2em 0;padding:1.2em 0 1.2em 1.4em;
  border-left:2px solid var(--oro);
  font-family:var(--serif);font-size:clamp(1.35rem,2.2vw,1.7rem);
  line-height:1.45;color:var(--marrone);font-weight:300;
}
.article-body img{border-radius:3px;margin:1.8em 0}
.article-body a{color:var(--bordeaux);text-decoration:underline;text-underline-offset:3px}
.article-body a.btn{color:#fff;text-decoration:none}
.article-body a.btn--ghost{color:var(--marrone)}
.article-cta{
  margin-top:3em;padding:clamp(28px,4vw,40px);
  background:var(--panna);border-radius:4px;
  display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:22px;
}
.article-cta h3{font-size:1.6rem;max-width:16ch}
.article-cta p{color:var(--testo-tenue);max-width:36ch;font-size:1.02rem}

@media (max-width:800px){
  .blog-grid{grid-template-columns:1fr}
  .article-cover{aspect-ratio:16/10}
}