/* Nature, human scale and invention share an atlas, not separate effects. */
.humanity-atlas{position:absolute;inset:0;z-index:0;pointer-events:none;overflow:hidden;color:#e9e8df}
.humanity-atlas svg{display:block;width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1;stroke-linecap:round;stroke-linejoin:round}
.humanity-atlas text,.chapter-study text{fill:currentColor;stroke:none;font-family:'Prompt',sans-serif;font-size:11px;font-weight:300;letter-spacing:1.1px}
.humanity-atlas .construction{stroke-dasharray:3 7;opacity:.45}
.humanity-atlas .contour{stroke-width:1.25}
.atlas-world{opacity:calc(.23*var(--world-reveal,.55)*(1 - var(--world-exit,0)))}
.atlas-human{opacity:calc(.24*var(--human-reveal,.18)*(1 - var(--human-exit,0)))}
.atlas-invention{opacity:calc(.23*var(--invention-reveal,0)*(1 - var(--invention-exit,0)))}
.atlas-links{opacity:calc(.09*var(--invention-reveal,0)*(1 - var(--invention-exit,0)));stroke-dasharray:4 8}
.motion-driven .atlas-drawing{stroke-dasharray:1;stroke-dashoffset:calc((1 - var(--human-reveal,.18))*.95)}
.motion-driven .atlas-world .atlas-drawing{stroke-dashoffset:calc((1 - var(--world-reveal,.55))*.85)}
.motion-driven .atlas-invention .atlas-drawing{stroke-dashoffset:calc((1 - var(--invention-reveal,0))*.95)}
.hero-thought{position:absolute;left:var(--gutter);top:110px;max-width:290px;z-index:2;pointer-events:none;opacity:var(--thought-reveal,0);transform:translateY(calc((1 - var(--thought-reveal,0))*16px))}
.hero-thought p{font-size:clamp(15px,1.45vw,20px);line-height:1.8;font-weight:300;color:#d6d5cd;margin:0;letter-spacing:-.015em}
.chapter-study .contour{stroke-width:1.1}
#about .chapter-study{top:6px;width:min(42vw,480px);right:0}
#work .chapter-study{top:22px;right:12px;width:min(38vw,440px)}
.leadership-section .chapter-study{top:270px;width:40%;left:28px;right:auto}
@media(max-width:899px){
 .hero-thought{top:155px;max-width:230px}
 .leadership-section .chapter-study{top:38px;left:auto;right:20px;width:49%}
}
@media(max-width:650px){
 /* Share the sculpture's grid cell so the atlas follows short and tall phones. */
 .humanity-atlas{position:relative;inset:auto;grid-column:1;grid-row:2;min-height:0;height:100%}
 .humanity-atlas svg{width:100%;max-width:none;transform:none;opacity:.85}
 .atlas-world{transform:translate(720px,450px) scale(1.5)}
 .atlas-human{transform:translate(720px,450px) scale(1.2)}
 .atlas-invention{transform:translate(720px,450px) scale(1.4)}
 .humanity-atlas text{display:none}
 .atlas-links{display:none}
 .atlas-human{opacity:calc(.17*var(--human-reveal,.18)*(1 - var(--human-exit,0)))}
 .hero-thought{top:180px;left:var(--gutter);max-width:250px}
 .hero-thought p{font-size:14px;line-height:1.65}
 .atlas-world text,.atlas-human text,.atlas-invention text{font-size:10px}
 #about .chapter-study{top:30px;right:-4px;width:70%}
 #work .chapter-study{top:32px;right:4px;width:66%}
 .leadership-section .chapter-study{top:40px;left:auto;right:8px;width:68%}
}
@media(max-height:650px) and (max-width:650px){.hero-thought{top:155px}.hero-thought p{font-size:12px}}
.motion-off .hero-thought{display:none}
.motion-off .atlas-drawing{stroke-dasharray:none;stroke-dashoffset:0}
.motion-off .atlas-world{opacity:.14}.motion-off .atlas-human{opacity:.06}.motion-off .atlas-invention,.motion-off .atlas-links{opacity:0}
@media(prefers-reduced-motion:reduce){.hero-thought{display:none}.atlas-drawing{stroke-dasharray:none!important;stroke-dashoffset:0!important}.atlas-world{opacity:.14!important}.atlas-human{opacity:.06!important}.atlas-invention,.atlas-links{opacity:0!important}}

.humanity-atlas .human-engraving{opacity:.72}
.chapter-study .human-engraving{filter:grayscale(1) brightness(.18);opacity:.16}