/* ===================== ABOUT ===================== */
.about{ background: var(--paper); padding-block: clamp(4rem,8vw,6.5rem); }
.about-inner{ display:grid; grid-template-columns:.95fr 1.05fr; gap: clamp(2.4rem,6vw,4.5rem); align-items:center; }
.about-panel{ border-radius: var(--radius-lg); background:#fff; border:1px solid var(--line); box-shadow: var(--shadow-card); overflow:hidden; }
.about-panel .ph{
  background: var(--navy-950); color:#fff; padding: .9rem 1.3rem;
  font-family: var(--font-mono); font-size:.68rem; letter-spacing:.1em; text-transform:uppercase;
  display:flex; justify-content:space-between; align-items:center;
}
.about-panel .ph span.gold{ color: var(--gold-400); }
.about-panel .pb{ padding: 1.4rem 1.3rem; }
.check-row{ display:flex; align-items:flex-start; gap:.7rem; padding-block:.7rem; border-bottom:1px solid var(--line); }
.check-row:last-child{ border-bottom:none; }
.check-row .ico{ width:20px; height:20px; border-radius:5px; background: var(--blue-100); display:grid; place-items:center; flex:none; margin-top:.15rem; }
.check-row .ico svg{ width:12px; height:12px; stroke: var(--blue-600); }
.check-row div strong{ display:block; font-size:.9rem; color: var(--navy-900); }
.check-row div span{ font-size:.8rem; color: var(--ink-faint); }

.about-copy blockquote{
  font-family: var(--font-display); font-size: clamp(1.25rem,2vw,1.6rem);
  color: var(--navy-900); line-height:1.45; font-weight:500;
  border-left:3px solid var(--gold-500); padding-left:1.3rem;
}
.about-copy p{ margin-top:1.3rem; color: var(--ink-soft); font-size:1rem; max-width:58ch; }
.about-chips{ margin-top:1.4rem; display:flex; flex-wrap:wrap; gap:.6rem; }

@media (max-width: 900px){
  .about-inner{ grid-template-columns:1fr; }
  .about-panel{ order:-1; max-width:440px; margin-inline:auto; width:100%; }
}