.about{ display:grid; grid-template-columns:.85fr 1.15fr; gap:clamp(2.5rem,6vw,5rem); align-items:center; }
.about__visual{
  position:relative; aspect-ratio:4/5; border:1px solid var(--ink-line); border-radius:var(--r-lg);
  background:linear-gradient(155deg,var(--ink-3),var(--ink)); overflow:hidden;
  display:grid; place-items:center;
}
.about__visual svg{ width:64%; opacity:.9; }
.about__visual::after{
  content:""; position:absolute; inset:0;
  background:radial-gradient(70% 50% at 50% 110%,rgba(192,162,101,.22),transparent 70%);
}
.about__badge{
  position:absolute; left:0; bottom:0; z-index:2; margin:1.25rem;
  padding:.75rem 1.1rem; background:var(--paper); color:var(--text);
  border-radius:999px; font-size:.72rem; font-weight:600; letter-spacing:.06em; text-transform:uppercase;
}
.values{ display:grid; grid-template-columns:1fr 1fr; gap:.05rem; margin-top:2.6rem; }
.value{ padding:1.5rem 1.5rem 1.5rem 0; border-top:1px solid var(--ink-line); }
.value h3{ font-size:1.02rem; font-family:var(--font-sans); font-weight:600; letter-spacing:-.01em; }
.value p{ margin-top:.55rem; font-size:.88rem; color:var(--on-ink-3); line-height:1.6; }

@media (max-width:1080px){
  .about{ grid-template-columns:1fr; }
  .about__visual{ max-width:380px; aspect-ratio:1/1; }
}
@media (max-width:640px){
  .values{ grid-template-columns:1fr; }
}