/* v30 F Space 🌌 hub: premium lower sections. Pure CSS; motion only when allowed. */
.fs-hub .fs-hero-poster img{pointer-events:none}
.fs-hub .sp-vhero-v{z-index:0}
.fs-hub section.py-5{padding-top:clamp(56px,7vw,104px)!important;padding-bottom:clamp(56px,7vw,104px)!important}
.fs-hub .section-h2{font-size:clamp(1.7rem,3.2vw,2.6rem)!important;letter-spacing:-.02em;line-height:1.1;font-weight:700}
.fs-hub section>.container-1440>p.text-muted:first-of-type{font-size:clamp(1rem,1.25vw,1.12rem);line-height:1.7}
.fs-hub .sol-card{border-radius:20px;border:1px solid rgba(122,162,255,.18);background:linear-gradient(180deg,rgba(18,26,58,.72),rgba(10,16,40,.72));box-shadow:0 1px 0 rgba(255,255,255,.06) inset,0 14px 34px rgba(0,0,0,.35);transition:transform .35s cubic-bezier(.2,.7,.2,1),box-shadow .35s,border-color .35s}
.fs-hub .row{perspective:1200px}
.fs-hub section+section{border-top:1px solid rgba(122,162,255,.08)}
#mission-control,#space-gallery,#news,#wallpaper{content-visibility:auto;contain-intrinsic-size:auto 900px}
@media (prefers-reduced-motion:no-preference){
  .fs-hub .sol-card:hover{transform:translateY(-6px) rotateX(2deg);border-color:rgba(255,179,107,.45);box-shadow:0 26px 54px rgba(0,0,0,.45),0 6px 18px rgba(255,140,40,.12)}
  @supports (animation-timeline:view()){
    .fs-hub .sol-card{animation:fsIn linear both;animation-timeline:view();animation-range:entry 0% entry 45%}
    @keyframes fsIn{from{opacity:.001;transform:translateY(24px)}to{opacity:1;transform:none}}
  }
}
@media (prefers-reduced-motion:reduce){.fs-hub .sol-card{transition:none}}