/* ═══════════════════════════════════════════════════════════════════
   ABOUT
═══════════════════════════════════════════════════════════════════ */
#about{background:var(--bg);}
.about-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:6rem;align-items:start;}
.about-intro{
  font-size:clamp(1.3rem,2.4vw,1.9rem);font-weight:500;
  line-height:1.45;color:var(--white);margin-bottom:2rem;
  letter-spacing:-.01em;
}
.about-intro em{font-family:var(--font-s);font-style:italic;font-weight:400;color:var(--accent);}
.about-body{
  font-size:.92rem;color:var(--gray-200);line-height:1.85;
  font-family:var(--font-m);
}
.about-body p+p{margin-top:1.2rem;}

.about-cards{display:flex;flex-direction:column;gap:1rem;}
.about-card{
  border:1px solid var(--line);padding:1.6rem 1.8rem;
  position:relative;overflow:hidden;transition:all .4s;
  background:var(--bg-2);
}
.about-card::before{
  content:'';position:absolute;top:0;left:0;width:2px;height:0;
  background:var(--accent);transition:height .5s cubic-bezier(.65,0,.35,1);
}
.about-card:hover{border-color:var(--line-2);transform:translateX(4px);}
.about-card:hover::before{height:100%;}
.about-card-num{
  font-size:.65rem;letter-spacing:.35em;text-transform:uppercase;
  color:var(--accent);font-family:var(--font-m);margin-bottom:.75rem;
}
.about-card-title{font-size:1.05rem;font-weight:700;margin-bottom:.5rem;}
.about-card-text{
  font-size:.78rem;color:var(--gray-200);font-family:var(--font-m);
  line-height:1.75;
}