.page-head{padding:4.5rem 0 3rem}
.page-head h1{max-width:16ch}
.page-head p{margin-top:1.3rem;font-size:1.2rem}
.mv{padding-top:5rem;display:grid;grid-template-columns:1fr 1fr;gap:3.5rem}
.mv p{margin-top:.8rem;font-size:1.15rem}
.how{padding-top:6rem}
.how ol{list-style:none;padding:0;margin-top:2rem;counter-reset:s;border-left:4px solid var(--yellow)}
.how li{counter-increment:s;position:relative;padding:0 0 2rem 2.5rem}
.how li::before{content:counter(s);position:absolute;left:-18px;top:0;width:32px;height:32px;border-radius:50%;background:var(--navy);color:#fff;display:grid;place-items:center;font:700 .95rem var(--display)}
.how li:last-child{padding-bottom:0}
.how p{margin-top:.3rem}
.values{padding-top:6rem}
.values dl{margin-top:1.5rem;border-top:2px solid var(--navy)}
.values dt{font:700 1.4rem var(--display);color:var(--blue);padding-top:1.4rem}
.values dd{padding:.3rem 0 1.4rem;border-bottom:1px solid var(--line);max-width:62ch}
.team{padding-top:6rem}
.team-list{list-style:none;padding:0;margin-top:2rem;display:grid;grid-template-columns:repeat(4,1fr);gap:1.8rem}
.team-list .photo{aspect-ratio:1;margin-bottom:.9rem;border-radius:50% 50% 18px 18px;background:var(--navy)}
.team-list h3{font-size:1.15rem}
.team-list p{font-size:.95rem;color:#44587A}
.records{margin-top:6rem;background:var(--navy-deep);color:#D6E4F8;padding:4.5rem 0}
.records h2{color:#fff}
.records ul{list-style:none;padding:0;margin-top:1.5rem}
.records li{display:grid;grid-template-columns:1fr 2.2fr;gap:2rem;padding:1.1rem 0;border-top:1px solid rgba(255,255,255,.2)}
.records strong{color:#fff}
.records a{color:var(--yellow);font-weight:700}
@media (max-width:820px){.mv{grid-template-columns:1fr;gap:2rem}.team-list{grid-template-columns:repeat(2,1fr)}.records li{grid-template-columns:1fr;gap:.2rem}.page-head{padding-top:2.5rem}}
.motto{font:700 clamp(1.5rem,3vw,2.1rem)/1.2 var(--display);color:var(--blue)}
.mv h2{margin-bottom:.4rem}
.lead{margin:.8rem 0 0;font-size:1.1rem}
.obj{list-style:none;padding:0;margin-top:1.5rem;display:grid;grid-template-columns:1fr 1fr;border-top:2px solid var(--navy)}
.obj li{display:flex;gap:1rem;padding:1.4rem 1.4rem 1.4rem 0;border-bottom:1px solid var(--line)}
.obj .ic{width:34px;height:34px;margin:.1rem 0 0;color:var(--blue)}
.obj p{margin-top:.2rem}
.organs{margin-top:1.5rem;border-top:2px solid var(--navy)}
.organs dt{font:700 1.3rem var(--display);color:var(--navy);padding-top:1.2rem}
.organs dd{padding:.3rem 0 1.2rem;border-bottom:1px solid var(--line);max-width:68ch}
.team-list{grid-template-columns:repeat(3,1fr)}
.team-list .photo{border-radius:18px;aspect-ratio:4/5}
@media (max-width:820px){.obj{grid-template-columns:1fr}.team-list{grid-template-columns:repeat(2,1fr)}}