.data-universe{position:relative;z-index:2;background:#050505;color:#fdfdfd;isolation:isolate;height:145svh;min-height:900px}
.data-universe-stage{position:sticky;top:0;min-height:100svh;display:flex;align-items:center;overflow:hidden;padding:64px 6.3%;background:#050505}
.data-universe-content{width:100%;max-width:1600px;margin:auto;opacity:var(--data-opacity,1);transform:translateY(var(--data-y,0px)) scale(var(--data-scale,1));will-change:transform,opacity}
.data-universe-heading{text-align:left;margin-bottom:34px}.data-universe-heading h2{font-size:clamp(36px,4.2vw,68px);font-weight:400;line-height:1.05;letter-spacing:-.035em;margin:0}.data-universe-heading h2 span{color:#929292}.data-universe-heading>p{font-size:clamp(16px,1.45vw,21px);color:#c3c3c3;margin:23px 0 0;line-height:1.4}
.data-source-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0}.data-source{min-width:0;padding:0 20px 24px;border-right:1px solid #ffffff20;text-align:left}.data-source:first-child{padding-left:0}.data-source:last-child{border:0;padding-right:0}.data-art{aspect-ratio:300/220;width:100%;max-height:260px;margin:0 auto 14px}.data-art canvas{display:block;width:100%;height:100%;object-fit:contain}.data-source h3{font-size:clamp(17px,1.5vw,23px);font-weight:400;letter-spacing:-.015em;line-height:1.25;margin:0 0 10px}.data-source p{font-size:12px;line-height:1.5;color:#929292;margin:0;text-wrap:balance}
.data-universe-bottom{display:flex;justify-content:space-between;align-items:center;gap:20px;border-top:1px solid #ffffff20;padding-top:20px;margin-top:10px;color:#929292;font-size:12px}.data-universe-bottom button{color:#bcbcbc;background:none;border:0;padding:8px 0;font-size:12px;text-decoration:underline;text-underline-offset:4px}.data-universe-bottom button:hover{color:white}
@media(min-width:901px) and (max-height:720px){.data-universe-stage{padding-top:32px;padding-bottom:32px}.data-art{max-height:190px}.data-universe-heading{margin-bottom:12px}.data-universe-heading h2{font-size:44px}}
@media(max-width:900px){.data-universe{height:auto;min-height:0}.data-universe-stage{position:relative;min-height:100svh;padding:64px 6%}.data-source-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 0}.data-source:nth-child(2){border:0;padding-right:0}.data-source:nth-child(3){padding-left:0}.data-art{max-height:230px}.data-universe-content{transform:none!important;opacity:1!important}.data-universe-heading{margin-bottom:24px}}
@media(max-width:480px){.data-universe-stage{padding:52px 6% 32px}.data-source{padding:0 12px 14px}.data-source h3{font-size:17px}.data-source p{font-size:11px}.data-universe-bottom{font-size:11px;gap:10px}.data-art{margin-bottom:8px}}
@media(prefers-reduced-motion:reduce){.data-universe{height:auto;min-height:0}.data-universe-stage{position:relative}.data-universe-content{transform:none!important;opacity:1!important;will-change:auto}}

/* Original Nucleus wordmark, centred at the top edge of the black chapter. */
.data-universe-logo{position:absolute;top:20px;left:50%;transform:translateX(-50%);width:clamp(110px,10vw,155px);height:auto;display:block;z-index:1}
@media(max-width:480px){.data-universe-logo{top:14px;width:110px}.data-universe-stage{padding-top:70px}}
@media(min-width:901px) and (max-height:720px){.data-universe-stage{padding-top:70px}}

@media(max-width:760px){.data-source p{font-size:.875rem;line-height:1.5;text-wrap:pretty}}

/* One continuous data chapter: heading, detailed cards, closing statement. */
.data-combined{height:auto;min-height:0}.data-combined .data-universe-stage{position:relative;min-height:0;display:block;padding:110px 6.3% 76px}.data-combined .data-universe-heading{margin-bottom:48px}.data-combined .data-art{width:100%;max-width:360px;max-height:none;aspect-ratio:300/220;margin:0}.data-combined .data-art canvas{width:100%;height:auto;max-width:none;margin:0;aspect-ratio:300/220}.data-combined .sense-card{color:#fdfdfd}.data-combined .data-summary{margin-top:64px;padding:40px 0 0;border-top:1px solid #ffffff24}.data-combined .data-summary h2{margin:0}.data-combined .sense-card-copy{padding-top:8px}
@media(max-width:760px){.data-combined .data-universe-stage{padding:80px 6% 48px}.data-combined .data-universe-heading{margin-bottom:32px}.data-combined .data-summary{margin-top:40px;padding-top:28px}.data-combined .data-art{max-width:320px}}
