.ff-about .about-hero{background:radial-gradient(circle at 85% 15%,#245677 0,transparent 37%),linear-gradient(120deg,#0a1b2b 12%,#123552 85%);color:#fff;position:relative;overflow:hidden}
.ff-about .about-hero:after{content:"";position:absolute;right:-145px;bottom:-340px;width:670px;height:670px;border:1px solid #75b5cd55;border-radius:50%;box-shadow:0 0 0 85px #75b5cd12,0 0 0 170px #75b5cd0b;pointer-events:none}
.ff-about .about-hero .wrap{position:relative;z-index:1;padding:105px 0 110px}
.ff-about .about-hero .eyebrow{color:#8fdce3}
.ff-about .about-hero h1{color:#fff!important;max-width:960px;font-size:clamp(3.2rem,6vw,5.6rem);letter-spacing:-.055em;line-height:1.04;margin:22px 0 26px}
.ff-about .about-hero p{font-size:clamp(1.08rem,2vw,1.33rem);line-height:1.55;max-width:750px;color:#d8e7ee;margin:0 0 32px}
.ff-about .about-intro-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:start}
.ff-about .about-intro h2,.ff-about .about-work h2,.ff-about .about-team h2{color:#1b5377!important}
.ff-about .about-intro p{font-size:1.1rem;color:#415d6d;margin:0 0 20px}
.ff-about .about-work{background:#f4f7f8}
.ff-about .about-work-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;margin-top:42px}
.ff-about .about-work-grid article{background:#fff;border:1px solid #dce5e9;padding:34px}
.ff-about .about-work-grid span,.ff-about .about-team .role{display:block;font-size:.78rem;letter-spacing:.13em;font-weight:900;color:#267788}
.ff-about .about-work-grid h3{color:#1b5377!important;font-size:1.45rem;line-height:1.2;margin:20px 0 12px}
.ff-about .about-work-grid p,.ff-about .about-team-grid p{color:#516679;margin:0}
.ff-about .about-team-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:42px}
.ff-about .about-team-grid article{border-top:3px solid #57c6d4;background:#f4f7f8;padding:30px}
.ff-about .about-team-grid .portrait{display:block;width:190px;height:190px;max-width:100%;aspect-ratio:1;object-fit:cover;border-radius:50%;margin:0 0 26px}
.ff-about .about-team-grid h3{color:#102c46!important;font-size:1.55rem;margin:17px 0 12px}
@media(max-width:800px){.ff-about .about-intro-grid,.ff-about .about-work-grid{grid-template-columns:1fr;gap:24px}.ff-about .about-team-grid{grid-template-columns:1fr}.ff-about .about-team-grid article{text-align:center}.ff-about .about-team-grid .portrait{margin-inline:auto}.ff-about .about-team-grid p{text-align:left}.ff-about .about-hero .wrap{padding:76px 0 82px}}
@media(max-width:560px){.ff-about .about-hero h1{font-size:3rem}.ff-about .about-work-grid article,.ff-about .about-team-grid article{padding:24px}}
@media(max-width:800px){.ff-about .cta .button{display:flex;width:max-content;max-width:100%;margin:25px auto 0}}