.lt-hero{position:relative;background:#f6f2ea;padding:0 0 18px;overflow:hidden}
.lt-canvas{position:relative;width:100%;height:auto;margin:0}
/* This loading pose is removed before GSAP reads transforms. */
html[data-hero-motion="pending"] #lifetime-connected .life-art-world{opacity:0}
html[data-hero-motion="pending"] #lifetime-connected .lt-heading,html[data-hero-motion="pending"] #lifetime-connected .lt-context,html[data-hero-motion="pending"] #lifetime-connected .life-label{visibility:hidden}
.whole-explanation{display:grid;grid-template-columns:1.16fr .84fr;gap:65px;align-items:center;margin-bottom:42px}
.whole-explanation .section-intro{margin:0}
.whole-explanation .lifetime-graphic{max-width:470px;justify-self:end}
@media(max-width:850px){.whole-explanation{grid-template-columns:1fr;gap:28px}.whole-explanation .lifetime-graphic{justify-self:start;width:100%;max-width:480px}}
@media(max-width:650px){
 .lt-hero{padding-bottom:0}
 .lt-canvas{height:auto;min-height:0;max-height:none}
 .whole-explanation{margin-bottom:30px}
}