.about-hero{background:var(--night);color:var(--on-night);position:relative;overflow:hidden}
.about-hero .lines{position:absolute;inset:0;width:100%;height:100%;opacity:.4}
.about-hero .lines path{fill:none;stroke-linecap:round}
.about-hero .inner{position:relative;z-index:1;padding-block:clamp(48px,8vw,96px)}
.about-hero h1{color:var(--on-night);font-size:clamp(38px,7vw,84px);letter-spacing:-.015em;line-height:.98;max-width:16ch}
.about-hero h1 .y{color:var(--yellow)}

.mission{font-family:var(--display);font-weight:700;font-size:clamp(24px,3.6vw,40px);letter-spacing:-.025em;line-height:1.25;max-width:24ch}
.mission .hl{background:linear-gradient(transparent 62%, var(--yellow) 62%);padding:0 2px}
.mission-grid{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}
@media (max-width:780px){.mission-grid{grid-template-columns:1fr;gap:24px}}
.mission-grid p{color:var(--ink-2);line-height:1.7;font-size:16.5px;margin:0 0 16px}

.principles{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
@media (max-width:860px){.principles{grid-template-columns:1fr 1fr}}
@media (max-width:460px){.principles{grid-template-columns:1fr}}
.prin{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:26px}
.prin .ic{width:46px;height:46px;border-radius:12px;background:var(--yellow);color:var(--on-yellow);display:grid;place-items:center;margin-bottom:18px}
.prin .ic svg{width:22px;height:22px}
.prin h3{font-size:18px;letter-spacing:-.01em;margin-bottom:8px}
.prin p{color:var(--ink-2);font-size:14px;line-height:1.55;margin:0}

.method{display:grid;grid-template-columns:repeat(4,1fr);gap:0;counter-reset:step}
@media (max-width:780px){.method{grid-template-columns:1fr 1fr}}
@media (max-width:460px){.method{grid-template-columns:1fr}}
.mstep{padding:26px 22px;border-left:1px solid var(--line);position:relative}
.mstep:first-child{border-left:0}
@media (max-width:780px){.mstep{border-left:0;border-top:1px solid var(--line)}.mstep:first-child,.mstep:nth-child(2){border-top:0}}
.mstep .n{font-family:var(--mono);font-size:12px;color:var(--yellow-deep);letter-spacing:.1em}
.mstep h3{font-size:18px;margin:10px 0 8px;letter-spacing:-.01em}
.mstep p{color:var(--ink-2);font-size:14px;line-height:1.55;margin:0}

.disclaimer{background:var(--ink);color:var(--on-night);border-radius:18px;padding:clamp(28px,4vw,44px);display:flex;gap:20px;align-items:flex-start}
.disclaimer .ic{width:48px;height:48px;border-radius:12px;border:1px solid var(--night-line);display:grid;place-items:center;color:var(--yellow);flex:none}
.disclaimer h2{color:var(--on-night);font-size:22px;margin-bottom:10px}
.disclaimer p{color:var(--on-night-muted);line-height:1.6;margin:0;max-width:70ch}

.team{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
@media (max-width:780px){.team{grid-template-columns:1fr 1fr}}
.tm{text-align:center}
.tm .av{width:84px;height:84px;border-radius:50%;margin:0 auto 14px;background:var(--paper-2);border:1px solid var(--line-2);display:grid;place-items:center;font-family:var(--display);font-weight:800;font-size:26px;color:var(--ink-2)}
.tm b{font-family:var(--display);font-size:16px;display:block}
.tm span{font-family:var(--mono);font-size:11.5px;color:var(--muted)}
.stats-band{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;text-align:center}
@media (max-width:680px){.stats-band{grid-template-columns:1fr 1fr;gap:30px 20px}}
.stat-cell .n{font-family:var(--display);font-weight:900;font-size:clamp(34px,5vw,56px);letter-spacing:-.04em;line-height:.95}
.stat-cell .n .u{color:var(--yellow-deep)}
.stat-cell .l{color:var(--muted);font-size:14px;margin-top:8px}