.about-hero{position:relative;overflow:hidden;background:#edf2f7;padding:58px 0 70px}
.about-hero::before{content:"";position:absolute;inset:0 0 auto;height:660px;background:url("../figma/hero/52cea.png") repeat;opacity:.14;pointer-events:none}
.about-hero__inner{position:relative;display:grid;grid-template-columns:minmax(0,.94fr) minmax(0,1.06fr);gap:5%;align-items:center;min-height:570px}
.about-hero__copy{max-width:590px}
.about-breadcrumb{display:flex;gap:10px;align-items:center;margin:0 0 28px;color:#3c434a;font:500 14px/22px var(--wpx-sans)}
.about-breadcrumb a{color:inherit;text-decoration:none}
.about-breadcrumb a:hover{color:var(--wpx-blue)}
.about-hero h1{max-width:590px;margin:0 0 20px;color:#121212;font:600 clamp(2.8rem,4.3vw,58px)/1.08 var(--wpx-serif);letter-spacing:-.035em}
.about-hero__intro{max-width:530px;margin:0 0 26px;color:#3c434a;font-size:16px;line-height:1.65}
.about-hero__actions{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.about-hero__art{position:relative;min-width:0;height:465px;max-width:650px;width:100%;margin:auto}
.about-project-shot{position:absolute;display:block;overflow:hidden;background:#fff;border:7px solid #fff;box-shadow:0 18px 50px #10182824;border-radius:14px 0 34px 0}
.about-project-shot img{display:block;width:100%;height:100%;object-fit:cover;object-position:top;transition:transform .35s ease}
.about-project-shot:hover img{transform:scale(1.025)}
.about-project-shot--1{z-index:2;left:25%;top:12%;width:60%;height:72%}
.about-project-shot--2{left:0;top:29%;width:39%;height:57%;transform:rotate(-4deg)}
.about-project-shot--3{right:0;top:8%;width:33%;height:47%;transform:rotate(4deg)}
.about-hero__caption{position:absolute;z-index:3;right:1%;bottom:2%;max-width:290px;padding:15px 19px;border-radius:14px 0 22px 0;background:#fff;color:#121212;box-shadow:0 12px 28px #1018281c;font:600 15px/1.4 var(--wpx-serif)}
.about-clients{padding:35px 0 44px;text-align:center;background:#fff}
.about-clients>div>p{margin:0 0 22px;color:#535b64;font-size:14px}
.about-clients__logos{display:flex;align-items:center;justify-content:space-between;gap:28px;overflow:hidden}
.about-clients__logos img{flex:none;width:calc(16.66% - 24px);height:52px;object-fit:contain}
.about-section{padding:88px 0}
.about-section h2,.about-cta h2{color:#121212;font:600 clamp(2.1rem,3.6vw,44px)/1.13 var(--wpx-serif);letter-spacing:-.03em;margin:0 0 18px}
.about-mission{background:#edf2f7;text-align:center}
.about-mission__inner{max-width:1150px}
.about-mission__heading{max-width:790px;margin:0 auto 36px}
.about-mission__heading h2{margin-bottom:15px}
.about-mission__heading>p{max-width:760px;margin:0 auto;color:#3c434a;font-size:16px;line-height:1.7}
.about-principles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;text-align:left}
.about-principle{min-height:205px;padding:24px 25px;background:#fff;border:1px solid #e7ebf0;border-radius:14px 0 22px 0;box-shadow:0 8px 24px #12121208}
.about-principle>span{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#edf2f7;color:#3858e9;font-size:13px;font-weight:700}
.about-principle h3{margin:18px 0 9px;color:#121212;font:600 22px/1.2 var(--wpx-serif)}
.about-principle p{max-width:320px;margin:0;color:#4f5861;font-size:14px;line-height:1.6}
.about-bridge{padding:22px 0;background:#3858e9;color:#fff}
.about-bridge__inner{display:flex;align-items:center;justify-content:space-between;gap:28px}
.about-bridge__inner>p{margin:0;font:600 clamp(20px,2.4vw,28px)/1.25 var(--wpx-serif)}
.about-bridge__inner>div{display:flex;align-items:center;gap:20px;flex:none}
.about-bridge .wpx-button{background:#fff;color:#121212}
.about-bridge__link{color:#fff;font:600 14px/1.4 var(--wpx-sans);white-space:nowrap}
.about-why__grid{display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);gap:7%;align-items:center}
.about-why__image,.about-team__image{overflow:hidden;border-radius:150px 24px 150px 24px;background:#edf2f7}
.about-why__image{height:510px}
.about-why__image img,.about-team__image img{display:block;width:100%;height:100%;object-fit:cover}
.about-why__content>p{max-width:600px;margin:0 0 24px;color:#4d5660;font-size:15px;line-height:1.65}
.about-why__cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.about-why__cards article{padding:15px 16px;background:#f4f6f8;border-radius:10px 0 16px 0}
.about-why__cards article>span{display:grid;place-items:center;width:27px;height:27px;margin-bottom:10px;border-radius:50%;background:#3858e9;color:#fff;font-size:14px}
.about-why__cards h3{margin:0 0 6px;font:600 17px/1.3 var(--wpx-serif)}
.about-why__cards p{margin:0;color:#4d5660;font-size:13px;line-height:1.5}
.about-process{background:#3858e9;color:#fff}
.about-process__heading{max-width:740px;margin:0 auto 52px;text-align:center}
.about-process h2{color:#fff}
.about-process__heading>p{max-width:660px;margin:0 auto;color:#e1e6ff;font-size:15px;line-height:1.6}
.about-process__steps{position:relative;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}
.about-process__steps::before{position:absolute;top:19px;left:5%;right:5%;height:2px;background:#ffffff82;content:""}
.about-process__steps details{position:relative;z-index:1;min-width:0}
.about-process__steps summary{display:flex;min-height:112px;flex-direction:column;align-items:flex-start;cursor:pointer;list-style:none}
.about-process__steps summary::-webkit-details-marker{display:none}
.about-process__number{display:grid;place-items:center;width:40px;height:40px;margin-bottom:17px;border:2px solid #fff;border-radius:50%;background:#3858e9;color:#fff;font-size:12px;font-weight:700}
.about-process__steps details[open] .about-process__number{border-color:#f8bf57;background:#f8bf57;color:#121212}
.about-process__title{max-width:190px;color:#fff;font:600 18px/1.2 var(--wpx-serif)}
.about-process__toggle{display:grid;place-items:center;width:30px;height:30px;margin:14px 0 0;border:1px solid #ffffff8a;border-radius:50%;font:500 18px/1 var(--wpx-sans)}
.about-process__toggle span:last-child,.about-process__steps details[open] .about-process__toggle span:first-child{display:none}
.about-process__steps details[open] .about-process__toggle span:last-child{display:block}
.about-process__steps details>p{margin:0;padding:15px;border-radius:0 0 14px 14px;background:#fff;color:#2d343c;font-size:13px;line-height:1.55}
.about-team__grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.9fr);gap:10%;align-items:center}
.about-team__copy>p{max-width:620px;color:#4d5660;font-size:16px;line-height:1.7}
.about-team__image{height:430px}
.about-community__badges{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:36px}
.about-community__badges>div{display:flex;align-items:flex-start;gap:12px;min-height:100px;padding:16px 14px;border:1px solid #d9dfe6;border-radius:12px;background:#fff}
.about-badge__symbol{flex:none;width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:#edf2f7;color:#3858e9;font:600 17px var(--wpx-serif)}
.about-community__badges strong,.about-community__badges small{display:block}
.about-community__badges strong{font:600 16px/1.3 var(--wpx-serif);margin:1px 0 5px}
.about-community__badges small{color:#56616d;font-size:12px;line-height:1.45}
.about-proof{padding:30px 0;background:#3858e9;color:#fff}
.about-proof__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}
.about-proof__item{min-height:114px;padding:15px 22px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;border-right:1px solid #ffffff63}
.about-proof__item:last-child{border:0}
.about-proof__item strong{font:600 clamp(2rem,3.5vw,38px)/1.05 var(--wpx-serif);margin-bottom:7px}
.about-proof__item span{max-width:200px;color:#e5e9ff;font-size:12px;line-height:1.45}
.about-work{background:#edf2f7}
.about-work__heading{display:flex;justify-content:space-between;align-items:end;gap:25px;margin-bottom:34px}
.about-work__heading h2{max-width:680px;margin:0}
.about-text-link{display:inline-flex;align-items:center;gap:10px;color:#3858e9;font-weight:700;font-size:14px;white-space:nowrap}
.about-work__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.about-work-card__image{height:250px;position:relative;display:block;overflow:hidden;background:#fff;border-radius:24px 0 24px 0}
.about-work-card__image img{width:100%;height:100%;object-fit:cover;transition:transform .35s ease}
.about-work-card__image:hover img{transform:scale(1.04)}
.about-work-card__image>span{position:absolute;right:13px;bottom:13px;width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:#fff;color:#3858e9;font-size:20px}
.about-work-card>p{margin:16px 0 6px;color:#3858e9;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.06em}
.about-work-card h3{font:600 23px/1.25 var(--wpx-serif);margin:0}
.about-work-card h3 a{color:#121212}
.about-faq{background:#fff}
.about-faq .home-section-heading{margin-bottom:34px}
.about-faq .home-section-heading h2{font-size:clamp(2rem,3.3vw,40px)}
.about-cta{padding:64px 0;background:#121212;color:#fff}
.about-cta__inner{display:flex;align-items:center;justify-content:space-between;gap:55px}
.about-cta__inner>div{max-width:720px}
.about-cta h2{color:#fff;margin-bottom:12px}
.about-cta__inner>div>p{max-width:600px;margin:0;color:#d4d8df;font-size:16px;line-height:1.6}
.about-cta .wpx-button{flex:none}
@media(max-width:1000px){.about-hero__inner{grid-template-columns:1fr 1fr;gap:4%;min-height:520px}.about-hero h1{font-size:clamp(2.55rem,5.5vw,48px)}.about-hero__art{height:390px}.about-project-shot--1{left:21%;width:67%}.about-project-shot--2{width:43%}.about-why__grid,.about-team__grid{gap:6%}.about-why__image{height:430px}.about-community__badges{grid-template-columns:repeat(2,minmax(0,1fr))}.about-process__steps{gap:8px}.about-process__title{font-size:16px}}
@media(max-width:700px){.about-hero{padding:38px 0 46px}.about-hero__inner{grid-template-columns:1fr;gap:28px;min-height:0}.about-breadcrumb{margin-bottom:20px;font-size:13px}.about-hero h1{max-width:560px;font-size:clamp(2.5rem,10vw,3.5rem)}.about-hero__intro{font-size:15px}.about-hero__art{height:310px;max-width:500px}.about-project-shot{border-width:5px}.about-project-shot--1{left:21%;top:13%;width:67%;height:70%}.about-project-shot--2{left:0;top:28%;width:40%;height:55%}.about-project-shot--3{right:0;top:6%;width:35%;height:48%}.about-hero__caption{right:0;bottom:0;padding:11px 13px;font-size:13px}.about-clients{padding:27px 0 34px}.about-clients__logos{justify-content:center;flex-wrap:wrap;gap:12px 20px}.about-clients__logos img{width:calc(33.33% - 18px);height:42px}.about-section{padding:66px 0}.about-section h2,.about-cta h2{font-size:clamp(2rem,8.5vw,2.8rem)}.about-mission__heading{margin-bottom:25px}.about-mission__heading>p{font-size:15px}.about-principles{grid-template-columns:1fr;gap:12px}.about-principle{min-height:0;padding:20px}.about-principle h3{margin:13px 0 7px;font-size:21px}.about-bridge{padding:25px 0}.about-bridge__inner{align-items:flex-start;flex-direction:column;gap:18px}.about-bridge__inner>div{flex-wrap:wrap}.about-why__grid,.about-team__grid{grid-template-columns:1fr;gap:25px}.about-why__image{height:auto;aspect-ratio:1.18;border-radius:100px 20px 100px 20px}.about-why__cards{gap:10px}.about-why__cards article{padding:13px}.about-why__cards h3{font-size:16px}.about-process__heading{margin-bottom:30px;text-align:left}.about-process__steps{grid-template-columns:1fr;gap:10px}.about-process__steps::before{top:18px;bottom:15px;left:19px;right:auto;width:2px;height:auto}.about-process__steps summary{min-height:0;display:grid;grid-template-columns:40px 1fr 32px;align-items:center;gap:12px;padding:11px 0}.about-process__number{margin:0}.about-process__title{font-size:18px}.about-process__toggle{margin:0}.about-process__steps details>p{margin:0 0 6px 52px}.about-team__image{height:auto;aspect-ratio:1.2;border-radius:100px 20px 100px 20px}.about-team__copy>p{font-size:15px}.about-community__badges{grid-template-columns:1fr 1fr;gap:9px;margin-top:26px}.about-community__badges>div{min-height:0;padding:12px 10px;gap:9px}.about-community__badges strong{font-size:14px}.about-community__badges small{font-size:11px}.about-badge__symbol{width:27px;height:27px;font-size:15px}.about-proof{padding:17px 0}.about-proof__grid{grid-template-columns:1fr 1fr}.about-proof__item{min-height:104px;padding:13px 10px;border-bottom:1px solid #ffffff63}.about-proof__item:nth-child(2){border-right:0}.about-proof__item:nth-child(n+3){border-bottom:0}.about-proof__item strong{font-size:30px}.about-proof__item span{font-size:11px}.about-work__heading{display:block;margin-bottom:25px}.about-work__heading .about-text-link{margin-top:10px}.about-work__grid{grid-template-columns:1fr;gap:27px}.about-work-card__image{height:auto;aspect-ratio:1.4}.about-work-card h3{font-size:22px}.about-faq .home-faq__layout{grid-template-columns:1fr}.about-cta{padding:54px 0}.about-cta__inner{display:block}.about-cta .wpx-button{margin-top:23px}}
@media(max-width:380px){.about-hero__art{height:270px}.about-hero__actions{align-items:stretch;flex-direction:column}.about-hero__actions>*{justify-content:center}.about-why__cards{grid-template-columns:1fr}.about-community__badges{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.about-project-shot img,.about-work-card__image img{transition:none}}
