/* Atlas homepage motion: contained canvases keep copy clear at every breakpoint. */
body[data-route="home"] #hero{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,1fr);align-items:center;gap:clamp(24px,4vw,64px);min-height:0;max-width:1520px;margin:0 auto;padding:clamp(32px,4vw,64px) max(20px,4vw) 64px}
body[data-route="home"] #hero:after{display:none}
body[data-route="home"] #hero>.in{width:100%;min-width:0;margin:0}
body[data-route="home"] #hero h1{font-size:clamp(34px,3.55vw,60px);max-width:100%;line-height:1.09;margin-bottom:22px}
body[data-route="home"] #hero .lead{font-size:clamp(16px,1.22vw,19px);margin-bottom:16px}
body[data-route="home"] #hero .support{font-size:clamp(16px,1.25vw,20px);margin-bottom:20px}
body[data-route="home"] #hero .truth{font-size:11px;line-height:1.6;margin-top:20px}
.atlas-motion-stage{position:relative;isolation:isolate;width:100%;aspect-ratio:1;min-width:0;touch-action:pan-y;overflow:hidden}
.atlas-motion-stage canvas{display:block;width:100%;height:100%;position:absolute;inset:0}
.atlas-motion-stage:before{content:"";position:absolute;inset:18%;border-radius:50%;background:radial-gradient(circle,rgba(40,125,211,.09),transparent 70%);z-index:-1}
body[data-route="home"] #time{min-height:0;padding:64px max(20px,4vw);max-width:1440px;margin:auto}
body[data-route="home"] #time>.in{width:100%;margin:0;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:0 48px;align-items:start}
body[data-route="home"] #time>.in>h2,body[data-route="home"] #time>.in>.eyebrow,body[data-route="home"] #time>.in>.lead{grid-column:1/-1}
.atlas-history-visual{grid-column:2;grid-row:4/8;align-self:center;margin:0;min-width:0}
.atlas-history-visual figcaption{color:var(--faint);text-align:center;font-size:11px;letter-spacing:.1em;text-transform:uppercase;margin-top:8px}
body[data-route="home"] #timeDemo{grid-column:1;grid-row:4;margin-top:22px;min-width:0}
body[data-route="home"] #time>.in>.statement{grid-column:1;font-size:clamp(23px,2.1vw,34px);margin-top:30px}
body[data-route="home"] #time>.in>.support,body[data-route="home"] #time>.in>.line{grid-column:1}
.atlas-memory-card{position:absolute;left:50%;top:50%;width:clamp(60px,8vw,108px);height:clamp(54px,7vw,90px);padding:6px;border:1px solid #375779;border-radius:7px;background:linear-gradient(145deg,#142840,#071222);color:#dceeff;box-shadow:0 8px 24px #0006;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;opacity:0;pointer-events:none;will-change:transform;transform:translate(-50%,-50%);font-size:11px;line-height:1.2}
.atlas-memory-card svg{width:100%;height:62%;stroke:#82c3ff;fill:none;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
#atlasHistoryCanvas{z-index:20}
.atlas-motion-stage.motion-fallback:after{content:"";position:absolute;inset:18%;border:1px solid #5388bf;border-radius:50%;background:radial-gradient(circle,#fff7 0,#f88a0040 2%,#15366099 10%,#0a213c66 55%,transparent 72%)}
@media(max-width:1000px){body[data-route="home"] #hero{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:24px}body[data-route="home"] #hero h1{font-size:clamp(32px,4vw,44px)}body[data-route="home"] #time>.in{gap:0 24px}}
@media(max-width:720px){body[data-route="home"] #hero{grid-template-columns:minmax(0,1fr);padding-top:28px;gap:24px}body[data-route="home"] #hero h1{font-size:clamp(32px,7.8vw,46px)}#atlasHeroStage{max-width:460px;justify-self:center}body[data-route="home"] #time>.in{display:block}.atlas-history-visual{max-width:500px;margin:26px auto}.atlas-memory-card{width:clamp(65px,17vw,100px);height:clamp(58px,15vw,86px)}body[data-route="home"] .site-top{gap:8px;padding-inline:16px}body[data-route="home"] .site-wordmark{font-size:17px}body[data-route="home"] .site-cta{padding:10px;font-size:12px;margin-left:0}body[data-route="home"] .site-brand{margin-right:auto}body[data-route="home"] #time{padding-top:36px}}
@media(prefers-reduced-motion:reduce){.atlas-memory-card{will-change:auto}}

#atlasHeroStage{align-self:start}
@media(max-width:720px){body[data-route="home"] #hero>.in{display:contents}body[data-route="home"] #hero{gap:16px}body[data-route="home"] #hero>.in>.eyebrow,body[data-route="home"] #hero h1{margin-bottom:0}#atlasHeroStage{grid-row:3;max-width:340px;margin:0 auto}}