/* About-only purpose and principles draft. */
.page-about .about-principles{padding-block:96px}
.page-about .about-principles h2{max-width:21ch}
.page-about .about-principle-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:48px;list-style:none;margin:48px 0 0;padding:0}
.page-about .about-principle-list li{border-top:1px solid #ffffff30;padding-top:23px;min-width:0}
.page-about .about-principle-number{display:block;margin-bottom:24px;color:var(--gold);font-size:.75rem;letter-spacing:.15em}
.page-about .about-principle-list h3{max-width:17ch;font-size:clamp(2rem,2.7vw,2.65rem);line-height:1.12}
.page-about .about-principle-list p{margin-top:21px;color:#c8d4ce;font-size:1rem;line-height:1.85}
.page-about .about-company-note{max-width:82ch;margin-top:52px;padding-top:28px;border-top:1px solid #ffffff30;color:#c8d4ce;font-size:.9375rem;line-height:1.85}
@media(max-width:1000px){
  .page-about .about-principle-list{gap:28px}
}
@media(max-width:780px){
  .page-about .about-principles{padding-block:68px}
  .page-about .about-principle-list{grid-template-columns:minmax(0,1fr);gap:30px;margin-top:34px}
  .page-about .about-principle-number{margin-bottom:15px}
  .page-about .about-principle-list h3{max-width:24ch;font-size:2.3rem}
  .page-about .about-principle-list p{margin-top:16px;max-width:58ch}
  .page-about .about-company-note{margin-top:36px}
}
@media(max-width:548px){
  .page-about .about-principles{padding-block:58px}
  .page-about .about-principles h2{font-size:clamp(1.5rem,calc(1.15rem + 5.5vw),3rem);line-height:1.1}
  .page-about .about-principle-list h3{font-size:clamp(1.25rem,calc(.95rem + 4vw),2.1rem)}
}
@media print{
  .page-about .about-principles{padding-block:30px;background:#fff;color:#102d36}
  .page-about .about-principle-list{display:block;margin-top:25px}
  .page-about .about-principle-list li{border-color:#b8c0bb;margin-top:24px;break-inside:avoid}
  .page-about .about-principle-number,.page-about .about-principle-list p,.page-about .about-company-note{color:#102d36}
  .page-about .about-company-note{border-color:#b8c0bb}
}