/* page-about.css — unique styles for /about */
.about-cards{align-items:stretch}
.about-card{padding:22px;display:flex;flex-direction:column;gap:10px;transition:all .25s}
.about-card:hover{transform:translateY(-4px);border-color:rgba(255,122,26,.45)}
.about-icon{width:48px;height:48px;border-radius:10px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,rgba(255,122,26,.18),rgba(255,122,26,.04));border:1px solid rgba(255,122,26,.3)}
.about-icon svg{width:22px;height:22px;color:var(--orange)}
.about-card h3{font-family:var(--display);font-size:16px;color:#fff;letter-spacing:.04em;text-transform:uppercase;margin-top:6px}
.about-card p{color:var(--muted);font-size:12px;line-height:1.65}
@media (max-width:1100px){.grid-4.about-cards{grid-template-columns:repeat(2,1fr)}}
@media (max-width:560px){.grid-4.about-cards{grid-template-columns:1fr}}