/* One persistent landscape, with the public website layered above it. */
body[data-xd-landing]{isolation:isolate;background:var(--xd-color-canvas)}
.living-world{position:fixed;inset:0;z-index:-1;pointer-events:none;overflow:hidden;background:url('/media/observatory-journey-poster.webp') center/cover no-repeat}
.living-world video{width:100%;height:100%;max-width:none;object-fit:cover;object-position:center;opacity:0}
.living-world video[data-ready=true]{opacity:1}
.living-world:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,color-mix(in srgb,var(--xd-color-canvas) 78%,transparent),color-mix(in srgb,var(--xd-color-canvas) 30%,transparent)),linear-gradient(0deg,color-mix(in srgb,var(--xd-color-canvas) 36%,transparent),transparent 60%)}
body[data-xd-landing] #landing-content{position:relative;min-height:100svh}
body[data-xd-landing]:before,body[data-xd-landing] :is(.natural-scene,.world-backdrop,.journey-thread,.hero-atmosphere,.chapter-shade,.closing-light){display:none!important}
body[data-xd-landing] :is(.world-flow,.chapter-world,.closing){background:none}
body[data-xd-landing] :is(.world-flow,.chapter-world):before{display:none}
body[data-xd-landing] .hero{background:none}
body[data-xd-landing] :is(.hero-copy,.chapter-hero-copy)>p{color:var(--xd-color-text-primary)}
body[data-xd-landing] :is(.section-heading,.chapter-lead,.about-grid,.faq-section,.editorial-path,.hub-guide,.workspace-essentials){text-shadow:0 1px 5px var(--xd-color-canvas)}
body[data-xd-landing] :is(.chapter-content,.section):not(.chapter-portals){background:transparent}
body[data-xd-landing] .footer{padding-bottom:96px}
body[data-xd-landing] [data-reveal]{opacity:1;transform:none}

/* Existing films become composed foreground features, preserving their footage. */
.chapter-hero:has(.featured-film){display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:48px;width:min(1248px,calc(100% - 96px));margin:auto;min-height:850px;padding:120px 0 72px}
.chapter-hero:has(.featured-film) .chapter-hero-copy{width:100%;padding:0;grid-column:1;grid-row:1}
.chapter-hero:has(.featured-film) h1{font-size:clamp(40px,4.1vw,62px)}
.chapter-hero:has(.featured-film) .breadcrumb{margin-bottom:32px}
.featured-film{position:relative;inset:auto;z-index:auto;margin:0;grid-column:2;grid-row:1;overflow:hidden;border:1px solid var(--xd-color-border-emphasis);border-radius:var(--xd-radius-surface);background:var(--xd-color-surface);box-shadow:var(--xd-shadow-surface)}
.featured-film video{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:contain;background:var(--xd-color-canvas)}
.featured-film figcaption{padding:var(--xd-space-4) var(--xd-space-5);font-size:12px;line-height:1.6;color:var(--xd-color-text-secondary)}
.featured-film figcaption strong{display:block;color:var(--xd-color-text-primary);font-weight:500}
.closing:has(.closing-film){display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:48px;width:min(1248px,calc(100% - 96px));margin:96px auto;padding:0;text-align:left;min-height:0}
.closing:has(.closing-film):after,.closing:has(.closing-film):before{display:none}
.closing:has(.closing-film) .closing-copy{width:100%;grid-column:1;grid-row:1;padding:0}
.closing:has(.closing-film) .closing-copy p{margin-left:0}
.closing:has(.closing-film) .actions{justify-content:flex-start}
.closing:has(.closing-film) h2{font-size:clamp(36px,4vw,54px)}
.dimension-directory{margin-top:64px;border-top:1px solid var(--xd-color-border-emphasis);padding-top:48px}
.dimension-directory>p{max-width:680px;margin-top:20px}
.dimension-directory h3{font-size:clamp(28px,3vw,40px)}
.dimension-directory-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--xd-space-4);margin-top:32px}
.dimension-summary{display:flex;flex-direction:column;gap:var(--xd-space-3);padding:var(--xd-space-5);border:1px solid var(--xd-color-border);border-radius:var(--xd-radius-surface);background:color-mix(in srgb,var(--xd-color-surface) 92%,transparent)}
.dimension-summary:hover{border-color:var(--xd-color-action)}
.dimension-summary h4{font-size:16px;font-weight:500;line-height:1.4;margin:0}
.dimension-summary p{font-size:12px;line-height:1.8}
.dimension-summary>span{margin-top:auto;color:var(--xd-color-action);font-size:11px;padding-top:var(--xd-space-2)}
.dimension-directory .directory-note{font-size:12px;color:var(--xd-color-text-muted)}
.dimension-directory-grid+.text-link{margin-top:24px}
@media(max-width:1100px){.dimension-directory-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.chapter-hero:has(.featured-film){gap:32px}}
@media(max-width:800px){
 .living-world video{object-position:64% center}
 .living-world:after{background:linear-gradient(0deg,color-mix(in srgb,var(--xd-color-canvas) 82%,transparent),color-mix(in srgb,var(--xd-color-canvas) 62%,transparent) 65%,color-mix(in srgb,var(--xd-color-canvas) 30%,transparent))}
 .chapter-hero:has(.featured-film){grid-template-columns:1fr;width:calc(100% - 48px);gap:32px;padding:136px 0 48px;min-height:0}
 .chapter-hero:has(.featured-film) .chapter-hero-copy{grid-row:1}
 .featured-film{grid-column:1;grid-row:2}
 .closing:has(.closing-film){grid-template-columns:1fr;width:calc(100% - 48px);gap:32px}
 .chapter-hero:has(.featured-film) h1{font-size:clamp(40px,8vw,58px)}
}
@media(max-width:520px){
 .dimension-directory-grid{grid-template-columns:1fr}
 .dimension-directory{margin-top:48px;padding-top:32px}
 .guide-launch{width:52px;height:52px;min-height:52px;padding:11px;right:14px;bottom:max(14px,env(safe-area-inset-bottom));justify-content:center}
 .guide-launch>span:not(.guide-spark){display:none}.guide-launch img{width:28px;height:24px}
 .guide-launch .guide-spark{position:absolute;right:8px;top:10px;width:4px;height:4px}
}
@media(prefers-reduced-motion:reduce){body[data-xd-landing] *{scroll-behavior:auto}}