.about-head{display:grid;grid-template-columns:1fr 300px;gap:80px;align-items:end}.page-about .page-title{font-size:64px;max-width:820px}.about-head .lead{margin-top:24px;max-width:640px}.about-ava{border-radius:26px;overflow:hidden;aspect-ratio:4 / 5;background:radial-gradient(120% 90% at 70% 20%,#e4efed,#dfe3ef 55%,#ece3d8)}.about-ava img{width:100%;height:100%;object-fit:cover;object-position:50% 20%;mix-blend-mode:multiply;filter:saturate(.85) contrast(1.02)}.about-sec{margin-top:110px}.about-sec>.label{display:block;margin-bottom:24px}.principles{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.principle{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:24px}.principle .no{font-family:var(--mono);font-size:12px;color:var(--ocean)}.principle h3{margin-top:28px;font-size:21px;font-weight:700;letter-spacing:-.02em}.principle p{margin-top:8px;font-size:14.5px;color:var(--muted);line-height:1.55;text-wrap:pretty}.timeline li{display:grid;grid-template-columns:220px 1fr;gap:40px;padding:26px 0;border-top:1px solid var(--line)}.timeline .time{font-family:var(--mono);font-size:13px;color:var(--muted);padding-top:6px}.timeline h3{font-size:26px;font-weight:800;letter-spacing:-.03em}.timeline p{margin-top:6px;color:var(--ink-2);max-width:640px;text-wrap:pretty}.timeline .now .time{color:var(--ocean)}.timeline .now .time:before{content:"";display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--ocean);margin-right:10px;vertical-align:middle;box-shadow:0 0 0 4px var(--ocean-soft)}.toolbox{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.toolbox>div{border-top:1px solid var(--ink);padding-top:16px}.toolbox h3{font-size:17px;font-weight:700}.toolbox ul{margin-top:12px;display:flex;flex-wrap:wrap;gap:6px}.toolbox li{font-size:13px;padding:4px 10px;border-radius:8px;background:var(--card);border:1px solid var(--line-2);color:var(--ink-2)}@media(max-width:1100px){.about-head{grid-template-columns:1fr 220px;gap:48px}.principles,.toolbox{grid-template-columns:1fr 1fr}}@media(max-width:600px){.about-head{grid-template-columns:1fr;gap:32px}.about-ava{order:-1;width:96px;border-radius:22px}.page-about .page-title{font-size:38px}.about-sec{margin-top:72px}.principles{grid-template-columns:1fr;gap:10px}.principle h3{margin-top:14px}.timeline li{grid-template-columns:1fr;gap:6px;padding:20px 0}.timeline h3{font-size:21px}.toolbox{gap:24px 14px}}