/* ============================================================
   about.css
   ============================================================ */

.overview { display: grid; grid-template-columns: 1.2fr 1fr; gap: clamp(2.5rem, 6vw, 5rem); align-items: center; }
.overview__copy .h2 { margin: 1rem 0 1.3rem; }
.overview__copy .lead { margin-bottom: 1.2rem; }
.overview__stats { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; }
.stat { padding: 1.8rem 1.6rem; display: flex; flex-direction: column; gap: .4rem; }
.stat__num { font-family: var(--display); font-weight: 700; font-size: clamp(2.2rem, 4vw, 3rem); color: var(--green); line-height: 1; }
.stat__label { font-size: .85rem; color: var(--mute); }
@media (max-width: 920px) { .overview { grid-template-columns: 1fr; } }
@media (max-width: 420px) { .overview__stats { grid-template-columns: 1fr; } }

/* BELIEF */
.section--belief { background: var(--ink-2); border-block: 1px solid var(--line); }
.belief-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.1rem; }
.belief { padding: 2.2rem 1.9rem; position: relative; transition: transform .4s var(--ease), border-color .4s; }
.belief:hover { transform: translateY(-5px); border-color: rgba(141,198,63,.3); }
.belief__index { font-size: .72rem; color: var(--green); letter-spacing: .15em; }
.belief h3 { margin: 1rem 0 .8rem; }
.belief p { font-size: .94rem; }
@media (max-width: 880px) { .belief-grid { grid-template-columns: 1fr; } }

/* PEOPLE */
.people { display: grid; grid-template-columns: .9fr 1.1fr; gap: clamp(2.5rem, 6vw, 5rem); align-items: center; }
.people__copy .h2 { margin: 1rem 0 1.2rem; }
.people__visual { position: relative; aspect-ratio: 1; max-width: 380px; margin-inline: auto; display: grid; place-items: center; }
.people__core { width: 90px; height: 90px; border-radius: 50%; background: radial-gradient(circle at 35% 30%, var(--green-hi), var(--green-deep)); box-shadow: 0 0 60px var(--green-glow); position: relative; z-index: 2; }
.people__ring { position: absolute; border: 1px solid var(--line-2); border-radius: 50%; }
.people__ring--1 { width: 50%; height: 50%; border-color: rgba(141,198,63,.4); animation: orbit 14s linear infinite; }
.people__ring--2 { width: 75%; height: 75%; border-style: dashed; animation: orbit 26s linear infinite reverse; }
.people__ring--3 { width: 100%; height: 100%; border-color: var(--line); animation: orbit 40s linear infinite; }
.people__ring::after { content: ""; position: absolute; top: -4px; left: 50%; width: 8px; height: 8px; border-radius: 50%; background: var(--green); box-shadow: 0 0 12px var(--green); }
@keyframes orbit { to { transform: rotate(360deg); } }
@media (max-width: 880px) { .people { grid-template-columns: 1fr; } .people__visual { order: 2; } }

/* TRUST */
.section--trust { background: var(--ink-2); border-block: 1px solid var(--line); }
.trust-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.1rem; }
.trust { padding: 2rem 1.8rem; border-left: 2px solid var(--green); transition: transform .4s var(--ease), background .4s; }
.trust:hover { transform: translateY(-4px); background: var(--panel-2); }
.trust h3 { margin-bottom: .7rem; font-size: 1.2rem; }
.trust p { font-size: .92rem; }
@media (max-width: 880px) { .trust-grid { grid-template-columns: 1fr; } }

/* TIMELINE */
.timeline { position: relative; display: grid; gap: 2.4rem; padding-left: 2rem; }
.timeline::before { content: ""; position: absolute; left: 6px; top: 6px; bottom: 6px; width: 1px; background: linear-gradient(var(--green), var(--line)); }
.tl-item { position: relative; }
.tl-item__dot { position: absolute; left: -2rem; top: 4px; width: 13px; height: 13px; border-radius: 50%; background: var(--ink); border: 2px solid var(--green); box-shadow: 0 0 0 4px rgba(141,198,63,.12); }
.tl-item__phase { font-size: .7rem; letter-spacing: .15em; color: var(--green); }
.tl-item h3 { margin: .5rem 0 .6rem; }
.tl-item p { max-width: 60ch; font-size: .95rem; }