/* Short Company page: one brand visual and one compact capability system. */
.about-page{--about-ink:#24152f;--about-muted:#695971;--about-line:#d9cbe2;background:#faf8fc;color:var(--about-ink)}
.about-shell{width:min(1240px,calc(100% - 80px));margin-inline:auto}
.about-section{padding-block:88px}
.about-heading{margin-bottom:30px}
.about-heading h2{margin:0 0 20px;font-size:clamp(34px,3.25vw,48px);line-height:1.14;letter-spacing:-.045em;text-wrap:balance}
.about-heading p,.about-prose p{max-width:740px;color:var(--about-muted);font-size:16px;line-height:1.8;margin:0 0 16px}
.about-label{font:11px/1.6 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:#85549c}
:where(.about-section,.about-hero) :is(a,button,[tabindex]):focus-visible{outline:3px solid #bb3bd5;outline-offset:4px}
:where(.about-section,.about-hero) .button{min-height:46px;border:0;padding:13px 22px;border-radius:10px;font-family:inherit;font-size:13px;font-weight:700;white-space:normal;text-align:center;cursor:pointer}
:where(.about-section,.about-hero) .button-dark{background:#702c99;color:#fff}
:where(.about-section,.about-hero) .button-dark:hover{background:#8436ab}
:where(.about-section,.about-hero) .about-secondary{border:1px solid #a27bb4;background:#fff9;color:#663184}
:where(.about-section,.about-hero) .about-secondary:hover{background:#e7d7f0}
.about-hero{padding-block:76px;background:radial-gradient(ellipse at 90% 40%,#e1cbef88,transparent 56%),#f3eef8;border-bottom:1px solid var(--about-line)}
.about-hero-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:64px;align-items:center}
.about-hero h1{font-size:clamp(44px,4.3vw,64px);letter-spacing:-.05em;line-height:1.08;margin:18px 0 28px;text-wrap:balance}
.about-hero h1 span{display:block}
.about-hero h1 span:last-child{color:#8234a6}
.about-hero-copy>p:not(.about-label){font-size:17px;line-height:1.8;color:var(--about-muted);margin:0}
.about-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}
.about-brand-visual{position:relative;isolation:isolate;aspect-ratio:4/3;min-width:0;overflow:hidden}
.about-brand-aura{position:absolute;inset:10% 8%;border-radius:50%;background:radial-gradient(ellipse at 28% 24%,#ba6edaa8,#743391b8 40%,#351547e8 80%);box-shadow:inset -25px -15px 55px #21072a66,0 28px 60px #6e298b33;transform:rotate(-18deg);z-index:-1}
.about-brand-orbit{position:absolute;inset:4% 2%;border:1px solid #b37ec8;border-radius:50%;transform:rotate(-25deg) scaleY(.72);z-index:-1}
.about-brand-orbit:after{position:absolute;inset:18% -4%;border:1px solid #caabd9;border-radius:50%;content:'';transform:rotate(38deg)}
.about-brand-mark{position:absolute;inset:32% 13% auto;padding:24px;border:1px solid #ffffffc4;border-radius:16px;background:#fffffff0;box-shadow:0 22px 50px #22052e40;transform:rotate(-8deg)}
.about-brand-mark img{display:block;width:100%;height:auto}
.about-brand-line{position:absolute;inset-inline:19%;bottom:18%;height:1px;background:linear-gradient(90deg,transparent,#e8b8ff,transparent);transform:rotate(-8deg)}
.about-editorial-split{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:80px}
.about-editorial-split .about-heading{margin-bottom:0}
.about-points{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 36px;list-style:none;padding:28px 0 0;margin:20px 0 0;border-top:1px solid var(--about-line)}
.about-points li{position:relative;padding-inline-start:22px;font-size:15px;line-height:1.6}
.about-points li:before{position:absolute;content:'';inset-inline-start:0;top:.65em;width:6px;height:6px;border-radius:50%;background:#9a54b5}
.about-capability-band{background:#ece5f3;border-block:1px solid #ded0e8}
.about-capability-band .about-heading{max-width:820px}
.about-capabilities{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.about-capability{display:flex;align-items:center;gap:18px;min-width:0;padding:24px;border:1px solid #cfb9dd;border-radius:13px;background:#fff7}
.about-capability svg{width:28px;height:28px;flex-shrink:0;fill:none;stroke:#9252ad;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.about-capability h3{font-size:17px;line-height:1.4;letter-spacing:-.02em;margin:0}
.about-growth-points{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;list-style:none;padding:0;margin:28px 0 0}
.about-growth-points li{border-top:2px solid #c4a0d6;padding-top:20px;font-size:17px;font-weight:600;line-height:1.6;letter-spacing:-.015em}
.about-dark{background:#180c28;color:#fff}
.about-dark .about-prose p{color:#d5c4e1}
.about-dark .about-points{border-color:#85539d66}
.about-dark .about-points li:before{background:#d898ee}
.about-mission-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:70px}
.about-mission-grid article:last-child{border-inline-start:1px solid var(--about-line);padding-inline-start:70px}
.about-mission-grid h2{font-size:32px;line-height:1.2;letter-spacing:-.035em;margin:0 0 24px}
.about-mission-grid p{font-size:17px;line-height:1.8;color:var(--about-muted);margin:0}
.about-mission-grid article:last-child h2{color:#8539a3}
.about-final{background:#eee2f5;border-block:1px solid #d9c2e5}
.about-final .about-section{padding-block:72px}
.about-final .about-heading{max-width:850px;margin:0}
.about-form-intro{padding-top:58px}
.about-form-intro .about-heading{margin-bottom:0}
.about-page #contact{margin-top:0}
@media(max-width:1100px){.about-shell{width:calc(100% - 56px)}.about-section{padding-block:72px}.about-hero{padding-block:60px}.about-hero-grid,.about-editorial-split{gap:40px}.about-hero h1{font-size:48px}.about-capability{padding:22px;gap:14px}.about-capability h3{font-size:16px}.about-mission-grid{gap:40px}.about-mission-grid article:last-child{padding-inline-start:40px}}
@media(max-width:800px){.about-shell{width:calc(100% - 40px)}.about-section{padding-block:60px}.about-heading h2{font-size:34px}.about-heading{margin-bottom:26px}.about-hero{padding-block:48px}.about-hero-grid,.about-editorial-split{grid-template-columns:minmax(0,1fr);gap:26px}.about-hero h1{font-size:48px}.about-hero-copy>p:not(.about-label){font-size:16px}.about-brand-visual{width:min(100%,430px);justify-self:center;aspect-ratio:5/3}.about-brand-mark{padding:20px;inset-block-start:27%}.about-points{gap:16px 24px;margin-top:12px;padding-top:24px}.about-capabilities{grid-template-columns:repeat(2,minmax(0,1fr))}.about-capability{padding:22px;gap:16px}.about-growth-points{gap:22px;margin-top:24px}.about-growth-points li{font-size:15px}.about-mission-grid{grid-template-columns:minmax(0,1fr);gap:34px}.about-mission-grid article:last-child{border-inline-start:0;border-top:1px solid var(--about-line);padding-inline-start:0;padding-top:34px}.about-mission-grid h2{font-size:30px;margin-bottom:18px}.about-mission-grid p{font-size:16px}.about-final .about-section{padding-block:56px}.about-form-intro{padding-top:48px}}
@media(max-width:550px){.about-hero h1{font-size:43px}.about-heading h2{font-size:32px}.about-hero-grid{gap:22px}.about-brand-visual{aspect-ratio:5/3}.about-brand-mark{padding:18px;border-radius:12px}.about-capabilities{grid-template-columns:minmax(0,1fr);gap:12px}.about-capability{padding:20px 22px;gap:18px}.about-capability h3{font-size:17px}.about-growth-points{grid-template-columns:minmax(0,1fr);gap:18px}.about-growth-points li{padding-top:16px;font-size:16px}.about-points{grid-template-columns:minmax(0,1fr);gap:15px}.about-mission-grid h2{font-size:29px}}
@media(max-width:350px){.about-shell{width:calc(100% - 32px)}.about-hero h1{font-size:38px}.about-actions .button{padding-inline:17px}.about-brand-mark{padding:14px}.about-capability{padding:20px;gap:14px}.about-capability h3{font-size:16px}}
@media(prefers-reduced-motion:reduce){.about-page *,.about-page *:before,.about-page *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* About Vantera: supplied neon artwork, live copy and shared conversions. */
.about-page{--about-ink:#f4f0ff;--about-muted:#c2cae5;--about-line:#51347d88;background:#03051d;color:var(--about-ink)}
.about-page main{background:radial-gradient(ellipse at 80% 30%,#25115a44,transparent 55%),#03051d}
.about-page main>section{position:relative;isolation:isolate;border-bottom:1px solid var(--about-line)}
.about-page .about-shell{width:min(1240px,calc(100% - 76px))}
.about-page .about-section{padding-block:44px}
.about-page :is(.about-heading h2,.about-mission-feature h2,.about-team h2){color:#f6f2ff;font-size:clamp(30px,3vw,42px);line-height:1.12;letter-spacing:-.045em;margin:0 0 18px}
.about-page :is(.about-heading p,.about-prose p,.about-mission-feature p,.about-team p){color:#c2cbe5;font-size:15px;line-height:1.65}
.about-page .about-label{display:inline-block;padding:3px 7px;border:1px solid #8250ab44;border-radius:5px;background:#3c165444;color:#d6b0f0;font-size:9px;letter-spacing:.08em}
.about-page .about-art{display:block;position:absolute;inset:0;pointer-events:none;z-index:-1;overflow:hidden}
.about-page .about-art img{display:block;width:100%;height:100%;object-fit:cover}
.about-page .about-hero{padding-block:50px;background:radial-gradient(ellipse at 78% 30%,#46239d77,transparent 55%),#03051d;overflow:hidden}
.about-page .about-hero-grid{grid-template-columns:.85fr 1.15fr;gap:24px;min-height:440px}
.about-page .about-hero h1{font-size:clamp(44px,4.6vw,66px);line-height:1.04;letter-spacing:-.055em;margin:16px 0 22px;text-wrap:initial}
.about-page .about-hero h1 span:last-child{color:#cf73eb}
.about-page .about-hero-copy>p:not(.about-label){font-size:15px;line-height:1.65;color:#d1d6ee}
.about-page .about-actions{gap:12px;margin-top:24px}
.about-page .about-brand-visual{aspect-ratio:auto;height:440px;overflow:visible;isolation:auto}
.about-page .about-hero-earth{inset:0 -90px -50px -20px;z-index:-1;mask-image:linear-gradient(transparent,#000 30%)}
.about-page .about-hero-earth img{object-position:center bottom;object-fit:cover}
.about-page .about-brand-aura{inset:12% 2% 22%;background:radial-gradient(ellipse,#8142e988,transparent 68%);box-shadow:none}
.about-page .about-brand-orbit{inset:10% 0 25%;border-color:#bd65ef66;box-shadow:0 0 20px #9c42f544;transform:rotate(-20deg) scaleY(.7)}
.about-page .about-brand-orbit:after{border-color:#6d75ff77;box-shadow:0 0 12px #9a3ce566}
.about-page .about-brand-mark{inset:25% 3% auto 9%;padding:28px 30px;border-radius:17px;background:linear-gradient(135deg,#fff,#dbc9ff);border:1px solid #e9caff;box-shadow:inset 0 0 18px #d8bcff,0 0 25px #cb7bff88,0 28px 60px #361280aa;transform:perspective(1000px) rotateY(-14deg) rotateZ(-12deg)}
.about-page .about-brand-line{bottom:22%;box-shadow:0 0 15px #ca69ff}
.about-page :is(.about-mission-feature,.about-team){display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center;min-height:320px}
.about-page .about-mission-feature article{max-width:540px}
.about-page .about-mission-feature .about-mission-art{position:relative;inset:auto;height:250px;z-index:0;border:1px solid #50358f;border-radius:14px;mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent)}
.about-page .about-mission-art img{object-fit:cover;object-position:center}
.about-page .about-editorial-split{gap:48px;grid-template-columns:.9fr 1.1fr}
.about-page .about-points{border:0;gap:16px;margin-top:26px;padding:0}
.about-page .about-principle-cards{grid-template-columns:repeat(4,minmax(0,1fr))}
.about-page .about-principle-cards li{min-width:0;min-height:130px;padding:58px 20px 22px;border:1px solid #4e3288;border-radius:11px;background:linear-gradient(135deg,#12103a,#070923);font-size:14px;font-weight:650;color:#eee2fb}
.about-page .about-principle-cards li:before{top:20px;inset-inline-start:20px;width:22px;height:22px;border:1px solid #ba6fea;border-radius:7px;background:#6e2fa533;box-shadow:0 0 12px #9d42e833}
.about-page .about-capability-band{background:#03051d;border-color:var(--about-line)}
.about-page .about-capability-band>.about-section{display:grid;grid-template-columns:.85fr 1.15fr;gap:48px;align-items:center}
.about-page .about-capability-band .about-heading{margin:0}
.about-page .about-ecosystem-visual{position:relative;isolation:isolate;min-height:390px;min-width:0}
.about-page .about-ecosystem-art{inset:0;mask-image:linear-gradient(transparent,#000 10%,#000 88%,transparent)}
.about-page .about-ecosystem-art img{object-fit:contain}
.about-page .about-capabilities{position:relative;grid-template-columns:1fr 1fr;gap:115px 38%;padding-block:24px}
.about-page .about-capability{min-width:0;display:block;padding:10px 12px;border:1px solid #6d42a8;border-radius:9px;background:#0d0a2dec;box-shadow:0 0 12px #6420ba22}
.about-page .about-capability svg{width:22px;height:22px;fill:none;stroke:#c77eec;stroke-width:1.5;margin-bottom:6px}
.about-page .about-capability h3{font-size:12px;line-height:1.4;color:#f0e5ff}
.about-page #about-growth{min-height:400px;padding-inline-end:51%}
.about-page #about-growth .about-editorial-split{display:block}
.about-page #about-growth .about-story-art{inset:0 0 0 46%;mask-image:linear-gradient(90deg,transparent,#000 16%)}
.about-page .about-story-art img{object-fit:contain;object-position:center}
.about-page .about-growth-points{grid-template-columns:1fr;gap:10px;margin-top:20px}
.about-page .about-growth-points li{font-size:13px;font-weight:500;line-height:1.5;border-top:1px solid #61358b;padding-top:10px}
.about-page .about-team-art{position:relative;inset:auto;z-index:0;height:250px;mask-image:linear-gradient(transparent,#000 15%,#000 88%,transparent)}
.about-page .about-team-art img{object-fit:contain}
.about-page .about-dark{background:#03051d}
.about-page #about-approach{min-height:430px}
.about-page #about-approach>.about-shell{margin-inline-start:52%;width:43%;max-width:600px;padding-block:44px;padding-inline-end:24px}
.about-page #about-approach .about-editorial-split{display:block}
.about-page #about-approach .about-points{grid-template-columns:1fr;gap:12px}
.about-page #about-approach .about-points li{font-size:13px;color:#d4cfeb}
.about-page #about-approach .about-city-art{inset:0 50% 0 0;border-inline-end:1px solid #593384}
.about-page .about-city-art img{width:100%;height:122%;object-fit:cover;object-position:center top}
.about-page .about-final{background:#03051d;border-color:var(--about-line);min-height:330px;overflow:hidden}
.about-page .about-final .about-final-art{inset:0 0 0 30%;mask-image:linear-gradient(90deg,transparent,#000 30%)}
.about-page .about-final-art img{object-position:center right;object-fit:cover}
.about-page .about-final .about-section{padding-block:45px;position:relative;z-index:1}
.about-page .about-final .about-heading{max-width:44%;text-shadow:0 2px 14px #02051c}
.about-page .about-final .about-heading h2{color:#d685eb}
.about-page .about-final .about-heading p{font-size:14px;color:#d3d9ee}
.about-page .about-form-intro{padding-block:32px}
html[dir=rtl] .about-page #about-growth{padding-inline-end:51%;padding-inline-start:0}
html[dir=rtl] .about-page #about-growth .about-story-art{inset:0 46% 0 0;mask-image:linear-gradient(270deg,transparent,#000 16%)}
html[dir=rtl] .about-page #about-approach .about-city-art{inset:0 0 0 50%}
html[dir=rtl] .about-page .about-final .about-final-art{inset:0 30% 0 0;mask-image:linear-gradient(270deg,transparent,#000 30%)}
@media(max-width:1100px){.about-page .about-brand-mark{padding:22px}.about-page .about-capabilities{gap:95px 25%}.about-page .about-ecosystem-visual{min-height:360px}.about-page .about-principle-cards li{padding-inline:15px;font-size:13px}}
@media(max-width:800px){
.about-page .about-shell{width:calc(100% - 40px)}
.about-page .about-section{padding-block:34px}
.about-page .about-hero{padding-block:34px 0}
.about-page .about-hero-grid{grid-template-columns:1fr;gap:20px}
.about-page .about-hero-copy{max-width:600px}
.about-page .about-hero h1{font-size:48px}
.about-page .about-brand-visual{width:100%;height:340px}
.about-page .about-hero-earth{inset:0 -20px}
.about-page .about-brand-mark{inset:20% 8% auto 14%;max-width:480px;padding:24px}
.about-page :is(.about-mission-feature,.about-team),.about-page .about-editorial-split,.about-page .about-capability-band>.about-section{grid-template-columns:1fr;gap:24px}
.about-page .about-principle-cards{grid-template-columns:1fr 1fr}
.about-page .about-mission-feature .about-mission-art{height:260px}
.about-page .about-capabilities{gap:100px 40%}
.about-page #about-growth{padding-inline-end:0;padding-bottom:280px}
.about-page #about-growth .about-story-art{inset:auto 0 0;height:270px;mask-image:none}
.about-page .about-team-art{height:230px}
.about-page #about-approach{padding-top:270px}
.about-page #about-approach>.about-shell{margin-inline:auto;width:calc(100% - 40px);max-width:none;padding-inline:0}
.about-page #about-approach .about-city-art{inset:0 0 auto;height:270px}
.about-page .about-city-art img{height:auto;min-height:100%;object-position:top}
.about-page .about-final .about-heading{max-width:65%}
html[dir=rtl] .about-page #about-growth{padding-inline:0}
html[dir=rtl] .about-page #about-growth .about-story-art{inset:auto 0 0;mask-image:none}
html[dir=rtl] .about-page #about-approach .about-city-art{inset:0 0 auto}
}
@media(max-width:550px){
.about-page .about-hero h1{font-size:43px}
.about-page .about-heading h2,.about-page .about-mission-feature h2,.about-page .about-team h2{font-size:30px}
.about-page .about-brand-visual{height:250px}
.about-page .about-brand-mark{padding:18px;inset:20% 2% auto 6%;border-radius:12px}
.about-page .about-principle-cards{gap:12px}
.about-page .about-principle-cards li{padding:55px 14px 18px;font-size:13px;min-height:130px}
.about-page .about-capability-band .about-heading{max-width:none}
.about-page .about-ecosystem-visual{padding-top:210px;min-height:0}
.about-page .about-ecosystem-art{inset:0 0 auto;height:220px}
.about-page .about-capabilities{grid-template-columns:1fr 1fr;gap:12px;padding-block:12px}
.about-page .about-capability{display:flex;align-items:center;gap:10px;padding:16px 12px}
.about-page .about-capability svg{flex-shrink:0;margin:0}
.about-page .about-capability h3{font-size:12px}
.about-page .about-mission-feature .about-mission-art{height:200px}
.about-page .about-final{padding-bottom:170px}
.about-page .about-final .about-heading{max-width:none}
.about-page .about-final .about-final-art{inset:auto 0 0;height:250px;mask-image:linear-gradient(transparent,#000 55%)}
.about-page .about-final .about-section{padding-block:34px 0}
html[dir=rtl] .about-page .about-final .about-final-art{inset:auto 0 0;mask-image:linear-gradient(transparent,#000 55%)}
}
.about-page .about-city-art img{height:125%;min-height:0;object-fit:cover;object-position:center top}
/* Fade the supplied elements into the page instead of exposing bitmap edges. */
.about-page .about-hero-earth{mask-image:radial-gradient(ellipse at 66% 72%,#000 37%,transparent 77%)}
.about-page .about-mission-feature .about-mission-art{border:0;background:none;mask-image:radial-gradient(ellipse,#000 40%,transparent 74%)}
.about-page #about-growth .about-story-art{mask-image:radial-gradient(ellipse,#000 44%,transparent 74%)}
.about-page .about-team-art{mask-image:radial-gradient(ellipse,#000 44%,transparent 75%)}
.about-page .about-ecosystem-art{mask-image:radial-gradient(ellipse at 50% 45%,#000 24%,transparent 65%)}
.about-page .about-ecosystem-visual{min-height:340px}
.about-page .about-capabilities{gap:85px 38%}
body.about-page .about-final .about-heading{max-width:44%}
body.about-page .about-final .about-heading h2{font-size:clamp(30px,3vw,42px);color:#d685eb}
body.about-page .about-final .about-heading p{font-size:14px;color:#d3d9ee}
@media(max-width:800px){body.about-page .about-final .about-heading{max-width:65%}}
@media(max-width:550px){.about-page .about-ecosystem-visual{min-height:0}.about-page .about-capabilities{gap:12px}.about-page .about-ecosystem-art{mask-image:radial-gradient(ellipse,#000 38%,transparent 74%)}body.about-page .about-final .about-heading{max-width:none}}
