/* Electric blue provides a focused accent within the neutral editorial palette. */
#site.light-sim #reality-lab .panel-story>rect:first-child{fill:#2355ff}
#site.light-sim #reality-lab .panel-information .information-points{fill:#2355ff}
#site.light-sim #reality-lab .panel-structure>rect:first-child{fill:#dfe9ff}
#site.light-sim #reality-lab .panel-structure>rect:not(:first-child){fill:#91adff}
#site.light-sim #reality-lab .panel-structure>rect:last-child{fill:#2355ff}
#site.light-sim #reality-lab .panel-story>rect:not(:first-child){fill:#c7d8ff}
#site.light-sim #reality-lab .panel-story>rect:last-of-type{fill:#ccf4e6}
#site.light-sim #reality-lab .panel-story path{stroke:#e8efff}
#site.light-sim #reality-lab .label-inverse{fill:#e4ecff}
#site.light-sim #reality-lab .graphic-headline{fill:#fff}
#site.light-sim #reality-lab .clarity-story-system[data-variant="1"] .panel-story>rect:first-child{fill:#1645cc}
#site.light-sim #reality-lab .clarity-story-system[data-variant="2"] .panel-story>rect:first-child{fill:#151623}
#site.light-sim #reality-lab .clarity-story-system[data-variant="2"] .panel-structure>rect:last-child{fill:#2355ff}
#site.light-sim .neutral-principle:nth-child(1) .philosophy-graphic>circle{fill:#2355ff}
#site.light-sim .purpose-route{stroke:#2355ff;stroke-width:1.5}
#site.light-sim .neutral-principle:nth-child(2) .philosophy-graphic>g:last-of-type rect:first-child{fill:#2355ff}
#site.light-sim .human-gesture{stroke:#2355ff}
#site.light-sim .neutral-principle:nth-child(3) .philosophy-graphic circle{fill:#ccf4e6;stroke:#2355ff}
#site.light-sim #reality-lab .clarity-arrange{background:#2355ff;border-color:#2355ff;color:#fff}
#site.light-sim #reality-lab .clarity-arrange:hover{background:#1645cc}
/* All motion pauses offscreen and supports the existing motion control. */
@media(prefers-reduced-motion:no-preference){
 #site.light-sim .animated-data-bar{transform-box:fill-box;transform-origin:left bottom;animation:diagram-bar-build 7s var(--bar-delay,0s) ease-in-out infinite;animation-play-state:paused}
 #site.light-sim .animated-point{transform-box:fill-box;transform-origin:center;animation:diagram-point-signal 5s var(--point-delay,0s) ease-in-out infinite;animation-play-state:paused}
 #site.light-sim .animated-route{animation:diagram-flow 9s linear infinite;animation-play-state:paused}
 #site.light-sim .purpose-route{stroke-dasharray:1;animation:diagram-route-draw 7s var(--route-delay,0s) ease-in-out infinite;animation-play-state:paused}
 #site.light-sim .purpose-check{stroke-dasharray:1;animation:diagram-route-draw 7s .7s ease-in-out infinite;animation-play-state:paused}
 #site.light-sim .clarity-unit{animation:diagram-align 7s ease-in-out infinite;animation-play-state:paused}
 #site.light-sim .human-gesture{stroke-dasharray:1;animation:diagram-hand-draw 8s ease-in-out infinite;animation-play-state:paused}
 #site.light-sim #reality-lab.graphics-active :is(.animated-data-bar,.animated-point,.animated-route),#site.light-sim .neutral-principle[open] .graphics-active :is(.animated-data-bar,.purpose-route,.purpose-check,.clarity-unit,.human-gesture){animation-play-state:running}
 #site.light-sim #reality-lab:has(.pause-reality[aria-pressed="true"]) :is(.animated-data-bar,.animated-point,.animated-route){animation-play-state:paused}
 @keyframes diagram-bar-build{0%,12%,100%{transform:scaleX(.72);opacity:.65}38%,82%{transform:scaleX(1);opacity:1}}
 @keyframes diagram-point-signal{0%,100%{opacity:.45;transform:scale(.8)}40%,65%{opacity:1;transform:scale(1.12)}}
 @keyframes diagram-flow{to{stroke-dashoffset:-110}}
 @keyframes diagram-route-draw{0%,10%{stroke-dashoffset:1;opacity:.3}45%,85%{stroke-dashoffset:0;opacity:1}100%{stroke-dashoffset:1;opacity:.3}}
 @keyframes diagram-align{0%,15%,100%{transform:translate(0,0)}48%,82%{transform:translate(var(--align-x),var(--align-y))}}
 @keyframes diagram-hand-draw{0%,8%{stroke-dashoffset:1}45%,88%{stroke-dashoffset:0}100%{stroke-dashoffset:1}}
}
/* Remove the artwork from the hero and close up the space it occupied. */
#site.light-sim .hero-pin{min-height:610px}
#site.light-sim .hyer-wordmark{font-size:clamp(145px,21vw,310px);top:25px}
#site.light-sim .hero h1{top:65px}
#site.light-sim .hero .eyebrow{bottom:170px}
@media(min-width:1600px){#site.light-sim .hero-pin{min-height:680px}}
@media(max-width:1000px){#site.light-sim .hero-pin{min-height:560px}}
@media(max-width:700px){#site.light-sim .hero-pin{min-height:0;padding-bottom:45px}#site.light-sim .hyer-wordmark{position:relative;font-size:clamp(120px,35vw,240px);top:auto;margin-bottom:42px}#site.light-sim .hero h1{top:auto;margin-bottom:35px}#site.light-sim .hero .eyebrow{bottom:auto;margin-bottom:20px}}

/* Blue section eyebrows connect the editorial labels to the illustrations. */
#site.light-sim :is(.eyebrow,.reality-kicker,.ai-kicker,.chart-eyebrow,.hero-story-caption){color:#2355ff!important}
#site.light-sim #work .eyebrow,#site.light-sim #contact .eyebrow{color:#91adff!important}