.about-page .about-hero{padding-block:clamp(48px,5vw,64px)}
.about-page .about-hero h1{margin:0 0 18px;max-width:880px}
.about-page .about-hero p:last-child{max-width:650px;font-size:var(--sai-text-lead);line-height:1.6;color:var(--sai-body)}
.about-page .about-principles{padding-block:clamp(44px,4vw,56px)}
.about-page .about-principles h2{margin-bottom:24px}
.about-page .about-principles dl{margin:0;border-top:2px solid var(--sai-ink)}
.about-page .about-principles dl>div{display:grid;grid-template-columns:minmax(180px,1fr) minmax(0,2fr);gap:20px;padding:21px 0;border-bottom:1px solid var(--sai-line)}
.about-page .about-principles dt{font-size:var(--sai-text-body);font-weight:700;color:var(--sai-ink)}
.about-page .about-principles dd{margin:0;font-size:var(--sai-text-body);line-height:1.65;color:var(--sai-body)}
.about-page .about-next{padding-block:clamp(40px,4vw,48px);background:var(--sai-field)}
.about-page .about-next h2{margin-bottom:20px}
.about-page .about-actions{display:flex;gap:12px;flex-wrap:wrap}
.about-page .about-actions .button{min-height:48px}
@media(max-width:640px){.about-page .about-hero{padding-block:36px 42px}.about-page .about-hero p:last-child{font-size:var(--sai-text-body)}.about-page .about-principles{padding-block:40px}.about-page .about-principles dl>div{grid-template-columns:minmax(0,1fr);gap:6px;padding:17px 0}.about-page .about-next{padding-block:40px}.about-page .about-actions .button{width:100%;justify-content:center}}
@media(prefers-reduced-motion:no-preference){.about-page>section{animation:about-enter .45s ease-out both}.about-page>section:nth-child(2){animation-delay:.07s}.about-page>section:nth-child(3){animation-delay:.14s}@keyframes about-enter{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}}