body[data-page="home"] .image-hero,
body[data-page="genuine-earth-hydrosphere"] .project-preview { background:#020408; height:calc(100svh - var(--masthead-height)); min-height:480px; }
.earth-space { position:absolute; inset:0; background:linear-gradient(#02051088,#010308bb),url('../public/assets/earth-preview/milkyway.jpg') center/cover; }
.earth-canvas { position:absolute; z-index:2; inset:0; width:100%; height:100%; opacity:0; transition:opacity 1s; }
.project-preview-art { z-index:1; }
.earth-ready .earth-canvas { opacity:1; }
.earth-ready .home-earth-image,.earth-ready .project-preview-art { opacity:0; }
.project-preview::after { display:none; }
.project-preview .project-preview-copy { z-index:3; width:calc(var(--earth-diameter, 80vmin) * .86); max-width:calc(100% - 2rem); container-type:inline-size; pointer-events:none; }
.project-preview .project-preview-copy h1 { font-family:inherit; font-size:clamp(20px, 6.3cqw, 39.056px); font-weight:700; line-height:1.28; letter-spacing:normal; color:#fff; text-wrap:balance; text-shadow:0 2px 14px rgba(0,8,10,.72),0 1px 2px rgba(0,8,10,.82); }
.project-preview .project-preview-copy p { margin-top:.8em; font-family:inherit; font-size:clamp(12px,2.4cqw,16px); font-weight:700; color:#fff; letter-spacing:normal; text-transform:none; line-height:1.5; text-shadow:0 2px 12px rgba(0,8,10,.72); }
.project-preview:focus-visible,.home-landing:focus-visible { outline:1px solid #94aec5; outline-offset:-3px; }
.earth-attribution { background:#020408; padding:12px 20px; text-align:center; font:10px/1.5 Arial,sans-serif; }
.earth-attribution a { color:#8995a7; text-decoration:none; }
@media(prefers-reduced-motion:reduce) { .earth-canvas { transition:none; } }