.about-hero { border-bottom:1px solid var(--line); }
.about-content,.about-method { padding:clamp(34px,5vw,72px) clamp(22px,5vw,78px); }
.about-content h2,.about-method h2 { margin:0 0 26px; font:400 clamp(32px,3.5vw,48px)/1.1 var(--serif); letter-spacing:-.035em; }
.about-list article { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:24px; align-items:center; padding:25px 0; border-top:1px solid var(--line); }
.about-list article:last-child { border-bottom:1px solid var(--line); }
.about-type { color:var(--teal); font-size:16px; font-weight:750; letter-spacing:.12em; }
.about-list h3 { margin:8px 0; font:400 27px/1.2 var(--serif); }
.about-list p,.about-method p { max-width:75ch; margin:0; color:var(--ink-soft); font-size:16px; line-height:1.65; }
.about-list a { color:var(--teal); font-size:16px; font-weight:700; white-space:nowrap; text-underline-offset:4px; }
.about-method { display:grid; grid-template-columns:minmax(230px,.6fr) minmax(0,1fr); gap:30px; background:var(--surface-soft); }
.about-method p+p { margin-top:20px; }
.about-method strong { color:var(--ink); }
@media(max-width:700px) { .about-list article,.about-method { grid-template-columns:1fr; } .about-list a { justify-self:start; } }