/* Real photographic fragments, arranged as a drifting monochrome collage. */
.has-space-collage{position:relative;isolation:isolate}
.has-space-collage> :not(.space-collage):not(.human-trace){position:relative;z-index:1}
#home.hero>.hero-bottom{position:absolute}
.space-collage{position:absolute;inset:0;overflow:hidden;pointer-events:none;user-select:none;z-index:0}
.space-fragment{position:absolute;margin:0;opacity:var(--ink,.3);transform:translate3d(0,var(--depth-y,0px),0);mix-blend-mode:screen;pointer-events:none}
.space-fragment img{width:100%;height:100%;object-fit:cover;filter:grayscale(1) contrast(1.18);animation:fragment-drift var(--duration,34s) ease-in-out infinite alternate;animation-delay:var(--delay,-8s);transform:rotate(var(--tilt,-12deg));will-change:transform}
.space-fragment [data-paper]{clip-path:polygon(6% 1%,88% 0,96% 6%,100% 92%,93% 98%,7% 100%,0 95%,1% 7%)}
.fragment-saturn{width:clamp(270px,39vw,560px);height:auto;right:-4%;top:1%;--ink:.38;--tilt:-24deg;--duration:43s;--delay:-17s}
.fragment-saturn img{object-fit:contain;mask-image:radial-gradient(ellipse at 53% 50%,#000 36%,transparent 72%)}
.fragment-rocket{width:clamp(160px,20vw,285px);height:clamp(280px,35vw,470px);left:24%;bottom:-1%;--ink:.32;--tilt:27deg;--duration:27s;--delay:-4s}
.fragment-rocket img{object-position:50% 40%;mask-image:linear-gradient(transparent,#000 15% 82%,transparent)}
.fragment-meteor{width:clamp(310px,60vw,810px);height:clamp(250px,40vw,510px);left:-5%;top:19%;--ink:.19;--tilt:-17deg;--duration:36s;--delay:-13s}
.fragment-meteor img{object-position:50% 20%;mask-image:radial-gradient(ellipse,#000 12%,transparent 70%)}
.fragment-gravity{width:clamp(350px,61vw,900px);height:clamp(300px,45vw,650px);right:-11%;top:5%;--ink:.33;--tilt:18deg;--duration:51s;--delay:-21s}
.fragment-gravity img{object-fit:contain;mask-image:radial-gradient(ellipse,#000 20%,transparent 72%)}
.collage-works .fragment-saturn{width:330px;right:-7%;top:2%;--ink:.23;--tilt:38deg}
.collage-process .fragment-rocket{left:auto;right:4%;bottom:8%;--ink:.22;--tilt:-32deg;width:240px;height:410px}
.collage-contact .fragment-meteor{left:15%;top:0;--ink:.18;width:75%;height:100%;--tilt:8deg}
.space-collage-paused img{animation-play-state:paused;will-change:auto}
.space-credits{border-top:1px solid #ffffff14;padding-block:22px 130px;font-size:9px;color:#83878c;line-height:1.9;display:flex;flex-wrap:wrap;gap:7px 22px}
.space-credits>span{width:100%;letter-spacing:.09em;color:#b6b9bb}
.space-credits a{text-decoration:underline;text-underline-offset:4px}
@keyframes fragment-drift{0%{transform:translate3d(-13px,9px,0) rotate(var(--tilt))}38%{transform:translate3d(7px,-18px,0) rotate(calc(var(--tilt) + 4deg))}100%{transform:translate3d(22px,13px,0) rotate(calc(var(--tilt) - 5deg))}}
@media(max-width:800px){
 .fragment-saturn{width:340px;top:3%;right:-135px;--ink:.3}
 .fragment-rocket{width:190px;height:320px;left:-55px;bottom:2%;--ink:.25;--tilt:34deg}
 .fragment-meteor{width:480px;height:400px;top:27%;left:-145px;--ink:.15}
 .fragment-gravity{width:560px;height:390px;top:42%;right:-170px;--ink:.26}
 .collage-process .fragment-rocket{width:160px;height:290px;right:-35px;bottom:9%}
 .collage-works .fragment-saturn{width:280px;right:-155px}
 .space-credits{padding-block:22px 130px;font-size:9px;display:grid;gap:10px}
}
@media(prefers-reduced-motion:reduce){html:not(.motion-on) .space-fragment{transform:none!important}html:not(.motion-on) .space-fragment img{animation:none!important;will-change:auto}}
.motion-off .space-fragment{transform:none!important}
.motion-off .space-fragment img{animation:none!important;will-change:auto}