@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600&family=Manrope:wght@400;500;600;700&display=swap');
:root{color-scheme:dark;--display:'Manrope',sans-serif;--paper:#edf4ff;--accent:#a3caff;--line:#aacbff25}
*{box-sizing:border-box}body{margin:0;background:#060d20;color:var(--paper);font:15px/1.7 'DM Sans',sans-serif;min-height:100svh}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer;font:inherit;color:inherit}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:2px solid #c0e1ff;outline-offset:6px}button[hidden],[hidden]{display:none!important}
.universe-sky,#landscape,.scene-shade{position:fixed;inset:0;pointer-events:none}.universe-sky{background:radial-gradient(ellipse at 65% 25%,#3462a052,transparent 55%),linear-gradient(#07102166,#07102122 60%,#040b1bea),url('assets/fresque-cosmique.webp') center 40%/cover}.has-3d .universe-sky{background:radial-gradient(ellipse at 58% 35%,#18335f,transparent 70%),linear-gradient(#060c1e,#102844 65%,#071022)}#landscape canvas{display:block;width:100%;height:100%}.scene-shade{background:linear-gradient(#040a1870,transparent 30%,transparent 70%,#040a18ed);z-index:1}
.universe-header{position:relative;z-index:3;display:flex;justify-content:space-between;align-items:center;gap:18px;padding:24px 4.5%}.universe-brand{display:flex;align-items:center;gap:12px;font:700 12px var(--display);letter-spacing:1px}.universe-brand img{width:38px;height:48px;object-fit:contain}.universe-brand small{display:block;font:500 7px var(--display);color:#b8cbe6;letter-spacing:1.8px;margin-top:7px}.universe-header .button{font-size:11px;min-width:150px}
.universe-intro{position:relative;z-index:2;margin:35px 4.5% 0;max-width:720px;pointer-events:none;transition:opacity .4s}h1{font:500 clamp(35px,4.6vw,70px)/1.1 var(--display);letter-spacing:-2.5px;margin:0}em{color:#a3caff;font-style:normal}.universe-intro p{font-size:13px;color:#c2d3e9;max-width:380px;margin-top:22px}.is-travelling .universe-intro{opacity:0}.island-labels{position:fixed;inset:0;z-index:3;pointer-events:none}.island-label.island-label{position:absolute;left:0;top:0;pointer-events:auto;white-space:nowrap;margin-left:-90px!important;width:180px!important;font-size:12px!important;will-change:transform}.island-label .vapor-ears{left:22px}.is-travelling .island-labels{opacity:0;pointer-events:none}.is-travelling .island-label{pointer-events:none}
.universe-bottom{position:fixed;z-index:4;bottom:0;left:0;right:0;padding:20px 4.5% 25px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:8px 25px;background:linear-gradient(transparent,#060d20d9)}#travel-status{grid-column:1/-1;text-align:center;font-size:11px;min-height:19px;margin:0 0 10px;color:#b2c9e6}.destinations{display:flex;justify-content:center;gap:18px;grid-column:2}.destinations .button{font-size:12px}.destinations [aria-current=page]{color:#fff;text-shadow:0 0 18px #b8e2ff}.overview{grid-column:1;grid-row:2;justify-self:start}.classic-link{grid-column:3;grid-row:2;justify-self:end;font-size:11px;color:#bfd0e6;border-bottom:1px solid #93b1d059}.noscript{position:relative;margin:60px 5%;z-index:10}.noscript a{text-decoration:underline}
.destination-page{color:var(--paper);background:linear-gradient(145deg,#11233af5,#070e1dfc);border:1px solid #7babe043;border-radius:18px;padding:20px 40px 40px;width:min(980px,92vw);max-height:85dvh;overflow:auto;box-shadow:0 30px 120px #0009}.destination-page::backdrop{background:#030915b8;backdrop-filter:blur(10px)}.page-toolbar{display:flex;position:sticky;top:-20px;background:#0c192af5;z-index:2;align-items:center;justify-content:space-between;gap:15px;margin:-20px -40px 35px;padding:20px 32px;border-bottom:1px solid var(--line)}.page-toolbar>span{font:600 9px var(--display);letter-spacing:2px;color:#9db9dc}.page-toolbar .button{font-size:11px}.destination-page h2{font:500 clamp(32px,4vw,52px)/1.15 var(--display);letter-spacing:-1.8px;margin:18px 0;outline:none}.page-lead{font-size:15px;color:#b8cce6;max-width:640px;margin-bottom:30px}.creation-previews,.service-previews{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin:30px 0}.creation-previews>a{display:block;border-top:1px solid var(--line);padding-top:16px}.creation-previews img{width:100%;height:140px;object-fit:cover;border-radius:7px}.creation-previews h3,.service-previews h3{font:600 17px/1.5 var(--display);margin:15px 0 7px}.creation-previews p,.service-previews p{font-size:13px;line-height:1.8;color:#b5c6df}.creation-previews a:hover h3{color:#9dd4ff}.service-previews article{padding:15px 0;border-top:1px solid var(--line)}.service-previews img{width:64px;height:64px;object-fit:contain}.contact-mail{display:block;font-size:clamp(15px,3vw,25px);color:#bcdfff;margin:35px 0;overflow-wrap:anywhere}.destination-page .button{margin-top:15px}.page-toolbar .button{margin-top:0}
@media(max-width:700px){.universe-header{padding:19px 5%;gap:8px}.universe-brand{font-size:10px;gap:8px;letter-spacing:.3px}.universe-brand small{font-size:6px;letter-spacing:1px}.universe-brand img{width:28px;height:40px}.universe-header .button{font-size:9px;min-width:120px;padding:10px}.universe-intro{margin:28px 6% 0;max-width:330px}h1{font-size:38px;letter-spacing:-1.8px}.universe-intro p{font-size:12px;max-width:280px;line-height:1.8}.island-label{font-size:10px!important;min-width:125px!important;width:125px!important;margin-left:-62.5px!important;padding-inline:7px!important}.island-label .vapor-ears{width:23px;left:4px}.universe-bottom{padding:12px 4% 15px;gap:6px;grid-template-columns:1fr 1fr}.destinations{grid-column:1/-1;gap:4px}.destinations .button{min-width:94px;padding:12px 13px;font-size:11px}.overview{grid-column:1;grid-row:3;font-size:10px!important;min-height:40px!important;padding:10px 12px!important}.classic-link{grid-column:2;grid-row:3;margin-right:10px;font-size:10px}#travel-status{margin-bottom:5px;font-size:10px}.destination-page{padding:20px 23px 30px;width:94vw;max-height:88dvh}.page-toolbar{top:-20px;margin:-20px -23px 25px;padding:16px 20px}.page-toolbar>span{font-size:7px}.page-toolbar .button{font-size:9px;min-width:140px;padding:10px}.creation-previews,.service-previews{grid-template-columns:1fr;gap:12px}.creation-previews>a{display:grid;grid-template-columns:90px 1fr;column-gap:16px;align-items:start}.creation-previews img{grid-row:1/3;height:95px}.creation-previews h3{margin:0}.creation-previews p{margin-top:6px}.service-previews article{display:grid;grid-template-columns:50px 1fr;column-gap:16px}.service-previews img{grid-row:1/3;width:48px;height:48px}.service-previews h3{margin:0}.service-previews p{margin:5px 0 0}.page-lead{font-size:13px}.destination-page h2{font-size:34px}}
@media(max-height:650px) and (min-width:701px){.universe-intro{margin-top:0}h1{font-size:42px}.universe-intro p{margin-top:12px}.universe-header{padding-block:14px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}

/* The HTML pages are objects in the same camera space. */
#landscape{pointer-events:none;z-index:2}.spatial-pages{position:absolute;inset:0;pointer-events:none}.spatial-page.spatial-page{position:absolute;margin:0;border-radius:18px;max-height:none;max-width:none;padding:20px 32px 30px;overflow:hidden;pointer-events:auto;backface-visibility:hidden;background:linear-gradient(140deg,#122c49f5,#071020fa);box-shadow:0 15px 70px #02091799;border:1px solid #a7cfff55;transition:border-color .6s,box-shadow .6s}.spatial-page.is-current{border-color:#a7d9ff;box-shadow:0 0 50px #479dff40}.spatial-page .page-toolbar{position:relative;top:auto;margin:-20px -32px 0;padding:10px 20px}.spatial-content{height:calc(100% - 55px);overflow:auto;overscroll-behavior:contain;padding:10px 4px 30px;scrollbar-width:thin}.spatial-content h2{font-size:44px}.spatial-page .creation-previews img{height:125px}.universe-intro{transition:opacity .5s;pointer-events:none;z-index:3}.has-page .universe-intro{opacity:0}.universe-header,.universe-bottom{z-index:8}.scene-shade{z-index:1}.spatial-fragment{width:350px;height:260px;border:1px solid #79baff38;border-radius:24px;background:linear-gradient(140deg,#70acff12,#081a320a);box-shadow:inset 0 0 40px #4f8bca12;pointer-events:none}.pages-ready .universe-sky{background:radial-gradient(ellipse at 60% 40%,#244b7c99,transparent 60%),linear-gradient(#040b19cc,#061326dd),url('assets/fresque-cosmique.webp') center/cover}.content-arrived .spatial-content>h2,.content-arrived .spatial-content>.page-lead{animation:page-reveal 1.2s both}.content-arrived .creation-previews,.content-arrived .service-previews{animation:page-reveal 1.4s .15s both}@keyframes page-reveal{from{opacity:.15;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:700px){.spatial-page.spatial-page{padding:20px 22px 25px}.spatial-page .page-toolbar{margin:-20px -22px 0;padding:8px 15px}.spatial-page .page-toolbar .button{min-width:120px}.spatial-content h2{font-size:32px}.spatial-page .creation-previews img{height:90px}.universe-intro{margin-top:20px} .universe-intro h1{font-size:32px}}
@media(prefers-reduced-motion:reduce){.spatial-page *{animation:none!important;transition:none!important}}

/* Native-size reading surface at the exact end of each camera approach. */
.reading-layer{position:fixed;inset:0;z-index:5;pointer-events:none}.spatial-page.is-docked{position:absolute!important;left:50%!important;top:calc(50% - 10px)!important;transform:translate(-50%,-50%)!important;width:min(900px,calc(100vw - 60px))!important;height:min(540px,calc(100dvh - 215px))!important;pointer-events:auto;will-change:auto}.universe-header,.universe-bottom{z-index:8}.universe-bottom{display:flex;justify-content:center;align-items:center;gap:12px;flex-wrap:wrap;padding:14px 4% 20px}#travel-status{flex:0 0 100%;font-size:11px;margin:0;min-height:18px}.destinations{display:flex;gap:4px;padding:5px;background:#0b1a2bdd;border:1px solid #93baff30;border-radius:30px}.nav-tab,.nav-control{appearance:none;border:1px solid #a2c8ff38;background:#0c1c31d9;color:#c2d5ee;cursor:pointer;font:500 12px var(--display);padding:12px 18px;border-radius:22px;min-height:44px;transition:color .2s,background .2s}.nav-tab{background:transparent;border-color:transparent}.nav-tab:hover,.nav-control:hover{color:white;background:#204066}.nav-tab[aria-current=page]{background:#254d79;color:#fff}.step-control{font:28px/1 var(--display);padding:4px;width:44px;height:44px}.universe-bottom .overview{position:absolute;left:4%;bottom:22px;font-size:10px}.classic-link{position:absolute;right:4%;bottom:33px}.gesture-hint{display:none}.page-toolbar .nav-control{font-size:11px;padding:9px 15px}.universe-header .motion-toggle{font-size:10px}.spatial-page{touch-action:pan-y}.spatial-content{touch-action:pan-y}.touch-navigation .step-control{display:none}.touch-navigation .gesture-hint{display:block;flex:0 0 100%;text-align:center;font-size:10px;color:#9db7d6;margin:0}.touch-navigation .universe-bottom{padding-bottom:46px}.touch-navigation .universe-bottom .overview{bottom:8px}.touch-navigation .classic-link{bottom:18px}
@media(max-width:700px){.spatial-page.is-docked{width:calc(100vw - 30px)!important;height:calc(100dvh - 230px)!important;top:calc(50% - 5px)!important}.universe-bottom{gap:7px;padding-bottom:48px}.nav-tab{font-size:11px;padding:10px 13px}.universe-bottom .overview{bottom:7px;left:4%;padding:7px 12px!important;min-width:0!important;min-height:36px!important}.classic-link{bottom:17px}.universe-header .motion-toggle{min-width:0;padding:9px 12px}.gesture-hint{display:block;flex:0 0 100%;text-align:center;font-size:10px;color:#9db7d6;margin:0}.step-control{display:none}}

@media(max-width:700px){.spatial-page.is-docked{height:calc(100dvh - 270px)!important;top:calc(50% - 20px)!important}.has-page #travel-status{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);flex:none}.has-page .universe-bottom{padding-top:20px}}

.depth-cover{width:100%;max-height:260px;object-fit:cover;border-radius:12px}.demo-mount #demo-dialog{padding:0!important;border:0;background:none;max-height:none;overflow:visible}.demo-mount #demo-content>h2{display:none}.demo-mount #demo-content .dialog-intro{font-size:13px;color:#b4cbe5}.demo-mount .passage-board-wrap{max-width:380px}.demo-mount .passage-feedback{min-height:20px}.demo-mount .passage-hud{margin-top:15px}.demo-mount .rdv-header{margin-top:12px}.depth-possibilities h2{font-size:34px}.depth-possibilities .possibility-grid{grid-template-columns:repeat(2,minmax(0,1fr))}#spatial-brief{display:flex;flex-direction:column;gap:12px;max-width:600px}#spatial-brief select,#spatial-brief textarea{font:14px var(--display);padding:12px;border:1px solid #8ab6eb55;border-radius:10px;background:#07182d;color:#edf4ff}.hero .actions{flex-wrap:wrap}.hero .actions>a{white-space:nowrap}.universe-header #universe-home{font-size:11px}@media(max-width:700px){.depth-possibilities .possibility-grid{grid-template-columns:1fr}.demo-mount .passage-board-wrap{max-width:290px;padding-right:40px}.universe-header #universe-home{font-size:10px;padding:9px 12px}}

/* Quiet gallery: only the cards carry visible copy. */
.pages-ready .universe-sky,.universe-sky{background:radial-gradient(ellipse at 55% 45%,#122e50,#040b17 75%)!important}.scene-shade{background:linear-gradient(#02081320,transparent 35%,#02081355);pointer-events:none}.spatial-scene-layer{display:block;width:2200px;height:1467px;object-fit:fill;pointer-events:none!important;user-select:none;backface-visibility:hidden}.universe-header{pointer-events:none}.universe-brand{pointer-events:auto;opacity:.72;transition:opacity .3s}.universe-brand:hover{opacity:1}.universe-brand img{width:27px;height:38px}.universe-bottom .destinations{display:none}#travel-status,.gesture-hint{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip-path:inset(50%)!important;white-space:nowrap!important}.universe-bottom{padding:15px 4% 20px;background:none;pointer-events:none;gap:16px}.universe-bottom .nav-control{pointer-events:auto;background:#06142680;border-color:#b4d9ff28;backdrop-filter:blur(8px)}.universe-bottom .overview{position:static!important;width:44px;height:44px;min-width:44px!important;padding:9px!important;display:grid;place-items:center;font-size:0!important;order:-1}.universe-bottom .step-control{width:42px;height:42px}.spatial-page.spatial-page{background:linear-gradient(145deg,#112c45f5,#050f20fa);box-shadow:0 25px 70px #01040ba0;border-color:#a0c6e547}.spatial-page.is-current{box-shadow:0 20px 90px #0008,0 0 35px #438ee520}.reading-layer{z-index:5}.universe-bottom,.universe-header{z-index:8}@media(max-width:700px){.universe-bottom,.touch-navigation .universe-bottom{padding:12px 4% 18px}.universe-header{padding:16px 6%}.universe-brand img{width:24px;height:34px}.universe-bottom .overview{height:40px!important;min-height:40px!important;width:40px!important}.spatial-page.is-docked{height:calc(100dvh - 170px)!important;top:calc(50% - 5px)!important}}

.universe-header{display:none}

.native-gallery{position:fixed;inset:0;width:100%;height:100%;z-index:0;pointer-events:none;display:block}.native-gallery[hidden]{display:none}.universe-sky{z-index:-1}.scene-shade{background:linear-gradient(#02071118,transparent 35%,#02071138)}body[data-native-gallery=ready] .universe-sky{display:none}.spatial-page.spatial-page{background:linear-gradient(145deg,#10283ef5,#06101ffa)}

.is-travelling .spatial-content{pointer-events:none}
.spatial-page.is-docked{width:var(--reading-width)!important;height:var(--reading-height)!important;top:calc(50% - var(--reading-offset))!important}
.has-page .spatial-content h2{font-size:36px;line-height:1.12;margin:10px 0 14px}.has-page .page-lead{margin-bottom:18px}.has-page .creation-previews,.has-page .service-previews{margin:20px 0}.has-page .creation-previews img{height:100px}.has-page .creation-previews h3{margin:10px 0 5px}
.spatial-page.spatial-page{left:0;top:0}
.spatial-pages{overflow:clip!important}
/* Rooftop windows: content only, with navigation kept outside the card. */
.spatial-page.spatial-page{padding:24px 30px 26px}.spatial-content{height:100%;padding:0 4px 16px}.spatial-page:focus-visible{outline:2px solid #badfff;outline-offset:5px}.spatial-page:has(.embedded-site){padding:0;overflow:hidden}.spatial-content:has(.embedded-site){height:100%;padding:0;overflow:hidden}.embedded-site{position:relative;width:100%;height:100%;background:#0a1220;border-radius:17px;overflow:hidden}.embedded-site iframe{position:absolute;inset:0;width:100%;height:100%;border:0;background:#0a1220}.site-loading{position:absolute;inset:0;display:grid;place-items:center;color:#a4c6e8;font-size:12px}.is-loaded .site-loading{display:none}.visually-hidden{position:absolute!important;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}#parent-page{padding:10px;width:42px;height:42px;display:grid;place-items:center}.universe-bottom #parent-page{order:-1}.spatial-page .spatial-content .visually-hidden{margin:0;padding:0}@media(max-width:700px){.spatial-page.spatial-page{padding:20px}.spatial-page:has(.embedded-site){padding:0}}