.about-content{padding-top:60px;padding-bottom:60px}
.about-intro{display:grid;grid-template-columns:1.7fr 1fr;gap:64px;align-items:center;padding:20px 0 64px}
.about-label{color:var(--muted);margin:0 0 18px;font-size:15px}
.about-intro h1{font-size:clamp(32px,4.3vw,56px);line-height:1.13;letter-spacing:-.04em;font-weight:650;margin:0 0 24px}
.about-lead{font-size:19px;line-height:1.65;max-width:540px;color:var(--muted)}
.about-company{background:var(--canvas);padding:32px;border-radius:20px}
.about-company h2{font-size:21px;margin:20px 0 10px;letter-spacing:-.02em}
.about-company p{color:var(--muted);margin:0 0 24px}
.about-content a{font-weight:600;text-underline-offset:5px}
.about-content a:hover{color:var(--red)}
.about-purpose{display:grid;grid-template-columns:1fr 1.4fr;gap:70px;padding:48px 0;border-top:1px solid var(--line)}
.about-content h2{line-height:1.25;font-weight:600;letter-spacing:-.025em}
.about-purpose h2,.about-people>h2,.about-contact h2{font-size:29px;margin:0}
.about-purpose p{margin:0 0 16px;max-width:660px}
.about-people{padding:36px 0 52px}
.about-roles{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-top:32px}
.about-roles svg{width:28px;height:28px;fill:none;stroke:var(--red);stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.about-roles h3,.about-support h3{font-size:18px;font-weight:600;margin:16px 0 10px}
.about-roles p,.about-support p{color:var(--muted);margin:0 0 16px}
.about-responsibility{border-radius:20px;background:var(--canvas);padding:36px 40px;max-width:850px}
.about-responsibility h2{font-size:25px;margin:0 0 16px}.about-responsibility p{max-width:700px;margin:12px 0}
.about-contact{display:grid;grid-template-columns:1.4fr 1fr;gap:72px;padding:64px 0 12px}.about-contact .button{margin-top:8px}.about-support{border-left:1px solid var(--line);padding-left:32px}.about-support h3{margin-top:0}
@media(max-width:700px){.about-content{padding-top:28px;padding-bottom:36px}.about-intro{grid-template-columns:1fr;gap:24px;padding:8px 0 32px}.about-lead{font-size:17px;margin-bottom:0}.about-company{padding:24px}.about-company h2{margin-top:12px}.about-company img{width:36px;height:36px}.about-purpose{grid-template-columns:1fr;gap:20px;padding:32px 0}.about-purpose h2,.about-people>h2,.about-contact h2{font-size:25px}.about-roles{grid-template-columns:1fr;gap:28px;margin-top:26px}.about-roles h3{margin-top:10px}.about-people{padding:12px 0 32px}.about-responsibility{padding:24px}.about-contact{grid-template-columns:1fr;gap:32px;padding-top:36px}.about-support{border-left:0;border-top:1px solid var(--line);padding:24px 0 0}}