/* A short, readable story; motion rewards attention rather than requiring it. */
.originScene{height:100svh;min-height:680px}.originStage{height:100%;position:relative;min-height:680px;background:radial-gradient(ellipse at 75% 55%,#223141,var(--navy) 65%)}
.originCopy{top:24%;width:40%;z-index:3}.originCopy h2{font-size:clamp(4rem,7.5vw,8rem)}.originField{opacity:1;right:2%;top:56%;width:60vw;transform:translateY(-40%)}.originField .pitch g{stroke:rgba(205,220,226,.38);stroke-width:1.5}
.connectedScene{position:relative;isolation:isolate;overflow:hidden;min-height:85svh;display:flex;align-items:center;background:linear-gradient(130deg,#1d2737,var(--navy));padding:110px max(32px,calc((100vw - 1440px)/2))}
.connectedContent{position:relative;z-index:2;width:100%}.connectedContent h2{max-width:1100px;margin:32px 0;font:900 clamp(3rem,6.6vw,7rem)/.98 var(--display);letter-spacing:-.05em;text-transform:uppercase}.connectedContent h2 em{display:block;color:var(--cyan);font-size:.8em;line-height:1.15;margin-top:12px}
.connectedStatement{max-width:740px;font-size:clamp(18px,1.65vw,23px);line-height:1.6;color:#d4dde5;margin:0 0 58px}
.knowledgeRow{display:flex;align-items:center;gap:clamp(18px,4vw,64px);width:fit-content;position:relative;padding-bottom:24px;font:700 clamp(14px,1.35vw,19px)/1.4 var(--mono);letter-spacing:.06em;text-transform:uppercase}.knowledgeRow b{color:var(--cyan);font-weight:400}.knowledgeRow:after{content:'';position:absolute;bottom:0;left:0;right:0;height:1px;background:linear-gradient(90deg,var(--cyan),rgba(27,196,243,.15));transform-origin:left;animation:connectLine 6s ease-in-out infinite}@keyframes connectLine{0%,100%{opacity:.3;transform:scaleX(.94)}50%{opacity:.8;transform:scaleX(1)}}
.connectedField{position:absolute;z-index:-1;right:-12%;width:70%;aspect-ratio:1200/760;opacity:.16;transform:rotate(-7deg)}.connectedField .pitch{transform:none}
@media(max-width:900px){.originScene,.originStage{min-height:720px}.originCopy{top:17%;width:90%}.originCopy h2{font-size:15vw}.originField{width:94vw;right:3%;top:65%}.connectedScene{padding:100px 20px;min-height:780px}.connectedContent h2{font-size:clamp(2.5rem,10vw,5rem)}.connectedStatement{font-size:18px}.knowledgeRow{gap:12px;flex-wrap:wrap;font-size:14px;max-width:100%}.connectedField{width:130%;right:-30%;bottom:0}}
@media(prefers-reduced-motion:reduce){.knowledgeRow:after{animation:none}}