#about{grid-template-columns:minmax(0,.82fr) minmax(0,1.38fr);gap:clamp(35px,5vw,75px);align-items:center;padding-block:48px}
#about .about-left{display:block}
#about .about-left .eyebrow{margin:0 0 22px;font-size:25px;font-weight:600}
#about .about-photo{display:block;width:100%;height:clamp(280px,28vw,380px);aspect-ratio:auto;object-fit:cover;object-position:center;border-radius:25px}
#about .statement{font-size:clamp(30px,3.1vw,46px);line-height:1.13;letter-spacing:-.045em;margin:0}
#about .about-copy{font-size:13px;line-height:1.8;max-width:63ch;margin:23px 0 25px;color:#617582}
.about-benefits{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.about-benefit{padding:17px 16px;background:#f8fbfc;border:1px solid #dbe5ea;border-radius:15px;min-width:0}
.about-benefit>svg{width:24px;height:24px;color:#317ba8;margin-bottom:12px}
.about-benefit h3{font-size:13px;line-height:1.4;font-weight:550;color:#284454;letter-spacing:-.02em;max-width:17ch;margin:0}
#about .about-actions{gap:24px;margin-top:25px}
#about .text-link{white-space:nowrap}
@media(max-width:800px){#about{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:30px;padding-block:38px}#about .statement{font-size:31px}#about .about-photo{height:330px}#about .about-copy{font-size:12px;margin-block:19px}.about-benefits{gap:8px}.about-benefit{padding:13px 11px}.about-benefit h3{font-size:11px}.about-benefit>svg{width:21px;height:21px;margin-bottom:9px}#about .about-actions{gap:17px}#about .about-actions .pill{font-size:10px;padding:11px 13px}}
@media(max-width:600px){#about{grid-template-columns:1fr;gap:21px;padding-block:33px}#about .about-left .eyebrow{font-size:20px;margin-bottom:18px}#about .about-photo{height:200px;object-position:center 47%;border-radius:20px}#about .statement{font-size:30px}#about .about-copy{margin:17px 0 20px;font-size:12px;line-height:1.7}.about-benefit{padding:13px 11px}.about-benefit h3{font-size:11px}#about .about-actions{margin-top:20px;gap:22px}}
@media(max-width:360px){#about .statement{font-size:27px}#about .about-photo{height:170px}.about-benefits{gap:7px}.about-benefit{padding:12px 9px}.about-benefit h3{font-size:10px}.about-benefit>svg{width:19px;height:19px}}

/* Compact service benefits: three quiet colour surfaces, with clear icon and copy hierarchy. */
#about .about-benefits{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;align-items:stretch}
#about .about-benefit{--benefit-ink:#2f6b9c;display:grid;grid-template-columns:32px minmax(0,1fr);grid-template-rows:auto 1fr;column-gap:10px;row-gap:12px;align-content:start;align-items:center;min-width:0;min-height:148px;padding:17px 15px;border:1px solid #d4e4f2;border-radius:17px;background:linear-gradient(145deg,#edf5fc,#e4eff9);box-shadow:0 4px 10px #1b456306}
#about .about-benefit--teal{--benefit-ink:#34796d;border-color:#d5e6df;background:linear-gradient(145deg,#eef7f3,#e5f1eb)}
#about .about-benefit--sand{--benefit-ink:#99703b;border-color:#e8dfcf;background:linear-gradient(145deg,#faf5ec,#f3ecdf)}
#about .about-benefit-icon{width:32px;height:36px;display:grid;place-items:center;border-radius:10px;background:#ffffffb8;color:var(--benefit-ink);box-shadow:inset 0 0 0 1px #ffffff9c}
#about .about-benefit-icon svg{width:20px;height:20px;stroke-width:1.7}
#about .about-benefit h3{max-width:none;min-width:0;font-size:15px;line-height:1.28;font-weight:600;letter-spacing:-.025em;color:#244354;margin:0;overflow-wrap:normal}
#about .about-benefit p{grid-column:1/-1;align-self:start;font-size:12px;line-height:1.5;color:#577080;margin:0;max-width:27ch}
@media(max-width:1000px){
  #about .about-benefits{grid-template-columns:1fr;gap:9px}
  #about .about-benefit{grid-template-columns:36px minmax(0,1fr);grid-template-rows:auto auto;column-gap:13px;row-gap:4px;min-height:0;padding:13px 15px;border-radius:14px}
  #about .about-benefit-icon{grid-row:1/3;width:36px;height:38px;align-self:center;border-radius:11px}
  #about .about-benefit h3{font-size:15px;line-height:1.3}
  #about .about-benefit p{grid-column:2;font-size:12px;line-height:1.5;max-width:none}
}
@media(max-width:360px){
  #about .about-benefit{grid-template-columns:32px minmax(0,1fr);column-gap:11px;padding:12px}
  #about .about-benefit-icon{width:32px;height:35px}
  #about .about-benefit-icon svg{width:19px;height:19px}
  #about .about-benefit h3{font-size:14px}
}
@media(prefers-reduced-motion:reduce){#about .about-benefit,#about .about-benefit-icon{animation:none;transition:none}}