.l0inner{ padding:56px 72px; }
.l0inner h1{ font-size:2.4rem; line-height:1.14; margin:14px 0 20px; max-width:18ch; }
.l0inner .lede{ font-size:1.02rem; color:var(--ink-muted); max-width:64ch; margin-bottom:44px; }
.eras{ display:flex; flex-direction:column; gap:16px; }
.era{ background:var(--bg2); border:1px solid var(--line); border-radius:8px; padding:26px 28px; }
.era .erahead{ display:flex; justify-content:space-between; align-items:baseline; flex-wrap:wrap; gap:8px; margin-bottom:4px; }
.era .company{ font-family:'Zilla Slab',serif; font-size:1.2rem; color:var(--accent); }
.era .years{ font-family:'IBM Plex Mono',monospace; font-size:0.75rem; color:var(--ink-muted); }
.era .role{ font-size:0.85rem; color:var(--ink-muted); font-family:'IBM Plex Mono',monospace; margin-bottom:14px; }
.era .narrative{ font-size:0.94rem; line-height:1.6; margin-bottom:16px; }
.era .metrics{ list-style:none; margin-bottom:14px; }
.era .metrics li{ font-size:0.88rem; padding-left:18px; position:relative; margin-bottom:6px; color:var(--ink-muted); }
.era .metrics li::before{ content:"—"; position:absolute; left:0; color:var(--accent); }
.era .sig{ display:inline-block; font-family:'IBM Plex Mono',monospace; font-size:0.72rem; color:var(--accent); border:1px solid var(--line); padding:5px 12px; border-radius:20px; }
@media (max-width:900px){ .l0inner{ padding:36px 24px; } .era{ padding:20px; } }