/* Shared brand statement; uses the official website's typography and colors. */
.brand-purpose{padding-top:32px;padding-bottom:100px;scroll-margin-top:80px}
.purpose-heading{max-width:1000px;margin-bottom:44px}
.purpose-heading h2{font-size:clamp(2rem,3.55vw,3.15rem);line-height:1.23;letter-spacing:-.04em;margin-bottom:0}
.purpose-grid{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:start}
.purpose-belief{padding-top:4px}
.purpose-belief>p{font-size:1.04rem;line-height:1.95;color:#5c5c62;margin-bottom:24px}
.purpose-values{display:flex;flex-wrap:wrap;gap:10px 23px;border-top:1px solid var(--line);margin-top:32px;padding-top:22px}
.purpose-values span{color:var(--ink);font-size:.84rem;font-weight:500}
.purpose-values span:not(:last-child):after{content:'·';font-weight:400;margin-left:23px;color:#a1a1a6}
.purpose-feedback{background:var(--pale);padding:34px 36px;border-radius:var(--radius);scroll-margin-top:115px}
.purpose-feedback>.eyebrow{font-size:.76rem;margin-bottom:15px}
.purpose-feedback h3{font-size:1.65rem;line-height:1.4;margin-bottom:20px;letter-spacing:-.03em}
.purpose-feedback>p:not(.eyebrow){font-size:.91rem;line-height:1.95;margin-bottom:17px}
.purpose-feedback .text-link{margin-top:4px;font-size:.93rem}
.brand-purpose--about{padding-top:20px;padding-bottom:65px}
.brand-purpose--about+.article{border-top:1px solid var(--line);padding-top:42px}
@media(max-width:1050px){.purpose-grid{gap:38px}.purpose-feedback{padding:30px}.purpose-values{gap:8px 15px}.purpose-values span:not(:last-child):after{margin-left:15px}}
@media(max-width:760px){
  .brand-purpose{padding-top:0;padding-bottom:65px;scroll-margin-top:80px}
  .purpose-heading{margin-bottom:27px}
  .purpose-heading h2{font-size:clamp(1.7rem,6.6vw,2.45rem);line-height:1.3}
  .purpose-grid{grid-template-columns:1fr;gap:28px}
  .purpose-belief>p{font-size:.98rem;line-height:1.95;margin-bottom:20px}
  .purpose-values{margin-top:24px;padding-top:19px;gap:8px 12px}
  .purpose-values span{font-size:.76rem}
  .purpose-values span:not(:last-child):after{margin-left:12px}
  .purpose-feedback{padding:29px 25px;border-radius:24px}
  .purpose-feedback h3{font-size:1.55rem}
  .purpose-feedback>p:not(.eyebrow){font-size:.89rem;line-height:1.95}
  .brand-purpose--about{padding-top:10px;padding-bottom:42px}
}