/* Remove the homepage stylesheet and script links to restore its original layout. */
.space-journey{--header-height:90px;position:relative;height:200svh;background:#060b12}
.page .space-journey>.hero{position:sticky;top:var(--header-height);height:calc(100svh - var(--header-height));min-height:620px;display:flex;flex-direction:column;justify-content:center;padding:65px 5% 100px!important;color:#f5f1e8;background:#060b12;isolation:isolate;overflow:hidden}
.space-journey .cinematic-stage{position:absolute;inset:0;z-index:-2;pointer-events:none;overflow:hidden}
.space-journey .cinematic-image{display:block;width:100%;height:100%;max-width:none;object-fit:cover;object-position:64% 50%;transform-origin:75% 40%;transform:translate3d(var(--camera-x,0%),var(--camera-y,0%),0) scale(var(--camera-scale,1.03));will-change:transform}
.space-journey .hero:after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(90deg,rgba(4,9,16,.8) 0%,rgba(4,9,16,.56) 36%,rgba(4,9,16,.05) 73%),linear-gradient(0deg,rgba(4,9,16,.65),transparent 25%)}
.space-journey .hero>.portrait,.space-journey .hero>.orbit{display:none}
.final .space-journey .hero h1{width:65%;max-width:820px;font-size:clamp(58px,6.8vw,102px);line-height:1.03;letter-spacing:-.035em;margin:0 0 30px;text-wrap:balance}
.space-journey .hero>.eyebrow{margin:0 0 40px;color:#c9d3d8;font-size:11px;letter-spacing:1.7px}
.space-journey .hero>p{max-width:420px;font-size:20px;line-height:1.65;color:#e0e4e4;margin:0 0 30px}
.space-journey .hero>.outline{align-self:flex-start;margin:0;border-color:#ced6d870;background:#08121c50;color:#f5f1e8}
.space-journey .hero>.outline:hover{background:#f5f1e8;color:#080f17}
.space-journey .hero .bottomline{position:absolute;left:5%;right:5%;bottom:24px;margin:0;color:#c8d1d5;border-color:#ced6d840;font-size:10px;letter-spacing:.08em}
.space-mode{position:absolute;top:18px;right:5%;z-index:5;min-height:44px;border:1px solid #ced6d850;border-radius:28px;padding:11px 17px;background:#09111ba0;color:#e8e9e6;font:12px Manrope,Arial,sans-serif;backdrop-filter:blur(8px)}
.space-mode:hover{background:#172733}
.cinematic-controls{position:absolute;top:18px;right:5%;z-index:5;display:flex;gap:8px;align-items:center}
.cinematic-controls .space-mode{position:static}
.space-motion{min-height:44px;padding:11px 14px;border:1px solid #ced6d830;border-radius:28px;background:#09111b80;color:#e8e9e6;font:11px Manrope,Arial,sans-serif;backdrop-filter:blur(8px)}
.space-motion:hover{background:#172733}
.space-motion[hidden]{display:none}
.cinematic-stars{position:absolute;inset:0;mask-image:linear-gradient(110deg,#000 0%,#000 25%,transparent 63%);transform:translate3d(var(--stars-x,0px),var(--stars-y,0px),0)}
.cinematic-stars i{position:absolute;width:var(--star-size);height:var(--star-size);background:#e7f4ff;border-radius:50%;box-shadow:0 0 5px #bddeff65;animation:star-breathe var(--star-time) ease-in-out var(--star-delay) infinite alternate}
.celestial-orbit{position:absolute;left:38%;top:8%;width:85%;height:78%;border:1px solid #dcebf02b;border-radius:50%;transform:rotate(-27deg);animation:orbital-drift 44s ease-in-out infinite alternate;mask-image:linear-gradient(90deg,transparent,#000 55%,#000)}
.celestial-orbit:after{content:"";position:absolute;left:21%;top:7%;width:4px;height:4px;border-radius:50%;background:#ecf3ee;box-shadow:0 0 12px #e2f3ff70}
.motion-paused .cinematic-stars i,.motion-paused .celestial-orbit{animation-play-state:paused}
@keyframes star-breathe{from{opacity:.18;transform:translate3d(0,0,0) scale(.7)}to{opacity:.92;transform:translate3d(7px,-4px,0) scale(1.12)}}
@keyframes orbital-drift{from{transform:rotate(-27deg) translate3d(0,0,0)}to{transform:rotate(-15deg) translate3d(-1%,2%,0)}}
.space-journey .hero .bottomline{padding-right:160px}
.cinematic-meteor{position:absolute;left:77%;top:16%;width:155px;height:2px;background:linear-gradient(90deg,transparent,#d9edff);transform:rotate(145deg);opacity:0;animation:meteor-pass 6s linear .6s infinite;pointer-events:none}
.cinematic-meteor:after{content:"";position:absolute;right:0;top:-1px;width:3px;height:3px;background:#eef7ff;border-radius:50%;box-shadow:0 0 8px #b8dbff}
.cinematic-atmosphere{position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at 95% 100%,#ddac7025,transparent 48%);mix-blend-mode:screen;animation:horizon-breathe 14s ease-in-out infinite alternate}
.motion-paused .cinematic-meteor,.motion-paused .cinematic-atmosphere{animation-play-state:paused}
@keyframes meteor-pass{0%,8%{opacity:0;transform:translate3d(0,0,0) rotate(145deg)}12%{opacity:1}32%{opacity:0;transform:translate3d(-240px,160px,0) rotate(145deg)}100%{opacity:0;transform:translate3d(-240px,160px,0) rotate(145deg)}}
@keyframes horizon-breathe{from{opacity:.25;transform:scale(1)}to{opacity:.8;transform:scale(1.08)}}
@media(max-width:700px){
  .space-journey{height:165svh}
  .page .space-journey>.hero{min-height:610px;justify-content:flex-end;padding:92px 22px 96px!important}
  .space-journey .cinematic-image{object-position:75% 25%;transform-origin:70% 30%}
  .space-journey .hero:after{background:linear-gradient(0deg,#060b12 0%,rgba(6,11,18,.88) 33%,rgba(6,11,18,.42) 62%,rgba(6,11,18,.1) 100%)}
  .final .space-journey .hero h1{width:100%;max-width:480px;font-size:clamp(45px,10.6vw,66px);margin:0 0 22px}
  .space-journey .hero>.eyebrow{font-size:9px;letter-spacing:1.2px;margin:0 0 20px}
  .space-journey .hero>p{max-width:340px;font-size:17px;margin:0 0 22px}
  .space-journey .hero .bottomline{left:22px;right:22px;font-size:9px;gap:16px;line-height:1.6}
  .space-journey .hero .bottomline span:last-child{max-width:145px}
  .space-journey .hero .bottomline{padding-right:135px}
  .space-journey .hero .bottomline span:last-child{display:none}
  .cinematic-controls{right:22px;gap:6px}
  .cinematic-controls button{font-size:10px;padding:10px 12px}
  .cinematic-stars{mask-image:linear-gradient(145deg,#000 0%,transparent 48%)}
  .cinematic-stars i:nth-child(n+29){display:none}
  .celestial-orbit{left:15%;top:5%;width:120%;height:55%;opacity:.65}
  .cinematic-meteor{left:85%;top:22%;width:65px}
}
@media(prefers-reduced-motion:reduce){
  .space-journey{height:auto}
  .page .space-journey>.hero{position:relative;top:0}
  .space-journey .cinematic-image{transform:none;will-change:auto}
  .cinematic-stars i{opacity:.35}
  .cinematic-stage *{animation:none!important}
  .cinematic-meteor{display:none}
}

