.spatial-page{--paper:#f5f3ed;--soft:#edece6;--gold:#78613c;--muted:#52636c;scroll-behavior:auto;background:var(--paper)}
.spatial-page body{background:var(--paper)}
.spatial-page #main{overflow:clip}
.spatial-page .page-hero{min-height:94svh;padding-left:7vw;padding-right:15vw;padding-bottom:8vh;background:#102934}
.spatial-page .page-hero:before{inset:-8%;transform:translate3d(0,var(--hero-travel,0px),0) scale(var(--hero-scale,1.09)) rotate(var(--hero-turn,0deg));background-position:65% center;will-change:transform}
.spatial-page .page-hero:after{background:linear-gradient(90deg,#081d2adb,transparent 95%),linear-gradient(0deg,#081d2a55,transparent 50%)}
.spatial-page .page-hero-copy{transform:translate3d(0,var(--copy-travel,0px),0);max-width:820px}
.spatial-page .page-hero h1{font-weight:500;font-size:clamp(2.8rem,5.7vw,6.3rem);max-width:17ch;letter-spacing:-.055em}
.spatial-page .hero-index{right:7vw;bottom:5vh;letter-spacing:.25em}
.spatial-page .page-body{position:relative;background:var(--paper);margin:0 4vw;padding:7vw 9vw 7vw 5vw;box-shadow:0 -25px 70px #091e2c10}
.spatial-page .page-body>.editorial-intro{max-width:820px}
.spatial-page .spatial-surface{transform:translate3d(0,calc(var(--arrival,0)*1px),0);scroll-margin-top:110px}
.spatial-page .content-split{column-gap:8vw}
.spatial-page .use-grid{background:transparent;gap:12px}
.spatial-page .use-grid article{background:#e6e7e0;border:1px solid #d2d8d3;min-height:150px}
.spatial-page .offers>div:first-child{position:sticky;top:125px;align-self:start}
.spatial-page .proof-note{margin:5vw -3vw;padding:5vw;box-shadow:0 20px 50px #091e2c18}
.spatial-page .faq{padding-left:9vw;padding-right:13vw}
.spatial-page .final-cta{position:relative;background:#102832;color:#f5f3ed;padding:10vw 10vw;isolation:isolate;overflow:hidden}
.spatial-page .final-cta:before{content:'';position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,#071a23ed,#071a23a6),url('../assets/generated/villa.webp') 65% 65%/cover}
.spatial-page .final-cta .eyebrow,.spatial-page .final-cta .micro{color:#d2d8d4}
.spatial-page .final-cta .button{background:#f5f3ed;color:#132b3c;border-color:#f5f3ed}
.spatial-page .final-cta .button.outline{background:transparent;color:#f5f3ed}
.spatial-page .button{border-radius:0;min-height:48px}
.spatial-page .button:after{box-shadow:none;width:5px;height:5px;border-radius:50%;right:1.3rem}
.spatial-page a:focus-visible,.spatial-page button:focus-visible,.spatial-page input:focus-visible,.spatial-page select:focus-visible,.spatial-page textarea:focus-visible,.spatial-page summary:focus-visible{outline:3px solid #b38c4e;outline-offset:5px}
.spatial-rail{position:fixed;z-index:35;left:0;top:0;height:3px;width:100%;background:#c3ab78;transform:scaleX(var(--progress,0));transform-origin:left;pointer-events:none}
.spatial-drone{position:fixed;top:0;left:0;width:180px;height:140px;z-index:10;pointer-events:none;transform-origin:top left;filter:drop-shadow(0 12px 9px #07192528)}
.spatial-drone canvas{width:180px;height:140px}
.spatial-page[data-spatial=survey] .content-split{border-top:1px solid #acb8b2;padding-top:3rem}
.spatial-page[data-spatial=survey] .use-grid article:nth-child(even){margin-top:18px;margin-bottom:-18px}
.spatial-page[data-spatial=sequence] .use-grid{display:flex;flex-wrap:wrap;gap:0;background:transparent}
.spatial-page[data-spatial=sequence] .use-grid article{width:50%;border-top:2px solid #8b7449;background:transparent}
.spatial-page[data-spatial=sequence] .use-grid article:nth-child(even){margin-top:30px}
.spatial-page[data-spatial=reveal] .editorial-intro{margin-left:4vw}
.spatial-page[data-spatial=method] .page-hero{--hero-art:url('../assets/generated/preparation.webp');min-height:85svh}
.spatial-page .method-story{position:relative;margin:0 6vw;padding:3vw 0}
.spatial-page .method-story:before{content:'';position:absolute;left:17%;top:0;bottom:0;width:1px;background:#b6b8ac}
.spatial-page .method-step{position:relative;min-height:60svh;padding:6vw 8vw 6vw 6vw;grid-template-columns:18% 1fr;border:0;background:transparent;gap:7vw}
.spatial-page .method-step>b{position:relative;z-index:1;font-size:clamp(4rem,7vw,7rem);color:#9aa69d;background:var(--paper);padding:.2em 0}
.spatial-page .method-step.spatial-current>b{color:#6a5738}
.spatial-page .method-step>div{max-width:650px;padding:2rem;background:var(--paper);box-shadow:0 20px 60px #0b24180b}
.spatial-page[data-spatial=territory] .page-hero{--hero-art:url('../assets/generated/villa.webp');min-height:100svh}
.spatial-page[data-spatial=territory] .zone-layout{gap:10vw;padding:2vw 0}
.spatial-page[data-spatial=territory] .zone-layout>div:last-child{margin-top:8vw;border-top:1px solid #8b7449;padding-top:3vw}
.spatial-page[data-spatial=story] .story-grid{background:transparent;gap:2vw}
.spatial-page[data-spatial=story] .story-grid article{background:#e9e9e2;border-top:1px solid #b4bcb4}
.spatial-page[data-spatial=story] .story-grid article:nth-child(even){margin-top:4vw;margin-bottom:-4vw}
.spatial-page[data-spatial=quiet] .page-hero,.spatial-page[data-spatial=legal] .page-hero{min-height:0;padding-top:155px;padding-bottom:60px}
.spatial-page[data-spatial=quiet] .page-hero h1,.spatial-page[data-spatial=legal] .page-hero h1{font-size:clamp(2.4rem,4.5vw,4.7rem);max-width:22ch}
.spatial-page[data-spatial=legal] .page-hero:before{background:linear-gradient(120deg,#24444a,#0b1e2c);transform:none}
.spatial-page[data-spatial=legal] .page-body{max-width:1100px;margin:auto;padding-top:4rem;padding-bottom:5rem;box-shadow:none}
.spatial-page .tariff-groups{gap:2.5rem}
.spatial-page .tariff-groups>section{background:#fffdf8;border-top:2px solid #9a845a;padding:2rem;box-shadow:0 18px 40px #10283208}
.spatial-page .tariff-row{flex-wrap:wrap}
.spatial-page .contact-layout{gap:5vw;padding-top:4rem}
.spatial-page .contact-layout>div{position:sticky;top:120px}
.spatial-page .form{background:#e9ebe5;box-shadow:0 20px 50px #1028320d}
.spatial-page .footer{padding-left:7vw;padding-right:7vw}
@media(max-width:1050px){.spatial-page .header nav{height:calc(100dvh - 79px);width:100%;justify-self:stretch}.spatial-page .menu-open .header{background:#102832}.spatial-page .menu-open .header .menu-toggle{background:white;color:#132b3c}.spatial-page .header .dropdown{display:grid}}
@media(max-width:720px){
 .spatial-page .page-hero{min-height:90svh;padding:155px 7vw 65px}.spatial-page .page-hero h1{font-size:clamp(2.6rem,10vw,4rem);max-width:16ch}.spatial-page .page-hero-copy{padding-top:22px}.spatial-page .page-body{margin:0;padding:65px 7vw;box-shadow:none}.spatial-page[data-spatial=reveal] .editorial-intro{margin-left:0}.spatial-page .offers>div:first-child,.spatial-page .contact-layout>div{position:static}.spatial-page .offers{gap:2rem}.spatial-page .proof-note{margin:3rem -2vw;padding:2rem}.spatial-page .faq{padding:4rem 7vw}.spatial-page .final-cta{padding:5rem 7vw}.spatial-page .method-story{margin:0 6vw}.spatial-page .method-story:before{left:22px}.spatial-page .method-step{min-height:0;padding:3rem 0;grid-template-columns:50px 1fr;gap:1rem}.spatial-page .method-step>b{font-size:2.6rem}.spatial-page .method-step>div{padding:1rem}.spatial-page .method-step h2{font-size:1.8rem}.spatial-page .method-step p{font-size:1rem}.spatial-page .tariff-groups>section{padding:1.3rem}.spatial-page .contact-layout{padding-top:3rem}.spatial-page .form{padding:1.3rem}.spatial-page[data-spatial=legal] .page-body{padding:3rem 7vw}.spatial-page[data-spatial=legal] .spatial-surface{transform:none}.spatial-page .footer{gap:2rem}.spatial-page[data-spatial=survey] .use-grid article:nth-child(even){margin:0}
}
@media(prefers-reduced-motion:reduce){.spatial-page .page-hero:before,.spatial-page .page-hero-copy,.spatial-page .spatial-surface{transform:none!important;will-change:auto}.spatial-drone{display:none}.spatial-page .spatial-rail{display:none}}
/* Magazine / survey edition: the same reading grammar on every route. */
.spatial-page .page-hero{min-height:100svh}
.spatial-page[data-spatial=quiet] .page-hero,.spatial-page[data-spatial=legal] .page-hero{min-height:72svh;padding-top:160px;padding-bottom:90px}
.spatial-page[data-spatial=legal] .page-hero:before{background:linear-gradient(100deg,#102832ed,#10283299),url('../assets/generated/preparation.webp') center/cover;transform:translateY(var(--hero-travel,0px)) scale(var(--hero-scale,1.09))}
.spatial-page .magazine-spread{scroll-margin-top:110px}
.spatial-page :is(.editorial-intro,.content-split,.offers,.zone-layout>div,.legal article){min-height:52svh;align-content:center;padding-top:3.5rem;padding-bottom:3.5rem}
.spatial-page .legal article{border-top:1px solid #a2aca4;padding-left:4vw;padding-right:4vw;font-size:clamp(1.05rem,1.6vw,1.35rem);background:#fcfaf5;margin:2rem 0;box-shadow:0 15px 40px #132b3c09}
.spatial-page .tariff-groups>section{min-height:45svh;align-content:center}
.spatial-page .spatial-drone{filter:drop-shadow(0 5px 4px #06131d55)}
.spatial-page .spatial-drone[data-tone=light]{filter:drop-shadow(0 3px 4px #06131daa)}
.spatial-page .contact-layout{padding-bottom:7rem}
@media(max-width:720px){.spatial-page .page-hero{min-height:96svh}.spatial-page[data-spatial=quiet] .page-hero,.spatial-page[data-spatial=legal] .page-hero{min-height:75svh;padding-top:150px}.spatial-page :is(.editorial-intro,.content-split,.offers,.zone-layout>div,.legal article){min-height:0;padding-top:2rem;padding-bottom:2rem}.spatial-page .legal article{min-height:40svh}.spatial-page .tariff-groups>section{min-height:0}.spatial-page .contact-layout{padding-bottom:100px}}

/* Shared editorial masthead. */
.spatial-page .header,.spatial-page .header.scrolled{display:flex;justify-content:space-between;inset:0 0 auto;padding:1.6rem 3.2vw;border:0;background:none;backdrop-filter:none;color:#fff;pointer-events:none}
.spatial-page .header .brand{opacity:0;pointer-events:none;transition:none}
.spatial-page .header .brand img{display:none}
.spatial-page .header .brand:after{content:'JUSTEVUE';font:500 1rem Manrope,sans-serif;letter-spacing:.15em}
.spatial-page .header .menu-toggle{display:block;pointer-events:auto;min-height:44px;padding:.35rem 0 .35rem 1rem;border:0;background:none;color:#fff;font-size:.85rem;letter-spacing:.08em}
.spatial-page .header .menu-toggle:after{content:'＋';padding-left:1.2rem}
.spatial-page .header>.button{display:none}
.spatial-page .header nav{display:none}
.spatial-page .menu-open .header{background:#0b1519;pointer-events:auto}
.spatial-page .menu-open .header .brand{opacity:1!important;pointer-events:auto!important}
.spatial-page .menu-open .header nav{display:grid;position:fixed;inset:90px 0 0;width:100%;padding:2rem 8vw 4rem;align-content:start;justify-content:start;background:#0b1519;overflow:auto;gap:.25rem}
.spatial-page .menu-open .header nav>a,.spatial-page .menu-open .nav-group>button{color:#eeeae0;font-size:1.05rem;text-align:left}
.spatial-page .menu-open .dropdown{position:static;display:grid;grid-template-columns:1fr 1fr;min-width:0;background:none;box-shadow:none;border:0;color:#d8d8cd;padding:.5rem 0 1.2rem;gap:0 3rem}
.spatial-page .menu-open .dropdown a{padding:.35rem 0;font-size:.9rem}
.spatial-page .menu-open .dropdown a:hover{background:none;color:white;text-decoration:underline}
.spatial-page .menu-open .menu-toggle:after{content:'−'}

.spatial-page .header .brand{opacity:1;pointer-events:auto}
.spatial-page .header.scrolled{background:#f5f3ed;color:#132b3c;border-bottom:1px solid #d1d8d0}
.spatial-page .header.scrolled .menu-toggle{color:#132b3c;background:none}
.spatial-page .menu-open .header.scrolled{background:#0b1519;color:#fff}
.spatial-page .menu-open .header.scrolled .menu-toggle{color:#fff}
.spatial-page .menu-open .header nav{height:calc(100dvh - 90px)}
@media(max-width:720px){.spatial-page .header,.spatial-page .header.scrolled{padding:1rem 7vw}.spatial-page .menu-open .dropdown{grid-template-columns:1fr}.spatial-page .menu-open .header nav{padding-top:1rem}}
/* Production edition: image → observation → useful outcome. */
.observation{position:relative;height:190svh;background:#e8e9e2}
.observation-sticky{position:sticky;top:90px;display:grid;grid-template-columns:57% 43%;min-height:calc(100svh - 180px);overflow:hidden}
.observation-visual{position:relative;margin:0;min-height:calc(100svh - 180px);overflow:hidden;background:#233c40}
.observation-image{position:absolute;inset:-2%;background-image:linear-gradient(0deg,#081c2799,transparent 55%),var(--hero-art);background-size:cover;background-position:var(--focus-x,50%) center;transform:scale(var(--focus-scale,1));transform-origin:var(--focus-x,50%) 45%}
.observation-visual figcaption{position:absolute;left:2rem;right:2rem;bottom:2rem;font-size:.68rem;line-height:1.5;letter-spacing:.04em;color:#fff}
.observation-guide{position:absolute;inset:16% 15%;width:70%;height:65%;overflow:visible;fill:none;stroke:#eee9d8;stroke-width:.25;opacity:.6}
.observation-guide path{stroke-dasharray:1;stroke-dashoffset:calc(1 - var(--observation-progress,0))}.observation-guide circle{fill:#eee9d8}
.observation-copy{padding:clamp(2rem,3.4vw,4rem);align-self:center}.observation-copy h2{font-size:clamp(1.65rem,2.5vw,2.7rem);line-height:1.2;letter-spacing:-.035em}.observation-copy ol{list-style:none;margin:1.5rem 0;padding:0}.observation-copy li{position:relative;padding:.7rem 0 .7rem 2rem;border-left:1px solid #acb7ad}.observation-copy li.is-current{border-left:2px solid #806941;background:#f5f3ed}.observation-number{position:absolute;left:.4rem;top:1rem;font-size:.6rem}.observation-copy h3{font-size:1rem;margin:0 0 .35rem}.observation-copy li p{font-size:.9rem;line-height:1.55;margin:0;color:#425a5d}.observation-copy>.text-link{display:inline-block;padding:.8rem 0;font-size:.88rem}
.spatial-drone:focus-visible{outline:2px solid #eee9d8;outline-offset:4px}.spatial-drone:hover canvas{filter:brightness(1.12)}
.universe-index{background:#102832}.universe-entry{min-height:64svh;display:grid;grid-template-columns:10% 1fr;gap:3rem;align-content:end;padding:6vw 8vw;color:#fff;background:linear-gradient(90deg,#071923dd,#07192333),var(--hero-art);background-position:center;background-size:cover;border-bottom:1px solid #ffffff33}.universe-entry h2{font-size:clamp(2.4rem,5vw,5rem);color:#fff}.universe-entry p{color:#eceee8}.universe-entry>span{padding-top:1rem}.universe-entry:hover h2{text-decoration:underline;text-underline-offset:.15em;text-decoration-thickness:1px}.universe-links{display:flex;flex-wrap:wrap;gap:2rem}.universe-links a{padding:1rem 0;border-bottom:1px solid #a2b0a6}.audience-index>a{display:block;border-top:1px solid #aab6ac;padding:3rem 0}.audience-index h2{max-width:23ch}
.header-prestations{--hero-art:url('../assets/generated/villa.webp')}.header-pour-qui{--hero-art:url('../assets/generated/preparation.webp')}
.spatial-page[data-spatial=legal] .page-hero,.spatial-page[data-spatial=quiet] .page-hero{min-height:50svh;padding-top:140px;padding-bottom:65px}
.spatial-page .legal article{min-height:0;margin:0;box-shadow:none;background:transparent;padding:1.8rem 0;font-size:1.05rem}.spatial-page .tariff-groups>section{min-height:0}.spatial-page .footer{padding-top:3.5rem;padding-bottom:2rem;gap:2rem}.contact-context{border-left:2px solid #806941;padding-left:1rem}
@media(max-width:720px){.observation{height:175svh}.observation-sticky{top:76px;min-height:0;grid-template-columns:1fr}.observation-visual{height:37svh;min-height:230px}.observation-visual figcaption{left:7vw;bottom:1rem;right:7vw;font-size:.59rem}.observation-copy{padding:1.3rem 7vw 1rem}.observation-copy>.eyebrow{font-size:.6rem;margin-bottom:.6rem}.observation-copy h2{font-size:1.6rem;margin-bottom:.5rem}.observation-copy ol{margin:.6rem 0}.observation-copy li{padding:.6rem 0 .6rem 1.8rem}.observation[data-enhanced=true] ol{position:relative;min-height:115px}.observation[data-enhanced=true] li{position:absolute;inset:0;visibility:hidden;opacity:0}.observation[data-enhanced=true] li.is-current{visibility:visible;opacity:1}.observation-copy>.text-link{font-size:.8rem;padding:.4rem 0}.universe-entry{min-height:58svh;gap:1rem;padding:12vw 7vw}.spatial-page .legal article{min-height:0}.spatial-page[data-spatial=legal] .page-hero,.spatial-page[data-spatial=quiet] .page-hero{min-height:0;padding-top:140px;padding-bottom:65px}}
@media(max-height:650px) and (min-width:721px){.observation-sticky{top:80px}.observation-copy{padding:1rem 2rem}.observation-copy h2{font-size:1.6rem}.observation-copy li p{font-size:.8rem}.observation-copy ol{margin:.5rem 0}}
@media(prefers-reduced-motion:reduce){.observation{height:auto}.observation-sticky{position:relative;top:0}.observation-image{transform:none}.observation-guide{display:none}}

/* Aircraft, route and framing now share the photograph's source coordinates. */
.observation-scene{position:absolute;inset:0;transform:scale(var(--focus-scale,1));transform-origin:var(--focus-x,50%) 45%;will-change:transform}
.observation-image{inset:0;transform:none;background-position:var(--focus-x,50%) center}
.observation-guide{inset:auto;max-width:none;max-height:none;opacity:1;stroke-width:.14;stroke-linecap:round;stroke-linejoin:round;pointer-events:none}
.observation-guide .route-base{stroke:#f4f1e1;stroke-opacity:.22;stroke-dasharray:.6 1.15;stroke-dashoffset:0}
.observation-guide .route-progress{stroke:#f4f1e1;stroke-width:.20;stroke-opacity:.68;stroke-dasharray:1;stroke-dashoffset:calc(1 - var(--route-progress,0))}
.observation-guide .flight-station{fill:#1a323acc;stroke:#f4f1e1;stroke-width:.16;opacity:.46}
.observation-guide .flight-station.is-reached{fill:#f4f1e1;opacity:.82}
.observation-guide .flight-station.is-taking{stroke-width:.38;opacity:1}
.observation-guide .observation-sight{stroke:#fff6cf;stroke-width:.13;stroke-dasharray:.4 .55}
.observation-guide .observation-reticle{stroke:#fff6cf;stroke-width:.20}
.observation-guide .observation-reticle path{stroke-dasharray:none;stroke-dashoffset:0}
.observation-guide .observation-reticle circle{fill:#fff6cf;stroke:none}
.observation-status{position:absolute;left:2rem;top:1.5rem;color:#f5f3e9;font-size:.65rem;letter-spacing:.13em;text-transform:uppercase;padding:.5rem .7rem;background:#10283270;border:1px solid #f5f3ed35;pointer-events:none}
.spatial-drone{overflow:visible}
.spatial-drone[data-phase=escort]{filter:drop-shadow(0 7px 6px #10283226)}
/* Clear outer margins let the aircraft accompany the magazine without covering its copy. */
.spatial-page[data-flight-escort=true] .page-body{padding-left:max(5vw,96px);padding-right:max(9vw,96px)}
.spatial-page[data-flight-escort=true] .faq{padding-left:max(9vw,112px);padding-right:max(13vw,112px)}
.spatial-page[data-flight-escort=true] .final-cta{padding-left:max(10vw,112px);padding-right:max(10vw,112px)}
.spatial-page[data-flight-escort=true] .footer{padding-left:max(7vw,112px);padding-right:max(7vw,112px)}
@media(max-width:720px){
 .observation-status{left:7vw;top:1rem;font-size:.57rem;padding:.45rem .6rem}
 .spatial-page[data-flight-escort=true] .page-body,.spatial-page[data-flight-escort=true] .faq,.spatial-page[data-flight-escort=true] .final-cta,.spatial-page[data-flight-escort=true] .footer{padding-left:7vw;padding-right:80px}
 .observation-guide{stroke-width:.22}
 .observation-guide .route-progress{stroke-width:.27}
 .observation-guide .observation-reticle{stroke-width:.3}
 .spatial-page[data-flight-escort=true] .proof-note{margin-left:0;margin-right:0}
}
@media(prefers-reduced-motion:reduce){.observation-scene{transform:none;will-change:auto}.spatial-page[data-flight-escort=true] .page-body,.spatial-page[data-flight-escort=true] .faq,.spatial-page[data-flight-escort=true] .final-cta,.spatial-page[data-flight-escort=true] .footer{padding-left:7vw;padding-right:7vw}}
.reading-paused .observation-scene{transform:none;will-change:auto}
.reading-paused .observation-guide{display:none}
@media(max-width:720px){.spatial-page[data-flight-escort=true] .editorial-intro h2{font-size:clamp(1.75rem,7.4vw,2rem);line-height:1.15;max-width:none}}
/* A photographic viewfinder: framing intent, no simulated telemetry. */
.observation-status{display:grid;gap:.24rem;padding:.65rem .8rem;background:#f5f3edf2;border:1px solid #f5f3ed;color:#132b3c;line-height:1.3;max-width:calc(100% - 4rem)}
.observation-status-label{font-size:.71rem;font-weight:650;letter-spacing:.07em}
.observation-status-state{font-size:.63rem;font-weight:450;letter-spacing:.01em;text-transform:none;color:#455962}
.observation-guide .route-progress{stroke-dasharray:none;stroke-dashoffset:0}
.observation-guide .observation-reticle{stroke-width:.17}
.observation-guide[data-surface=light] .observation-reticle{stroke:#163340}
.observation-guide[data-surface=light] .observation-reticle circle{fill:#163340}
.observation-guide[data-surface=light] .observation-sight{stroke:#163340;stroke-opacity:.7}
.observation-guide .mission-reference{fill:none;stroke:#f4f1e1;stroke-width:.11;stroke-dasharray:.35 .6}
.observation-guide .mission-reference path{stroke-dasharray:.35 .6;stroke-dashoffset:0}
.observation-guide[data-surface=light] .mission-reference{stroke:#163340}
.observation[data-intent=inspection] .route-base,.observation[data-intent=documentation] .route-base{stroke-opacity:.15}
.spatial-page .spatial-drone,.spatial-page .spatial-drone[data-tone=light],.spatial-page .spatial-drone[data-phase=escort]{filter:none}
.spatial-drone:hover canvas{filter:none}
.spatial-drone::before{content:'';position:absolute;pointer-events:none;z-index:-1;left:50%;top:50%;width:var(--ground-shadow-width,80px);height:24px;border-radius:50%;background:#102832;opacity:var(--ground-shadow-opacity,0);filter:blur(var(--ground-shadow-blur,8px));transform:translate(calc(-50% + var(--ground-shadow-x,0px)),var(--ground-shadow-y,0px)) rotate(-8deg)}
@media(max-width:720px){.observation-status{padding:.52rem .65rem;gap:.18rem;max-width:calc(100% - 14vw)}.observation-status-label{font-size:.64rem}.observation-status-state{font-size:.60rem}.observation-guide .observation-reticle{stroke-width:.25}}
/* Reference correction: white photographic corners on the preparation plan. */
.spatial-page:is([data-route=documentation],[data-route=droit]) .observation-reticle path{vector-effect:non-scaling-stroke;stroke:#fff;stroke-width:3.5px;filter:drop-shadow(0 1px 1px #09202c99)}
.spatial-page:is([data-route=documentation],[data-route=droit]) .observation-reticle circle{fill:#fff}
.spatial-drone{pointer-events:none!important}
.observation-controller{position:absolute;left:3.5%;bottom:3.6rem;width:34%;max-width:360px;z-index:2;pointer-events:none;contain:layout style}
.observation-controller>svg,.controller-body{position:absolute;inset:0;width:100%;height:100%;display:block}
.controller-screen{position:absolute;width:640px;height:360px;overflow:hidden;transform-origin:0 0;background:#09202c;color:white}
.controller-feed{position:absolute;left:0;top:0;max-width:none;filter:brightness(.82) saturate(.83)}
.controller-frame{position:absolute;inset:22% 25%;border:2px solid #fff9;clip-path:polygon(0 0,18% 0,18% 2%,2% 2%,2% 20%,0 20%,0 0,100% 0,100% 20%,98% 20%,98% 2%,82% 2%,82% 0,100% 0,100% 100%,82% 100%,82% 98%,98% 98%,98% 80%,100% 80%,100% 100%,0 100%,0 80%,2% 80%,2% 98%,18% 98%,18% 100%,0 100%)}
.controller-stage{position:absolute;left:24px;bottom:16px;font:500 20px/1 Inter,sans-serif;letter-spacing:.10em;color:white;text-shadow:0 1px 3px black}
@media(max-width:720px){.spatial-page:is([data-route=documentation],[data-route=droit]) .observation-reticle path{stroke-width:2.75px}.observation-controller{left:3.5%;bottom:2.8rem;width:40%}}

.hub-details{margin:4rem 0}.hub-details h3{font-size:1.1rem;line-height:1.5}.hub-details p{font-size:.95rem}.hub-details .use-grid article{display:block;padding:1.5rem}

.page-hero .hero-credit{position:absolute;bottom:1.2rem;left:7vw;font:500 .65rem/1.4 Inter,sans-serif;letter-spacing:.04em;color:#fff;background:#102934b3;padding:.35rem .55rem;max-width:84vw}