.sense-detail{position:relative;z-index:2;background:#050505;color:#fdfdfd;padding:68px 6.3% 110px;isolation:isolate}.sense-heading{height:auto;display:grid;grid-template-columns:1fr 1fr;align-items:end;gap:7%;padding:0 0 48px;background:none;position:static}.sense-heading h2{font-size:clamp(32px,3.5vw,56px);font-weight:400;line-height:1.08;letter-spacing:-.035em}.sense-heading h2 span{color:#919191}.sense-heading>p{font-size:17px;line-height:1.6;color:#aaa;max-width:530px}.sense-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px}.sense-card{border:1px solid #ffffff26;background:#090909;min-width:0;overflow:hidden}.sense-card-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:23px 25px;border-bottom:1px solid #ffffff20}.sense-card-heading h3{font-size:20px;font-weight:400;letter-spacing:-.02em}.sense-live{display:flex;align-items:center;gap:7px;font-family:'ABC Schengen A Mono',monospace;font-size:9px;letter-spacing:.05em;color:#969696}.sense-live i{width:4px;height:4px;border-radius:50%;background:#e8ff2b}.sense-visual{background:#060606}.sense-view-labels,.sense-view-footer{display:grid;grid-template-columns:1fr 1fr;color:#8f8f8f;font-family:'ABC Schengen A Mono',monospace;font-size:9px;letter-spacing:.02em;line-height:1.4}.sense-view-labels{padding-top:18px;text-transform:uppercase}.sense-view-labels span,.sense-view-footer span{padding:0 22px}.sense-view-labels span+span{border-left:1px solid #333}.sense-view-footer{padding-bottom:16px;font-size:8px;color:#767676}.sense-view-footer .sense-phase{color:#cbd68b}.sense-visual canvas{display:block;width:100%;height:auto;aspect-ratio:720/280}.sense-card-copy{padding:24px 25px 28px;border-top:1px solid #ffffff20}.sense-card-copy h4{font-size:21px;font-weight:400;line-height:1.25;letter-spacing:-.02em;margin:0 0 14px}.sense-card-copy>p{font-size:15px;line-height:1.65;color:#aaa;margin:0;max-width:55ch;text-wrap:pretty}.sense-card-copy ul{display:flex;flex-wrap:wrap;gap:8px 17px;list-style:none;padding:0;margin:21px 0 0;font-size:11px;color:#d4d4d4}.sense-card-copy li:before{content:'·';color:#e8ff2b;margin-right:7px}
@media(max-width:1000px){.sense-detail{padding-inline:4%}.sense-card-heading,.sense-card-copy{padding-inline:20px}.sense-heading{gap:32px}.sense-live{font-size:8px}.sense-card-copy h4{font-size:19px}}
@media(max-width:760px){.sense-detail{padding:44px 6% 64px}.sense-heading{grid-template-columns:1fr;padding-bottom:32px;gap:24px}.sense-heading>p{font-size:16px}.sense-grid{grid-template-columns:1fr;gap:22px}.sense-card-copy>p{font-size:15px}.sense-card-heading{padding:19px 20px}.sense-view-labels span,.sense-view-footer span{padding-inline:15px}.sense-card-copy{padding:22px 20px 26px}}

/* Open editorial layout: one quiet rule per task, no enclosing boxes. */
.sense-grid{gap:48px 40px}.sense-card{border:0;border-top:1px solid #ffffff24;background:transparent;overflow:visible}.sense-card-heading{border:0;padding:24px 0 8px}.sense-visual{background:transparent}.sense-card-copy{border:0;padding:24px 0 0}.sense-view-labels span+span{border:0}.sense-view-labels span,.sense-view-footer span{padding-inline:12px}.sense-card-copy>p{max-width:60ch}
@media(max-width:760px){.sense-grid{gap:36px}.sense-card-heading{padding-top:20px}.sense-card-copy{padding-top:20px}}

/* Readable phone typography without changing the desktop composition. */
@media(max-width:760px){.sense-heading h2{font-size:clamp(2rem,8.2vw,2.5rem);text-wrap:balance}.sense-card-copy>p{font-size:1rem;line-height:1.6}.sense-card-copy h4{font-size:1.375rem;line-height:1.25}.sense-live{font-size:.75rem;letter-spacing:0}.sense-card-heading{flex-wrap:wrap}.sense-view-labels,.sense-view-footer{font-size:.75rem;line-height:1.5}.sense-view-labels span,.sense-view-footer span{padding-inline:8px}.sense-card-copy ul{font-size:.875rem;line-height:1.5}}

/* A single centred data visualization per card. */
.sense-view-labels,.sense-view-footer{grid-template-columns:1fr;text-align:left}.sense-visual canvas{aspect-ratio:360/280;max-width:420px;margin-inline:0}.sense-live{display:none}

.sense-view-labels span,.sense-view-footer span{padding-inline:0}

/* Clear hierarchy and a tighter rhythm in the combined data chapter. */
.data-combined .sense-card:nth-child(-n+2){border-top:0}
.data-combined .sense-card-heading{padding:20px 0 0}
.data-combined .sense-card:nth-child(-n+2) .sense-card-heading{padding-top:0}
.data-combined .sense-card-heading h3{font-size:clamp(24px,2vw,30px);line-height:1.2;letter-spacing:-.025em}
.data-combined .sense-card-copy h4{font-size:18px;line-height:1.4;color:#d4d4d4;margin-bottom:12px}
.data-combined .sense-card-copy{padding-top:0}
.data-combined .sense-grid{gap:36px 40px}
.data-combined .data-art{max-width:440px;aspect-ratio:300/180;overflow:hidden}
.data-combined .data-art canvas{transform:translateY(-9%)}
.data-combined .data-universe-heading{margin-bottom:36px}
.data-combined .data-summary{margin-top:48px;padding-top:32px}
@media(max-width:760px){.data-combined .sense-card:nth-child(2){border-top:1px solid #ffffff24}.data-combined .sense-card:nth-child(2) .sense-card-heading{padding-top:20px}.data-combined .sense-card-heading h3{font-size:24px}.data-combined .sense-card-copy h4{font-size:18px}.data-combined .sense-grid{gap:28px}.data-combined .data-art{max-width:400px}.data-combined .data-summary{margin-top:36px;padding-top:28px}}

/* Reversible footage trial: same data cards, lightweight video loops. */
.data-combined .data-video-frame{width:100%;aspect-ratio:960/506;margin:20px 0 22px;overflow:hidden;border-radius:4px;background:#111}
.data-video-frame video{display:block;width:100%;height:100%;object-fit:cover}
@media(max-width:760px){.data-combined .data-video-frame{margin:16px 0 18px}}

/* A compact introduction, with the supporting sentence attached to its headline. */
.data-combined .data-universe-stage{padding-top:72px}
.data-combined .data-universe-heading{display:block;text-align:left;margin-bottom:48px;max-width:900px}
.data-combined .data-universe-heading h2{font-size:clamp(36px,3.8vw,60px);line-height:1.08;letter-spacing:-.035em}
.data-combined .data-universe-heading>p{margin:18px 0 0;font-size:18px;line-height:1.45;color:#b4b4b4}
.data-combined .sense-card-heading h3{font-size:20px;line-height:1.3;letter-spacing:-.015em}
.data-combined .data-video-frame{margin-top:14px}
@media(max-width:760px){
.data-combined .data-universe-stage{padding-top:52px}
.data-combined .data-universe-heading{margin-bottom:32px}
.data-combined .data-universe-heading h2{font-size:clamp(32px,7.8vw,42px)}
.data-combined .data-universe-heading>p{font-size:17px;margin-top:14px}
.data-combined .sense-card-heading h3{font-size:20px}
}