/* Natural waves guide the reading journey; the hero keeps its quiet margin. */
.has-human-traces{position:relative}
.human-trace{position:absolute;inset:0;width:100%;height:100%;overflow:hidden;pointer-events:none;user-select:none;z-index:2}
.human-ink{fill:#f2f0eb}
.human-trace-process{z-index:0}
.has-human-traces#about{padding-top:155px}
.has-human-traces#process .section-heading>p{margin-right:28px}
.human-trace-energy{mix-blend-mode:screen}
@media(max-width:800px){.has-human-traces#about{grid-template-columns:1fr;gap:88px;padding-top:80px}.energy.has-human-traces{grid-template-columns:1fr}.has-human-traces#process .section-heading>p{margin-left:10px;margin-right:10px}}
@media(prefers-reduced-motion:reduce){html:not(.motion-on) .human-trace{transition:none}}

.human-trace-hero,.human-trace-image{z-index:3;mix-blend-mode:screen}
.human-trace-image{opacity:.92}

/* Change the focal position as the reader travels down the page. */
.energy.has-human-traces .energy-copy blockquote{margin-top:104px}
.brand-principles.has-human-traces .principles-body{padding-right:60px}
.brand-principles.has-human-traces .principles-list h3,.brand-principles.has-human-traces .principle-source{max-width:440px}
@media(max-width:800px){.energy.has-human-traces .energy-copy blockquote{margin-top:88px}.brand-principles.has-human-traces{padding-bottom:132px}.brand-principles.has-human-traces .principles-body{padding-right:0}}
