/* ============================================================
   CHI SIAMO
   ============================================================ */
.about{background:var(--anthracite)}
.about-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(40px,6vw,90px);align-items:center}
.about-figure{position:relative}
.about-figure .frame{position:relative;overflow:hidden;border-radius:3px}
.about-figure .frame img{width:100%;aspect-ratio:4/5;object-fit:cover;transition:transform 1.2s var(--ease)}
.about-figure:hover .frame img{transform:scale(1.05)}
.about-figure .frame::after{content:"";position:absolute;inset:0;box-shadow:inset 0 0 0 1px var(--line-strong)}
.about-figure .badge{
  position:absolute;left:-18px;bottom:34px;background:var(--orange);color:#fff;
  padding:20px 24px;border-radius:2px;box-shadow:0 24px 50px -20px rgba(0,0,0,.7);max-width:230px}
.about-figure .badge .y{font-family:var(--font-display);font-size:46px;line-height:1}
.about-figure .badge .t{font-family:var(--font-mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;margin-top:4px;opacity:.9}
.about-figure .deco{position:absolute;right:-16px;top:-16px;width:96px;height:96px;border:2px solid var(--yellow);border-radius:2px;z-index:-1}

.about-body p{color:var(--fog);font-size:clamp(16px,1.4vw,18px)}
.about-body p strong{color:var(--white);font-weight:600}
.pillars{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--line);border:1px solid var(--line);margin-top:34px;border-radius:3px;overflow:hidden}
.pillar{background:var(--surface);padding:24px}
.pillar .ic{color:var(--orange);margin-bottom:14px}
.pillar h4{margin:0 0 6px;font-size:16px;font-weight:700;letter-spacing:.01em}
.pillar p{margin:0;font-size:14px;color:var(--fog);line-height:1.5}