/* =========================================================
 * CHI SIAMO — ritratto + testo di presentazione.
 * Markup in template-parts/section-chi-siamo.php.
 * ========================================================= */

.about{ display:grid; grid-template-columns: 5fr 7fr; gap: clamp(36px, 6vw, 96px); align-items: center;}
.about .portrait{
  aspect-ratio: 4/5;
  background: var(--paper);
  position:relative; overflow:hidden;
  border-radius: 4px;
}
.placeholder{
  width:100%; height:100%;
  background:
    radial-gradient(ellipse at 50% 30%, rgba(255,255,255,.5), transparent 60%),
    linear-gradient(160deg, #efe7d8 0%, #e3d8c4 100%);
  display:flex; flex-direction:column; align-items:center; justify-content:center; gap:12px;
}
.placeholder .ph-label{
  font-family:"Cormorant Garamond", serif; font-style:italic; font-weight:400;
  font-size:18px; color: var(--ink-2);
}
.placeholder .ph-sub{
  font-family:"Inter", sans-serif; font-size:10px; letter-spacing:0.2em; text-transform:uppercase; opacity:.5;
}
.about-copy{ display:flex; flex-direction:column; gap: 22px;}
.about-copy .lede{
  font-family:"Cormorant Garamond", serif; font-weight:400;
  font-size: clamp(28px, 3vw, 44px); line-height:1.2; letter-spacing:-0.01em; margin:0;
}
.about-copy .lede em{ font-style:italic;}
.about-copy p{
  font-family:"Inter", sans-serif; font-size: 16px; line-height: 1.7;
  max-width: 60ch; color: var(--ink-2); margin:0;
}
.about-copy .signature{ display:flex; align-items:center; gap:18px; padding-top: 14px;}
.about-copy .signature .name{
  font-family:"Italianno", cursive; font-weight:600; font-size: 38px; line-height:1;
}
.about-copy .signature .role{
  font-family:"Inter", sans-serif; font-size: 11px; font-weight:600; letter-spacing:0.22em; text-transform:uppercase; color: var(--muted);
}
@media (max-width: 880px){ .about{ grid-template-columns:1fr;} }

.chi-siamo-img > img{
  height: 100%;
  object-fit: cover;
}