/* Styles used only on the About page */
/* values split */
.vals-split{display:grid;grid-template-columns:.8fr 1.2fr;gap:80px;align-items:start}
@media(max-width:900px){
    .vals-split{grid-template-columns:1fr;gap:32px}
  }
.vals-l p{margin-top:16px;max-width:380px;color:var(--muted)}
.vals-r{display:flex;flex-direction:column}
.val-t{display:block;font-weight:600;font-size:1.35rem;letter-spacing:-.02em;color:var(--ink);transition:color .25s;padding-right:40px}
.val-item:hover .val-t,.val-item.open .val-t,.val-item:focus-visible .val-t{color:var(--teal)}
/* story */
.story{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}
@media(max-width:900px){
    .story{grid-template-columns:1fr}
  }
.story .ph-img{height:480px}
.story p{font-size:1.08rem;margin-bottom:18px}
@media(max-width:640px){
    .vals-split{gap:24px}
    .val-t{font-size:1.15rem}
    .story .ph-img{height:380px !important}
  }
/* presence flow */
.flow{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;gap:14px;align-items:stretch}
.fstep{border-radius:var(--r);padding:30px 28px 32px;display:flex;flex-direction:column;gap:10px}
.fstep .fi{width:46px;height:46px;border-radius:12px;display:grid;place-items:center;margin-bottom:8px}
.fstep span{font-size:.74rem;letter-spacing:.1em;text-transform:uppercase;font-weight:700}
.fstep h3{font-size:1.25rem;letter-spacing:-.02em}
.fstep p{font-size:.95rem}
.fstep.s1{background:var(--teal-soft);border:1px solid #EFCFD4}
.fstep.s1 .fi{background:#fff;color:var(--teal)}
.fstep.s1 span{color:var(--teal)}
.fstep.s2{background:linear-gradient(140deg,var(--teal),#5C1620);color:#fff;box-shadow:0 30px 50px -30px rgba(92,22,32,.55)}
.fstep.s2 h3{color:#fff}
.fstep.s2 p{color:rgba(255,255,255,.78)}
.fstep.s2 .fi{background:rgba(255,255,255,.12);color:#fff}
.fstep.s2 span{color:#F6B9BC}
.fstep.s3{background:#fff;border:1px solid var(--line);border-top:4px solid var(--red)}
.fstep.s3 .fi{background:#FDE3E3;color:var(--red)}
.fstep.s3 span{color:var(--red)}
.fstep.s3 p{color:var(--muted)}
.fchips{display:flex;flex-wrap:wrap;gap:6px;margin-top:4px}
.fchips i{font-style:normal;font-size:.8rem;font-weight:600;padding:5px 11px;border-radius:999px;background:#fff;color:var(--teal);border:1px solid #EFCFD4}
.farr{align-self:center;width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:#fff;border:1px solid var(--line);color:var(--red);font-weight:700}
@media(max-width:900px){
    .flow{grid-template-columns:1fr}
    .farr{justify-self:center;transform:rotate(90deg)}
  }