.problem-grid{gap:20px;border:0}.problem,.problem:not(:nth-child(3n+1)),.problem:nth-child(even){border:1px solid #e1e4ea;background:#f7f8fa;border-radius:18px;padding:30px 28px 36px;text-align:center;position:relative}.problem-number{position:absolute;left:22px;top:20px;color:#7b818a}.problem svg{height:160px;margin:20px auto 26px;overflow:visible}.problem h3{font-size:27px;line-height:1.12;min-height:60px;display:flex;align-items:center;justify-content:center;margin:0 auto 14px;max-width:240px}.problem p{margin:0 auto;max-width:260px;color:#555e6c;font-size:16px}.problem .symbol-bar{rx:1}.problem:nth-child(3n+1){box-shadow:inset 0 3px #3157ff}.problem:nth-child(3n+2){box-shadow:inset 0 3px #22cbc4}.problem:nth-child(3n){box-shadow:inset 0 3px #9969ff}.portrait{padding:12px;border:1px solid #ffffff60}.portrait:before{left:-10px;bottom:96px;width:37%;height:7px;box-shadow:22px 14px 0 #22cbc4}.portrait figcaption{padding:18px 8px 8px}.hero-art{position:relative}.hero-art:after{content:'A HEALTH STORY. A CONNECTED WHOLE.';display:block;font-size:9px;letter-spacing:.2em;text-align:center;color:#838d9b}.history-layout{position:relative;grid-template-columns:.8fr 1.2fr;gap:60px}.history-pin{top:35px;padding-top:25px}.history-pin .motion-scene{height:64vh;max-height:630px}.stage{min-height:65vh;padding:60px 0;transition:opacity .25s}.stage p{line-height:1.6}.stage strong{font-size:38px}.history-pin .scene-note{color:#aeb7c4}.s3 h2{max-width:1000px}.s4>.wrap{display:grid;grid-template-columns:.9fr 1.1fr;column-gap:65px;align-items:center}.s4 .section-head h2{font-size:clamp(48px,4.7vw,70px)}.s4 .reading{font-size:17px}.s4 .twin-scroll{height:auto;margin:0}.s4 .twin-pin{position:relative;top:auto}.s4 .twin-pin .motion-scene{height:550px}.s4>.wrap>.actions{grid-column:1/-1}.twin-stages{font-size:9px;letter-spacing:.06em}.s4 .scene-label{font-size:9px}.s8{border-top:1px solid #343840;background:linear-gradient(115deg,#10151d,#090b0e 65%)}.s8>.wrap{column-gap:65px}.s8 #report{grid-column:1;max-width:620px;margin-top:35px}.closing-art{grid-row:1/6}.closing-art .motion-scene{height:590px}.motion-preference{color:#bac3cf;background:none;border:1px solid #414853;padding:7px 12px;border-radius:20px;font:inherit;cursor:pointer}.motion-preference:focus-visible{outline:2px solid #baff00}.motion-muted .symbol-bar{animation:none!important}
@media(max-width:1000px){.s4>.wrap{gap:30px}.s4 .twin-pin .motion-scene{height:460px}.problem-grid{gap:14px}.problem,.problem:not(:nth-child(3n+1)){padding:24px 20px}.problem h3{font-size:24px}.history-layout{gap:35px}}
@media(max-width:760px){.problem-grid{grid-template-columns:1fr 1fr}.problem h3{font-size:23px}.problem p{font-size:15px}.problem svg{height:130px}.s4>.wrap{display:flex;flex-direction:column;align-items:stretch;gap:28px}.s4 .twin-pin .motion-scene{height:390px}.history-pin{top:0;padding-top:12px}.history-pin .motion-scene{height:30vh;min-height:215px}.history-pin .fine{font-size:10px}.stage{min-height:75vh;padding:42vh 0 30px}.s8 #report{margin-bottom:35px}.closing-art .motion-scene{height:450px}.hero h1{font-size:50px}.hero .motion-scene{height:370px}.footer-end{flex-wrap:wrap;gap:20px}}
@media(max-width:480px){.problem-grid{grid-template-columns:1fr;gap:16px}.problem,.problem:not(:nth-child(3n+1)){padding:28px 30px 32px}.problem svg{height:135px;margin:5px auto 20px}.problem h3{min-height:0;font-size:27px;max-width:290px}.problem p{max-width:280px}.hero h1{font-size:48px}}
html[data-motion-state="paused"] .stage{min-height:0;padding-block:30px}html[data-motion-state="paused"] .history-pin{position:relative}html[data-motion-state="paused"] .history-layout{align-items:start}
@media(max-height:600px) and (max-width:900px){.history-pin{position:relative}.stage{min-height:0;padding:30px 0}}
.history-legend{display:flex;gap:20px;justify-content:space-between;font-size:10px;color:#c4cbd5;padding:12px 0}.history-legend span:before{content:'';display:inline-block;width:12px;height:3px;vertical-align:middle;margin-right:6px;background:#3157ff}.history-legend span:nth-child(2):before{background:#baff00}.history-legend span:nth-child(3):before{background:#ff543b}.history-legend span:nth-child(4):before{background:#9969ff}.history-legend span:nth-child(5):before{background:#22cbc4}@media(max-width:760px){.history-legend{gap:5px;font-size:8px}.history-legend span:before{width:7px;margin-right:3px}}
.mobile-story{display:none}
@media(max-width:760px) and (min-height:601px){.history-enhanced:not(.motion-muted) .history-layout{display:block;height:240vh}.history-enhanced:not(.motion-muted) .story-steps{position:absolute;inset:0;pointer-events:none}.history-enhanced:not(.motion-muted) .story-steps p{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.history-enhanced:not(.motion-muted) .stage{height:70vh;min-height:0;padding:0}.history-enhanced:not(.motion-muted) .history-pin{position:sticky;top:0;padding-top:12px;padding-bottom:20px;background:#090b0e}.history-enhanced:not(.motion-muted) .history-pin .motion-scene{height:26vh;min-height:175px}.history-enhanced:not(.motion-muted) .mobile-story{display:block;padding-top:20px;min-height:235px}.mobile-story p{font-size:15px;line-height:1.55;margin-bottom:12px}.mobile-story strong{font-size:26px;color:#baff00;letter-spacing:-.035em}.history-enhanced .history-pin .fine{margin-bottom:0}.motion-muted .history-layout{height:auto}.motion-muted .history-pin{position:relative}.motion-muted .stage{height:auto;min-height:0;padding:30px 0}}
.motion-muted .stage{opacity:1!important}@media(max-width:760px){body:not(.history-enhanced) .history-pin{position:relative}body:not(.history-enhanced) .stage{height:auto;min-height:0;padding:25px 0}}