/* /about, "Manifesto" layout. Loads after page.css; reuses site tokens. */
.am-hero{padding-top:clamp(132px,16vw,184px);padding-bottom:clamp(40px,5vw,64px);}
.am-title{max-width:15ch;margin-top:0;}
.am-row{margin-top:32px;display:flex;flex-wrap:wrap;gap:12px;align-items:center;}
.am-h{font-family:var(--font-display);font-weight:600;letter-spacing:-0.03em;font-size:clamp(26px,2.6vw,34px);line-height:1.1;}
.am-story{position:relative;display:grid;grid-template-columns:minmax(0,4fr) minmax(0,7fr);gap:clamp(32px,6vw,96px);padding-top:clamp(40px,5vw,64px);}
.am-story::before{content:"";position:absolute;top:0;left:var(--gutter);right:var(--gutter);height:1px;background:var(--line);}
.am-big{font-family:var(--font-display);font-size:clamp(20px,2.4vw,28px);line-height:1.45;letter-spacing:-0.02em;font-weight:600;color:var(--fg-1);text-wrap:pretty;}
.am-big.am-dim{margin-top:22px;color:var(--fg-2);font-weight:500;}
.am-sec{margin-top:clamp(64px,8vw,104px);}
.am-bel{margin-top:20px;display:grid;}
.am-it{display:grid;grid-template-columns:40px minmax(0,1fr);gap:18px;padding:26px 0;}
.am-it + .am-it{border-top:1px solid var(--line);}
.am-ico{width:40px;height:40px;border-radius:10px;display:grid;place-items:center;background:rgba(174,140,247,0.14);color:var(--acc);}
.am-ico svg{width:20px;height:20px;}
.am-it h3{font-size:clamp(19px,2vw,24px);font-weight:600;letter-spacing:-0.02em;margin-bottom:6px;}
.am-it p{font-size:16px;line-height:1.6;color:var(--fg-2);max-width:60ch;}
.am-team{margin-top:24px;display:grid;gap:10px;max-width:560px;}
.am-card{display:flex;align-items:baseline;justify-content:space-between;gap:16px;padding:18px 22px;border-radius:var(--r-panel);
  border:1px solid var(--line);background:var(--ink-1);}
.am-card h3{font-size:17px;font-weight:600;letter-spacing:-0.01em;}
.am-card p{font-size:15px;color:var(--fg-2);}
.am-card a{color:var(--acc);text-decoration:none;font-weight:600;font-size:15px;border-radius:6px;}
.am-card a:hover{text-decoration:underline;}
.am-card a:focus-visible,.am-row a:focus-visible{outline:2px solid var(--acc);outline-offset:3px;}
.am-co{margin-top:28px;font-size:14px;color:var(--fg-3);}
.am-co strong{color:var(--fg-2);font-weight:600;margin-right:6px;}
@media (max-width:900px){.am-story{grid-template-columns:1fr;gap:24px;}}
@media (max-width:520px){
  .am-card{flex-direction:column;gap:4px;}
  .am-it{grid-template-columns:36px minmax(0,1fr);gap:14px;}
  .am-ico{width:36px;height:36px;}
}
