/* The public D.6 home and the QuantumJump brand ecosystem. */
.qj-ecosystem{position:relative;isolation:isolate;overflow:hidden;background:#f1eeeb;color:#493653;padding-top:76px;padding-bottom:82px}
.qj-ecosystem .section-meta{margin-bottom:48px}
.qj-ecosystem .section-meta .eyebrow,.qj-ecosystem .section-meta>span{color:#957d9f}
.qj-eco-heading{display:grid;grid-template-columns:1.2fr 1fr;gap:10%;align-items:end}
.qj-eco-heading h2{font:400 clamp(48px,6.5vw,100px)/1 var(--display);letter-spacing:-.055em;color:#392b40}
.qj-eco-heading h2 em{font-size:1.13em;color:#9877aa;line-height:1.12}
.qj-eco-heading>div{padding-bottom:10px}
.qj-eco-heading h3{font-size:23px;line-height:1.7;font-weight:400;letter-spacing:-.7px;word-break:keep-all}
.qj-eco-heading p{font-size:13px;line-height:2;color:#927e9d;margin-top:21px;word-break:keep-all}
.qj-eco-spine{display:flex;align-items:center;gap:23px;margin:57px 0 0;padding:0 0 28px;border-bottom:1px solid #b89cc267}
.qj-eco-spine>span{font:400 12px var(--display);letter-spacing:4px;color:#8c6a9f}
.qj-eco-spine>i{height:1px;background:linear-gradient(90deg,#b499c3,transparent);flex:1}
.qj-eco-spine>b{font:400 24px var(--serif);color:#a784bb}
.qj-eco-grid{display:grid;grid-template-columns:1fr 1fr}
.qj-eco-card{position:relative;isolation:isolate;overflow:hidden;padding:35px 40px 40px 0;min-width:0}
.qj-eco-card+.qj-eco-card{border-left:1px solid #b89cc267;padding:35px 0 40px 40px}
.qj-eco-top{display:flex;justify-content:space-between;align-items:center;gap:16px}
.qj-eco-top>span{font:400 8px/1.5 var(--display);letter-spacing:1.5px;color:#a28eac}
.qj-eco-top>i{font:400 22px/1 var(--display);color:#9a7aaa;transition:transform .4s}
.qj-eco-card h3{font:400 30px/1.2 var(--display);letter-spacing:-1px;margin-top:42px;color:#56405f;position:relative;z-index:1}
.qj-eco-card h3 em{font:400 69px/1.12 var(--serif);color:#9b7bac;display:block;letter-spacing:-2px}
.qj-eco-card h4{font-size:17px;font-weight:400;color:#785988;letter-spacing:-.5px;line-height:1.7;margin-top:25px;position:relative;z-index:1}
.qj-eco-card p{max-width:370px;font-size:12px;line-height:2;color:#97829f;margin-top:13px;word-break:keep-all;position:relative;z-index:1}
.qj-eco-link{display:flex;align-items:center;justify-content:space-between;gap:25px;border-bottom:1px solid #b79bc56b;padding:13px 0;max-width:280px;margin-top:31px;font-size:11px;color:#765287;position:relative;z-index:1}
.qj-eco-link>span{font:400 24px var(--display);transition:transform .4s}
.qj-eco-card:hover .qj-eco-link>span,.qj-eco-card:hover .qj-eco-top>i{transform:translate(4px,-4px)}
.qj-eco-art{position:absolute;width:210px;height:210px;right:-43px;top:83px;z-index:-1;opacity:.43;perspective:700px}
.qj-eco-art i{position:absolute;inset:10%;border:1px solid #ac89be;border-radius:50%}
.qj-eco-globe i:nth-child(2){transform:scaleX(.55)}
.qj-eco-globe i:nth-child(3){transform:scaleY(.45)}
.qj-eco-globe:after{content:"";position:absolute;inset:28% -5%;border:1px solid #a983bf;border-radius:50%;transform:rotate(-30deg)}
.qj-eco-orbits{animation:qj-eco-rotation 30s linear infinite}
.qj-eco-orbits i{inset:6%;box-shadow:0 0 35px #a877bf08}
.qj-eco-orbits i:nth-child(1){transform:rotate(30deg) scaleY(.36)}
.qj-eco-orbits i:nth-child(2){transform:rotate(90deg) scaleY(.36)}
.qj-eco-orbits i:nth-child(3){transform:rotate(150deg) scaleY(.36)}
.qj-eco-orbits:after{content:"";position:absolute;width:17px;height:17px;left:calc(50% - 8.5px);top:calc(50% - 8.5px);border-radius:50%;background:radial-gradient(circle at 30% 30%,#e2d3ed,#ae87bf 65%,#8e64a4);box-shadow:0 0 45px #b48bc359}
.qj-eco-note{border-top:1px solid #b89cc267;padding-top:20px;color:#a18cab;font-size:10px;line-height:1.9;word-break:keep-all}
.qj-ecosystem-links{font-size:8px}
@keyframes qj-eco-rotation{to{transform:rotate(360deg)}}
@media(max-width:1000px){
 .qj-eco-heading{gap:7%}.qj-eco-heading h2{font-size:6.7vw}.qj-eco-heading h3{font-size:20px}.qj-eco-heading p{font-size:12px}.qj-eco-card h3{font-size:25px}.qj-eco-card h3 em{font-size:60px}.qj-eco-card h4{font-size:15px}.qj-eco-art{width:170px;height:170px;right:-48px}.qj-eco-card{padding-right:28px}.qj-eco-card+.qj-eco-card{padding-left:28px}
}
@media(max-width:700px){
 .qj-ecosystem{padding-top:48px;padding-bottom:47px}.qj-ecosystem .section-meta{margin-bottom:35px}.qj-eco-heading{display:block}.qj-eco-heading h2{font-size:11.6vw;letter-spacing:-2px}.qj-eco-heading>div{margin-top:27px;padding-bottom:0}.qj-eco-heading h3{font-size:20px;line-height:1.8}.qj-eco-heading p{font-size:12px;margin-top:16px;line-height:2}
 .qj-eco-spine{margin-top:35px;padding-bottom:22px;gap:16px}.qj-eco-spine>span{font-size:9px;letter-spacing:2.3px}.qj-eco-spine>b{font-size:20px}
 .qj-eco-grid{grid-template-columns:1fr}.qj-eco-card,.qj-eco-card+.qj-eco-card{padding:26px 0 32px;border-left:0}.qj-eco-card+.qj-eco-card{border-top:1px solid #b89cc267}.qj-eco-top>span{font-size:7px;letter-spacing:1px}.qj-eco-top>i{font-size:23px}.qj-eco-card h3{font-size:24px;margin-top:30px}.qj-eco-card h3 em{font-size:65px}.qj-eco-card h4{font-size:17px;margin-top:23px}.qj-eco-card p{font-size:12px;max-width:90%}.qj-eco-link{margin-top:22px;max-width:100%;font-size:11px}.qj-eco-art{width:155px;height:155px;right:-20px;top:64px;opacity:.5}.qj-eco-note{font-size:9px;padding-top:18px;line-height:1.9}
}
@media(prefers-reduced-motion:reduce){.qj-eco-orbits{animation:none}}
