/* ==========================================================================
   About page (about.html) — components used only on this page
   ========================================================================== */

.value-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;}
.value-card{padding:26px 22px;}
.value-card .n{font-family:var(--font-mono);color:var(--red);font-size:.72rem;}
@media(max-width:1024px){.value-grid{grid-template-columns:1fr 1fr;}}

.timeline{border-left:2px solid var(--line);padding-left:32px;position:relative;}
.timeline-item{position:relative;padding-bottom:40px;}
.timeline-item:last-child{padding-bottom:0;}
.timeline-item::before{content:'';position:absolute;left:-39px;top:2px;width:14px;height:14px;border-radius:50%;background:var(--red);border:3px solid var(--bg);}
.timeline-item .yr{font-family:var(--font-mono);color:var(--red-light);font-size:.85rem;}