/* Scoped to the editable About page. Shares the Figure 360 page's typography and cards. */
.sf-about .sf-about-hero{padding-bottom:32px;margin-bottom:28px;border-bottom:0}
.sf-about .sf-about-hero h1{max-width:960px}
.sf-about-cover{margin:0 0 20px;border:1px solid var(--line);border-radius:24px;overflow:hidden;background:var(--surface)}
.sf-about-cover>img{display:block;width:100%;height:auto;aspect-ratio:1200/751}
.sf-about-cover figcaption{display:grid;gap:8px;padding:24px 30px;border-top:3px solid #ff4d00;background:var(--surface)}
.sf-about-cover figcaption strong{color:var(--ink);font-size:clamp(1.2rem,2.2vw,1.7rem);line-height:1.3}
.sf-about-cover figcaption>span:last-child{color:var(--muted);font-size:.95rem}
.sf-about-caption-label{color:var(--focus-orange);font-size:.76rem;font-weight:700;letter-spacing:.02em}
.sf-about-split,.sf-about-story,.sf-about-connected{display:grid;grid-template-columns:.9fr 1.1fr;gap:48px;align-items:start}
.sf-about .sf-b2b-section{padding:56px 0}
.sf-about .eyebrow{margin-bottom:18px}
.sf-about-solutions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-top:30px}
.sf-about .sf-about-solution{padding:0;display:flex;flex-direction:column}
.sf-about .sf-about-solution:before{display:none}
.sf-about-solution>img{display:block;width:100%;height:auto;aspect-ratio:16/10;object-fit:contain;background:var(--surface-soft);border-bottom:1px solid var(--line)}
.sf-about-solution>div{padding:24px;display:flex;flex-direction:column;flex:1;align-items:flex-start}
.sf-about .sf-about-solution .sf-b2b-kicker{margin-bottom:14px}
.sf-about .sf-about-solution h3{margin-bottom:14px}
.sf-about .sf-about-solution .sf-b2b-link{margin-top:auto;padding-top:20px}
.sf-about-processes{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.sf-about-processes article{border:1px solid var(--line);border-radius:18px;background:var(--surface);padding:22px}
.sf-about-processes h3{margin:8px 0;font-size:1.08rem}
.sf-about-processes p{font-size:.92rem;color:var(--muted);line-height:1.65}
.sf-about-mark{display:grid;place-items:center;width:32px;height:32px;border:1px solid #ff4d0055;background:#ff4d0010;border-radius:10px;color:var(--focus-orange);font-size:1.45rem;line-height:1}
.sf-about-story{align-items:center}
.sf-about-origin{display:flex;flex-direction:column;align-items:center;gap:16px;text-align:center;padding:38px 24px;border-radius:22px;border:1px solid var(--line);background:linear-gradient(145deg,#ff4d000d,transparent),var(--surface)}
.sf-about-origin>span:first-child{font-size:clamp(3rem,6vw,5rem);font-weight:750;line-height:1;color:var(--focus-orange);letter-spacing:-.06em}
.sf-about-origin strong{color:var(--ink);font-size:1rem}
.sf-about-origin .sf-about-origin-line{display:block;height:45px;border-left:2px dashed #ff4d0077}
.sf-about-origin img{display:block;width:52px;height:52px}
.sf-about .sf-about-principles .sf-b2b-grid{margin-bottom:0}
.sf-about .sf-b2b-cta{border-top:3px solid #ff4d00}
/* Keep the shared footer's long email address inside very narrow About-page previews. */
body:has(.sf-about) .sf-footer-links{min-width:0;overflow-wrap:anywhere}
@media(max-width:950px){.sf-about-solutions{grid-template-columns:1fr 1fr}.sf-about-solutions>article:last-child{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr}.sf-about-solutions>article:last-child>img{height:100%;aspect-ratio:auto}.sf-about-split,.sf-about-story,.sf-about-connected{gap:28px;grid-template-columns:1fr}.sf-about-origin{max-width:none}.sf-about .sf-b2b-section{padding:40px 0}}
@media(max-width:600px){.sf-about-solutions{grid-template-columns:1fr;gap:20px}.sf-about-solutions>article:last-child{display:flex;grid-column:auto}.sf-about-solutions>article:last-child>img{height:auto;aspect-ratio:16/10}.sf-about-processes{grid-template-columns:1fr}.sf-about-cover{border-radius:18px}.sf-about-cover figcaption{padding:22px}.sf-about-solution>div{padding:22px}.sf-about .sf360-product__facts{gap:10px 18px}.sf-about .sf-about-hero h1 br{display:none}}