/* Vale: three scroll narratives. Native scrolling, original brand asset. */
.connection-story{height:330vh;position:relative;background:#f2f5ff;scroll-margin-top:78px}
.connection-sticky{height:calc(100vh - 78px);min-height:590px;position:sticky;top:78px;overflow:clip;isolation:isolate}
.connection-heading{position:absolute;left:7%;top:15%;width:48%;z-index:4;transform-origin:left center}
.connection-heading h2,.search-story h2,.team-story h2,.value-section h2{font-size:clamp(48px,5.9vw,86px);line-height:1.05;font-weight:500;letter-spacing:-.055em;margin:25px 0}
.connection-heading p,.search-story-copy>p,.team-story-heading>p{font-size:17px;line-height:1.8;color:#59657b;max-width:470px}
.connection-system{position:absolute;width:680px;height:510px;left:67%;top:46%;translate:-50% -50%;transform-origin:center}
.connection-orbits{position:absolute;inset:0;pointer-events:none}
.connection-orbits i{position:absolute;inset:75px 0;border:1px solid #003dff25;border-radius:50%;transform:rotate(-23deg)}
.connection-orbits i:nth-child(2){inset:40px 65px;transform:rotate(31deg);border-color:#003dff18}
.connection-orbits i:nth-child(3){inset:110px 12px;transform:rotate(15deg);border-color:#a08bf450}
.connection-core{position:absolute;left:50%;top:50%;width:270px;height:170px;translate:-50% -50%;display:grid;place-items:center}
.core-word{display:flex;align-items:center;gap:18px;color:var(--blue);font-size:58px;font-weight:550;letter-spacing:-.065em}
.core-word>span{font-size:25px;color:#a492e9;font-weight:400}
.connection-logo{position:absolute;width:300px;height:130px;overflow:hidden;opacity:0;background:white;box-shadow:0 25px 80px #003dff12;border-radius:10px}
.connection-logo img{position:absolute;width:370px;max-width:none;height:370px;left:-35px;top:-118px}
.connection-nodes{list-style:none;padding:0;margin:0;position:absolute;inset:0}
.connection-nodes li{position:absolute;left:50%;top:50%;margin:-25px 0 0 -96px;width:192px;min-height:50px;padding:12px 13px;display:flex;align-items:center;gap:11px;font-size:14px;font-weight:500;border:1px solid #e1e8fc;background:#ffffffec;border-radius:8px;box-shadow:0 12px 30px #3145820c;will-change:transform;line-height:1.3}
.node-symbol{display:grid;place-items:center;color:var(--blue);background:#edf1ff;width:27px;height:27px;flex-shrink:0;font-size:12px;border-radius:5px}
.connection-nodes li:nth-child(4n) .node-symbol{background:#fff0b1;color:#6c5210}
.connection-nodes li:nth-child(3n) .node-symbol{background:#eee6ff;color:#64509b}
.connection-ending{position:absolute;bottom:15%;left:0;width:100%;text-align:center;opacity:0;pointer-events:none}
.connection-ending>span,.team-conclusion>span{font-size:12px;letter-spacing:.14em;color:var(--blue);display:block;margin-bottom:18px}
.connection-ending strong{font-size:clamp(35px,4vw,56px);line-height:1.12;font-weight:500;letter-spacing:-.045em}
.connection-caption{position:absolute;bottom:28px;left:7%;right:7%;display:flex;align-items:center;gap:25px;font-size:12px;color:#63718a;letter-spacing:.07em}
.connection-meter{height:2px;flex:1;background:#dce3f5;overflow:hidden}.connection-meter i{display:block;height:100%;background:var(--blue);transform-origin:left}
.search-story{height:230vh;background:#111722;color:white;position:relative;scroll-margin-top:78px}
.search-sticky{position:sticky;top:78px;height:calc(100vh - 78px);min-height:640px;display:grid;grid-template-columns:1fr 1.1fr;gap:8%;align-items:center;padding:55px 7%;overflow:clip}
.search-story-copy .eyebrow{color:#9baad0}.search-story-copy>p{color:#b4c0d4}.search-story h2 em{color:var(--yellow)}
.search-chapters{margin-top:35px;border-top:1px solid #ffffff20}.search-chapters>div{display:flex;align-items:center;gap:20px;padding:16px 0;border-bottom:1px solid #ffffff20;color:#95a1b7;transition:color .25s; font-size:16px}.search-chapters b{font-size:12px;color:#758097}.search-chapters>div.is-active{color:var(--yellow)}.search-chapters>div.is-active b{color:var(--yellow)}
.semantic-demo{background:#1b2332;border:1px solid #ffffff20;border-radius:14px;padding:28px;position:relative;min-width:0}
.semantic-head{display:flex;justify-content:space-between;gap:15px;font-size:12px;color:#9ba8c0;letter-spacing:.06em}
.semantic-query{background:#111722;border:1px solid #63769955;border-radius:7px;padding:18px 15px;margin-top:25px;display:flex;align-items:center;gap:12px;min-height:80px;font-size:17px;color:#f4f6fc;line-height:1.5}
.semantic-query>span:first-child{font-size:27px;color:var(--yellow)}.query-letters{flex:1}.semantic-query>i{height:21px;width:2px;background:var(--yellow);flex-shrink:0}
.semantic-skills{display:flex;flex-wrap:wrap;gap:7px;margin:17px 0 22px}.semantic-skills span{padding:7px 10px;color:#d4c9ff;border:1px solid #a797d34d;border-radius:4px;font-size:12px}
.semantic-results{display:grid;gap:12px}.semantic-results article{display:flex;align-items:center;gap:14px;background:#f6f8ff;color:var(--ink);border-radius:7px;padding:16px;transform-origin:center}.semantic-results article:first-child{background:#e8e1ff}.semantic-results h3{font-size:17px;letter-spacing:-.02em;margin:0}.semantic-results p{font-size:13px;color:#526079;margin:4px 0}.semantic-results article>div{flex:1}.semantic-results article>div>span{font-size:12px;color:#526079}.semantic-results b{font-size:34px;letter-spacing:-.05em;color:var(--blue)}.semantic-results b small{font-size:13px}.semantic-note{font-size:12px;color:#9ca9bf;line-height:1.6;margin-top:24px}
.semantic-insight{position:absolute;inset:155px 28px 52px;background:#fbc128;color:var(--ink);padding:30px;border-radius:8px;display:flex;flex-direction:column;justify-content:center;opacity:0;pointer-events:none;box-shadow:0 20px 55px #0003}
.semantic-insight>span{font-size:12px;letter-spacing:.08em}.semantic-insight strong{font-size:clamp(32px,3vw,46px);font-weight:500;line-height:1.2;letter-spacing:-.04em;margin:25px 0}.semantic-insight a{font-size:15px;text-decoration:underline;text-underline-offset:6px;align-self:flex-start;min-height:44px;display:flex;align-items:center}
.team-story{height:245vh;position:relative;background:#f8f9fd;scroll-margin-top:78px}
.team-sticky{position:sticky;top:78px;height:calc(100vh - 78px);min-height:660px;overflow:clip;padding:45px 7%;display:flex;flex-direction:column;align-items:center}
.team-story-heading{text-align:center}.team-story-heading h2{font-size:clamp(45px,4.5vw,66px);margin:16px 0}.team-story-heading>p{font-size:16px;max-width:580px;margin:auto}
.context-board{position:relative;width:100%;max-width:1000px;flex:1;min-height:350px;margin:25px auto 0}
.context-person{position:absolute;left:50%;top:48%;translate:-50% -50%;background:#111722;color:white;width:365px;min-height:178px;padding:24px;border-radius:12px;display:flex;align-items:center;flex-wrap:wrap;gap:15px;box-shadow:0 25px 45px #1d315318;z-index:2}
.context-person small{font-size:10px;color:#a6b2cd;letter-spacing:.1em}.context-person h3{font-size:23px;margin:6px 0 3px;letter-spacing:-.03em}.context-person p{font-size:14px;color:#b1bed4;margin:0}.context-status{font-size:12px;color:var(--yellow);margin-left:auto}.context-person-footer{border-top:1px solid #ffffff20;width:100%;padding-top:16px;font-size:13px;display:flex;justify-content:space-between;gap:12px;color:#c3cde0}.context-person-footer strong{color:var(--yellow);font-weight:500}
.context-piece{position:absolute;left:50%;top:48%;width:235px;min-height:160px;margin:-80px 0 0 -117px;border:1px solid #dce2f1;border-radius:9px;background:white;padding:20px;box-shadow:0 15px 30px #182c5810;z-index:3;transform-origin:center;will-change:transform}
.context-piece>span{font-size:10px;color:var(--blue);letter-spacing:.07em;display:block;margin-bottom:15px}.context-piece strong{font-size:16px;font-weight:550;line-height:1.3;display:block}.context-piece p{font-size:13px;color:#58657b;line-height:1.6;margin:10px 0 0}.context-piece i{display:block;height:3px;background:#cdc2ff;margin-top:15px;width:60%}.context-piece:nth-of-type(3){background:#fff6d9}.context-piece:nth-of-type(4){background:#f0ebff}.context-piece:nth-of-type(5){background:#edf3ff}
.context-example{position:absolute;bottom:5px;left:0;width:100%;text-align:center;font-size:11px;color:#69778e;letter-spacing:.04em}
.team-conclusion{text-align:center;position:absolute;bottom:55px;background:#f8f9fd;width:100%;opacity:0;pointer-events:none}.team-conclusion strong{font-size:clamp(30px,3.3vw,48px);font-weight:500;letter-spacing:-.035em}
.value-section{padding:100px 7%;background:#dfe8ff;display:grid;grid-template-columns:1fr 1fr;gap:9%;align-items:start}.value-section h2{font-size:clamp(40px,4.2vw,60px)}.value-heading{position:sticky;top:135px}.value-rows article{border-top:1px solid #a7b6d5;padding:30px 0}.value-rows article:last-child{border-bottom:1px solid #a7b6d5}.value-rows article>span{font-size:12px;letter-spacing:.08em;color:#3b5792}.value-rows h3{font-weight:500;font-size:28px;letter-spacing:-.03em;margin:15px 0}.value-rows p{font-size:16px;line-height:1.8;color:#495b7b;margin:0}
@media(max-width:1100px){.connection-system{scale:.82}.connection-heading h2{font-size:64px}.semantic-demo{padding:20px}.semantic-insight{inset:145px 20px 52px;padding:25px}.semantic-head{font-size:10px}.semantic-results article{padding:13px;gap:10px}.semantic-results article>div>span{font-size:10px}.context-board{scale:.9}}
@media(max-width:800px){.connection-story{height:310vh}.connection-sticky{min-height:650px}.connection-heading{top:5%;left:6%;width:88%;text-align:center;transform-origin:center}.connection-heading h2{font-size:52px;margin:16px 0}.connection-heading p{font-size:15px;margin:auto}.connection-system{left:50%;top:63%;scale:.78}.connection-ending{bottom:13%}.connection-caption{left:6%;right:6%;font-size:10px;gap:14px}.scroll-label{display:none}.search-sticky{grid-template-columns:1fr;gap:24px;padding:40px 6%;min-height:860px;height:auto}.search-story{height:auto}.search-story h2{font-size:55px;margin:20px 0}.search-story-copy>p{font-size:16px;max-width:650px}.search-chapters{display:flex;margin-top:25px}.search-chapters>div{flex:1;font-size:12px;padding:14px 5px;gap:8px}.semantic-demo{width:100%;max-width:650px;margin:auto}.semantic-query{font-size:17px}.semantic-results article>div>span{font-size:12px}.semantic-insight{display:none}.team-story{height:235vh}.team-sticky{padding:35px 6%;min-height:710px}.team-story-heading h2{font-size:48px}.context-board{scale:.75;width:135%;transform-origin:50% 40%;margin-top:45px}.context-piece{width:210px}.context-example{bottom:-15px}.team-conclusion{bottom:55px}.value-section{grid-template-columns:1fr;padding:65px 6%;gap:25px}.value-heading{position:static}.value-section h2{font-size:48px}.value-rows h3{font-size:27px}}
@media(max-width:500px){.connection-sticky{min-height:600px}.connection-heading .eyebrow{font-size:10px}.connection-heading h2{font-size:43px}.connection-heading p{font-size:14px;max-width:310px;line-height:1.6}.connection-system{scale:.49;top:61%}.connection-nodes li{font-size:17px;min-height:60px;width:210px;margin-left:-105px}.node-symbol{font-size:14px;width:30px;height:30px}.connection-logo{width:335px;height:146px}.connection-logo img{width:413px;height:413px;left:-39px;top:-132px}.connection-ending{bottom:15%}.connection-ending strong{font-size:34px}.connection-caption{bottom:24px;font-size:9px;gap:12px}.connection-phase{max-width:180px}.search-sticky{position:relative;top:0;min-height:0;padding:65px 6%;gap:20px}.search-story h2{font-size:46px}.search-chapters{margin-top:25px}.search-chapters b{font-size:10px}.search-chapters>div{font-size:11px;gap:5px;line-height:1.5}.semantic-demo{padding:17px}.semantic-head{font-size:9px}.semantic-query{font-size:15px;padding:14px 10px}.semantic-skills span{font-size:10px;padding:7px}.semantic-results article{padding:12px 10px;gap:10px}.semantic-results .avatar{width:31px;height:31px;font-size:10px}.semantic-results h3{font-size:14px}.semantic-results p{font-size:12px}.semantic-results article>div>span{font-size:10px}.semantic-results b{font-size:27px}.semantic-note{font-size:10px}.team-story{height:235vh}.team-sticky{min-height:650px;padding-top:28px}.team-story-heading .eyebrow{font-size:10px}.team-story-heading h2{font-size:40px}.team-story-heading>p{font-size:14px;line-height:1.65}.context-board{width:200%;scale:.51;transform-origin:50% 20%;margin-top:25px;min-height:420px}.context-piece{width:225px;min-height:160px}.context-person{width:335px}.context-person h3{font-size:23px}.context-person-footer{font-size:12px}.context-piece>span{font-size:12px}.context-piece strong{font-size:19px}.context-piece p{font-size:16px}.context-example{font-size:16px;bottom:-5px}.team-conclusion{bottom:50px;padding:0 6%}.team-conclusion>span{font-size:10px}.team-conclusion strong{font-size:29px;line-height:1.2;display:block}.value-section h2{font-size:39px}.value-rows h3{font-size:25px}.value-rows p{font-size:15px}}
/* Short screens and reduced motion keep every piece in normal document flow. */
@media(max-height:650px),(prefers-reduced-motion:reduce){.connection-story,.search-story,.team-story{height:auto}.connection-sticky{position:relative;top:0;height:auto;min-height:950px;padding:65px 6%}.connection-heading{position:relative;left:auto;top:auto;width:100%;text-align:center;transform:none!important;opacity:1!important}.connection-heading p{margin:auto}.connection-system{position:relative;left:50%;top:auto;translate:-50% 0;transform:none!important;margin:35px 0 0}.core-word{display:none}.connection-logo{opacity:1!important;transform:none!important}.connection-ending{position:relative;left:auto;bottom:auto;margin:15px 0 50px;opacity:1!important;transform:none!important}.connection-caption{bottom:25px}.search-sticky{position:relative;top:0;height:auto;min-height:0}.team-sticky{position:relative;top:0;height:auto;min-height:830px}.context-board{flex:none;height:430px}.team-conclusion{position:relative;bottom:auto;margin:25px 0;opacity:1!important;transform:none!important}.semantic-results article,.semantic-query,.semantic-skills{opacity:1!important;transform:none!important;clip-path:none!important}.semantic-insight{display:none}.context-person{transform:none!important}.context-piece{opacity:1!important}.value-heading{position:static}}
@media(max-width:500px) and (max-height:650px),(max-width:500px) and (prefers-reduced-motion:reduce){.connection-sticky{min-height:780px}.connection-system{height:300px;transform-origin:50% 0%;margin-bottom:-40px}.connection-ending strong{font-size:30px}.team-sticky{min-height:700px}.context-board{margin-bottom:-165px}.team-conclusion{margin-top:0}}
@media(min-width:801px) and (min-height:651px) and (max-height:800px){
 .search-sticky{min-height:0;padding:28px 7%}.search-story h2{font-size:60px;margin:20px 0}.search-story-copy>p{font-size:16px;line-height:1.65}.search-chapters{margin-top:24px}.search-chapters>div{padding:13px 0}.semantic-demo{padding:20px}.semantic-query{margin-top:17px;padding:13px;min-height:72px}.semantic-results article{padding:12px}.semantic-skills{margin:14px 0 17px}.semantic-note{margin-top:18px;font-size:10px}
 .team-sticky{min-height:0;padding:24px 7%}.team-story-heading h2{font-size:48px;margin:12px 0}.team-story-heading>p{font-size:14px;line-height:1.65}.context-board{min-height:310px;margin-top:15px;scale:.82;transform-origin:50% 40%}.context-piece{min-height:148px}.team-conclusion{bottom:40px}
}
@media(max-width:800px){.context-board{left:50%;translate:-50% 0;align-self:flex-start;margin-left:0;margin-right:0}}
@media(max-width:500px){.connection-system{top:58%}}
@media(max-width:500px){.connection-nodes li{width:170px;margin-left:-85px;font-size:17px}.connection-logo{width:235px;height:102px}.connection-logo img{width:290px;height:290px;left:-27px;top:-93px}}
