/* Space Pixel 0.6.1: seamless black-hole composition and shared page atmosphere */
body:not(.explorer-page){position:relative;isolation:isolate;background:#02030a}
body:not(.explorer-page)::before{display:none}
body:not(.explorer-page)>.ambient-space{position:fixed;inset:0;z-index:0;width:100%;height:100%;pointer-events:none;background:radial-gradient(ellipse at 78% 8%,rgba(22,74,116,.22),transparent 38%),radial-gradient(ellipse at 25% 72%,rgba(74,24,103,.14),transparent 42%)}
body:not(.explorer-page)>.site-header,body:not(.explorer-page)>main,body:not(.explorer-page)>.site-footer,body:not(.explorer-page)>.skip-link{position:relative;z-index:1}

/* The media itself blends into space. No rotated rectangular overlay or opaque mask remains. */
.home-page .hero{min-height:calc(100vh - var(--header));padding-block:clamp(3.8rem,6.5vh,5.6rem);background:radial-gradient(ellipse at 79% 45%,rgba(25,86,128,.17),transparent 37%)}
.hero-black-hole{left:-7%;top:-2%;width:min(68vw,1120px);aspect-ratio:1040/600;opacity:.94;overflow:visible;transform:none;filter:contrast(1.16) saturate(1.08) drop-shadow(0 0 55px rgba(255,98,28,.12))}
.hero-black-hole::before{content:"";position:absolute;inset:5% 3% 0 0;border-radius:50%;background:radial-gradient(ellipse at 40% 43%,rgba(255,112,25,.14),rgba(121,39,11,.05) 31%,transparent 68%);filter:blur(34px)}
.hero-black-hole::after{display:none}
.hero-black-hole video{display:block;width:100%;height:100%;object-fit:cover;object-position:center;mix-blend-mode:screen;transform:rotate(-3deg) scale(1.04);filter:brightness(1.08) contrast(1.08);-webkit-mask-image:radial-gradient(ellipse 72% 68% at 42% 45%,#000 0 55%,rgba(0,0,0,.92) 67%,rgba(0,0,0,.35) 84%,transparent 100%);mask-image:radial-gradient(ellipse 72% 68% at 42% 45%,#000 0 55%,rgba(0,0,0,.92) 67%,rgba(0,0,0,.35) 84%,transparent 100%)}
.hero-black-hole figcaption{left:16%;bottom:4%;padding:.35rem .55rem;border:1px solid rgba(143,177,225,.14);border-radius:999px;background:rgba(2,3,10,.48);color:rgba(203,219,245,.66)}
.hero-copy{filter:drop-shadow(0 4px 22px rgba(0,0,0,.7))}

/* Denser vertical rhythm across every non-explorer page. */
.home-page section:not(.hero){padding-block:clamp(2.9rem,4.1vw,4.4rem)}
.home-page section+section{border-top:1px solid rgba(151,177,238,.08)}
.section-intro{margin-bottom:1.65rem}
.portal{min-height:350px}
.portal-art{height:205px}
.model-section{gap:4.5vw;align-items:start}
.model-steps li{padding:1.12rem 0}
.pricing-orbit article{min-height:215px}
.page-hero{padding-top:clamp(3.5rem,5vw,5rem);padding-bottom:2rem}
.page-hero h1{margin-bottom:1.3rem}
.catalog-breakdown{margin-bottom:1.35rem}
.catalog-tools{padding-bottom:1.35rem}
.catalog-grid{padding-bottom:2.25rem}
.catalog-main .source-note{margin-bottom:3.25rem}
.faq-page-list{margin-top:.75rem;margin-bottom:3.5rem}
.faq-list details{padding:1.05rem 0}
.credits-main{padding-top:clamp(3.5rem,5vw,5rem);padding-bottom:4rem}
.credit-list article{padding:1.55rem 0}
.legal-content{padding-bottom:4rem}
.legal-content section{padding:2.1rem 0}
.commerce-main{padding-block:clamp(3rem,5vw,4.5rem)}
.application-main{padding-block:clamp(3rem,6vw,5.5rem)}
.site-footer{min-height:125px}

@media(max-width:900px){.hero-black-hole{left:-30%;top:0;width:120vw;opacity:.7}.home-page .hero{padding-top:3.25rem}.home-page section:not(.hero){padding-block:2.6rem}.portal{min-height:330px}}
@media(max-width:700px){.hero-black-hole{left:-58%;top:1%;width:165vw;opacity:.58}.hero-black-hole figcaption{display:none}.page-hero{padding-top:3rem}.credits-main{padding-top:3rem}}
@media(prefers-reduced-motion:reduce){.hero-black-hole video{display:none}.hero-black-hole{background:url('assets/media/black-hole-accretion-disk.jpg') 42% 45%/contain no-repeat;-webkit-mask-image:radial-gradient(ellipse,#000 0 58%,transparent 86%);mask-image:radial-gradient(ellipse,#000 0 58%,transparent 86%)}}
