.about-page{--about-gap:34px}.about-page .page-hero{min-height:280px}.about-page .page-hero img{max-height:260px}.about-page h2{font-size:25px;line-height:1.6;margin:0 0 14px}.about-page p{font-size:14px;line-height:1.95}.about-page .page-intro{gap:50px;margin-block:24px 38px}.about-page .page-intro p,.about-page .page-intro li{line-height:1.9}.about-page .page-intro li{font-size:13px}.about-necessity,.about-team,.about-director{width:var(--site-frame);max-width:var(--site-width);margin:38px auto}.about-necessity{background:var(--soft);border:1px solid var(--line);border-radius:18px;padding:28px 32px;display:grid;grid-template-columns:2fr 1fr;gap:40px;align-items:center}.about-necessity p{margin:0;color:var(--muted)}.about-topics{display:grid;gap:10px}.about-topics span{border-inline-start:3px solid var(--orange);padding:10px 16px;background:var(--bg);border-radius:6px;font-weight:700;font-size:13px}.about-page .vision-band{padding:32px max(24px,calc((100% - 1080px)/2));background:linear-gradient(120deg,#f15a29,#be1e2d)}.about-page .vision-band p{max-width:1000px;margin:0 auto 20px}.vision-band ul{display:flex;justify-content:center;gap:24px;list-style:none;margin:0;padding:0}.vision-band li{flex:1;font-size:13px;line-height:1.8;padding:12px 18px;border:1px solid #ffffff50;border-radius:10px}.about-team>h2{text-align:center}.about-team-grid{display:grid;grid-template-columns:minmax(220px,300px) 1fr;gap:24px;margin-top:22px}.team-member{overflow:hidden;border-radius:16px;background:var(--soft);border:1px solid var(--line);text-align:center}.team-member>a{display:block;background:#e9edf0}.team-member img{display:block;width:100%;height:245px;object-fit:cover;object-position:center 24%;filter:grayscale(1);transition:filter .3s}.team-member:hover img,.team-member:focus-within img{filter:none}.team-member>div{padding:17px}.team-member h3{font-size:16px;margin:0}.team-member p{margin:4px 0;font-size:12px;color:var(--muted)}.team-member div>a{font-size:12px;color:var(--orange)}.team-pending{display:flex;align-items:center;justify-content:center;flex-direction:column;border:1px dashed var(--line);border-radius:16px;padding:30px;text-align:center}.team-pending>span{font-size:35px;color:var(--orange)}.team-pending h3{font-size:16px;margin:10px 0}.team-pending p{font-size:13px;color:var(--muted);max-width:340px}.about-director{display:grid;grid-template-columns:300px 1fr;align-items:center;gap:40px;border-block:1px solid var(--line);padding-block:30px}.director-portrait{border-radius:16px;overflow:hidden;background:var(--soft)}.director-portrait img{display:block;width:100%;max-height:370px;object-fit:cover;object-position:center 20%}.about-director p{color:var(--muted)}.about-director a{color:var(--orange);font-size:13px}.about-page .owners{margin-block:35px 45px}.about-page .owners>h2{text-align:center;margin-bottom:24px}.about-page [id]{scroll-margin-top:110px}[data-theme=dark] .about-page .team-member img{opacity:.95}@media(max-width:750px){.about-necessity{grid-template-columns:1fr;gap:20px;padding:22px}.about-page .vision-band{padding:26px 20px}.vision-band ul{flex-direction:column;gap:8px}.vision-band li{padding:10px}.about-director{grid-template-columns:220px 1fr;gap:22px}.about-team-grid{grid-template-columns:240px 1fr}.about-page h2{font-size:22px}}@media(max-width:560px){.about-director,.about-team-grid{grid-template-columns:1fr}.director-portrait{max-width:300px;width:100%;margin:auto}.team-member{max-width:300px;width:100%;margin:auto}.about-page .page-intro{gap:20px}.about-page .page-hero{min-height:220px}.about-team,.about-director,.about-necessity{margin-block:26px}.team-pending{padding:22px}.about-topics{gap:7px}}
