.space-gallery{background:#eff7f4}.space-stage{position:relative;height:clamp(380px,55vw,650px);overflow:hidden;border-radius:28px;background:#103d40;isolation:isolate}.space-slide{position:absolute;inset:0;margin:0;opacity:0;visibility:hidden;transition:opacity .6s ease,visibility .6s;overflow:hidden}.space-slide.is-active{opacity:1;visibility:visible}.space-slide:before{content:"";position:absolute;inset:-30px;background-image:var(--scene);background-size:cover;background-position:center;filter:blur(22px) brightness(.5);z-index:-1}.space-slide img{width:100%;height:100%;object-fit:contain;display:block;animation:space-drift 12s ease-in-out infinite alternate}.space-slide:after{content:"";position:absolute;inset:50% 0 0;background:linear-gradient(transparent,rgba(3,30,33,.75));pointer-events:none}.space-slide figcaption{position:absolute;inset-inline-start:32px;bottom:76px;color:white;font-size:max(.75rem,clamp(20px,2.5vw,30px));font-weight:600;z-index:1}.space-controls{position:absolute;bottom:22px;inset-inline:28px;display:flex;align-items:center;justify-content:space-between;gap:16px;z-index:2}.space-dots{display:flex;gap:4px}.space-dots button,.space-toggle{min-width:44px;min-height:44px;border:1px solid #ffffff60;background:#07344866;color:#fff;border-radius:50%;cursor:pointer;display:grid;place-items:center}.space-dots button{border:0;background:transparent}.space-dots span{width:8px;height:8px;border-radius:10px;background:#ffffff80;transition:width .4s}.space-dots button[aria-pressed=true] span{width:28px;background:#b9ead9}.space-controls button:focus-visible{outline:3px solid white;outline-offset:2px}.space-gallery.is-paused img{animation-play-state:paused}@keyframes space-drift{from{transform:scale(1)}to{transform:scale(1.035)}}@media(max-width:600px){.space-stage{height:480px;max-height:70svh;border-radius:20px}.space-slide figcaption{inset-inline-start:20px}.space-controls{inset-inline:16px}}@media(prefers-reduced-motion:reduce){.space-slide{transition:none}.space-slide img{animation:none}}

/* More scenes without overflowing the mobile controls. */
.space-dots{min-width:0;overflow-x:auto;max-width:calc(100% - 120px);scrollbar-width:thin;scrollbar-color:#b9ead980 transparent}.space-dots button{flex:0 0 32px;min-width:32px}.space-count{color:#fff;white-space:nowrap;font-size:max(.75rem,13px);margin-inline-start:auto}.space-toggle{flex:0 0 44px}.space-controls{gap:12px}.space-gallery{scroll-margin-top:110px}