/* About page: builds on the shared Hearing Is design system. */
.about-hero{position:relative;overflow:hidden;padding-top:130px;padding-bottom:130px;background:linear-gradient(125deg,#FAFAF8 44%,#EAF8F6 100%)}
.about-hero::after{content:"";position:absolute;right:-165px;top:-175px;width:490px;height:490px;border:75px solid rgba(20,184,166,.075);border-radius:50%;pointer-events:none}
.about-hero .hi-wrap{position:relative;z-index:1}
.about-title{max-width:1050px;margin:0 0 27px;font-size:clamp(52px,8vw,108px);line-height:1.03;letter-spacing:-.055em;font-weight:800}
.about-title span{color:var(--blue)}
.about-lede{max-width:810px;margin:0 0 22px;font-size:clamp(22px,2.7vw,32px);line-height:1.4;letter-spacing:-.025em;font-weight:600;color:var(--slate)}
.about-intro{max-width:790px;margin:0;color:#5D6B79;font-size:clamp(17px,1.75vw,20px);line-height:1.8}
.about-hero .hi-actions{margin-top:36px}
.about-split{display:grid;grid-template-columns:minmax(0,.96fr) minmax(0,1fr);gap:clamp(35px,6vw,110px);align-items:start}
.about-split .hi-h2{margin-bottom:0}
.about-prose{max-width:630px;color:#536476;font-size:17px;line-height:1.85}
.about-prose p{margin:0 0 20px}
.about-prose p:last-child{margin-bottom:0}
.about-mission{background:#fff}
.about-objectives{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px;margin-top:66px}
.about-objective{padding:26px 26px 24px 0;border-top:3px solid var(--teal)}
.about-objective:nth-child(2){border-top-color:var(--blue)}
.about-objective:nth-child(3){border-top-color:var(--orange)}
.about-objective-num{display:block;color:var(--teal-text);font-size:11px;font-weight:800;letter-spacing:.15em;text-transform:uppercase}
.about-objective h3{max-width:300px;margin:18px 0 14px;font-size:clamp(21px,2.1vw,27px);letter-spacing:-.03em;line-height:1.25}
.about-objective p{max-width:345px;margin:0;color:#607080;font-size:15px;line-height:1.75}
.about-human{background:var(--aqua-light)}
.about-human .hi-h2{font-size:clamp(36px,4.65vw,58px)}
.about-text-link{display:inline-flex;align-items:center;gap:8px;margin-top:11px;color:var(--blue);font-size:15px;font-weight:800;text-decoration:underline;text-underline-offset:5px}
.about-text-link:hover{color:#1D4ED8}
.about-human-links{display:flex;flex-direction:column;align-items:flex-start;gap:12px;margin-top:6px}
.about-human-links .about-text-link{margin-top:0}
.about-process{background:var(--warm)}
.about-process-inner{max-width:880px;text-align:center}
.about-process-inner .hi-h2{margin-left:auto;margin-right:auto}
.about-process-inner .hi-lede{margin:0 auto}
.about-process-inner .hi-actions{justify-content:center;margin-top:34px}
@media(max-width:900px){
  .about-split{grid-template-columns:1fr;gap:28px}
  .about-objectives{gap:18px}
}
@media(max-width:620px){
  .about-hero{padding-top:94px;padding-bottom:92px}
  .about-hero::after{width:310px;height:310px;right:-220px;top:-110px;border-width:50px}
  .about-title{font-size:clamp(47px,12.7vw,70px)}
  .about-lede{font-size:22px}
  .about-intro{font-size:16px}
  .about-objectives{grid-template-columns:1fr;gap:24px;margin-top:42px}
  .about-objective{padding-top:21px}
  .about-objective h3{max-width:none}
  .about-process-inner{text-align:left}
  .about-process-inner .hi-actions{justify-content:flex-start}
}