.panorama-page {
  --p-ink: #173d57;
  --p-blue: #247b9f;
  --p-sky: #edf7fb;
  --p-muted: #4c6879;
  --p-line: #c6dce6;
  --p-red: #bd303b;
  margin: 0;
  background: #fff;
  color: var(--p-ink);
  font: 16px/1.55 Arial, Helvetica, sans-serif;
  -webkit-font-smoothing: antialiased;
}
.panorama-page * { box-sizing: border-box; }
.panorama-page :where(h1, h2, h3, p, figure) { margin: 0; }
.panorama-page :where(h1, h2, h3) { font-family: Metropolis, Arial, Helvetica, sans-serif; }
.panorama-page :where(a, button) { -webkit-tap-highlight-color: transparent; }
.panorama-page a { color: inherit; text-decoration: none; }
.panorama-page button { font: inherit; cursor: pointer; }
.panorama-page img { display: block; max-width: 100%; }
.panorama-page section[id] { scroll-margin-top: 22px; }
.panorama-page :where(a, button):focus-visible { outline: 3px solid var(--p-blue); outline-offset: 5px; }
.panorama-page em { font-style: normal; color: var(--p-blue); }
.p-wrap { width: min(1180px, calc(100% - 80px)); margin-inline: auto; }
.p-skip { position: fixed; left: 16px; top: -100px; z-index: 200; padding: 12px 18px; color: #fff !important; background: var(--p-ink); }
.p-skip:focus { top: 10px; }
.p-header { background: #fff; border-bottom: 1px solid #e1edf2; }
.p-header-inner { min-height: 70px; width: min(1360px, calc(100% - 64px)); margin: 0 auto; display: grid; grid-template-columns: 190px 1fr auto; align-items: center; gap: 26px; }
.p-brand { display: block; width: 164px; }
.p-brand img { width: 164px; height: auto; }
.p-nav { display: flex; justify-content: center; gap: 29px; font-size: 15px; }
.p-nav a { padding-block: 13px; white-space: nowrap; }
.p-nav a:hover { color: var(--p-blue); }
.p-header-contact { display: inline-flex; align-items: center; padding: 9px 14px; border: 1px solid #b4cdd9; border-radius: 3px; font-size: 15px; font-weight: 500; color: var(--p-ink) !important; background: #f5fafc; }
.p-header-contact:hover { background: #e1f0f6; border-color: var(--p-blue); }
.p-header-contact span { font-size: 21px; }
.p-intro { text-align: center; padding: 17px 24px 18px; background: #fff; }
.p-intro h1 { font-size: clamp(30px, 2.65vw, 38px); line-height: 1.2; letter-spacing: -.045em; font-weight: 600; }
.p-intro h1 span { color: var(--p-blue); }
.p-intro p { margin-top: 6px; font-size: 16px; color: var(--p-muted); }
.panorama-scene {
  --orbit-height: 400px;
  --orbit-width: 280px;
  --orbit-card-bg: #fff;
  --orbit-ink: #173d57;
  position: relative;
  background-color: #d4edf7;
  background-image: linear-gradient(#edf7fb16, #edf7fb16), url('assets/metiers-panorama.webp');
  background-position: center;
  background-size: cover;
}
.panorama-scene[data-orbit] .xp-copy small,
.panorama-scene[data-orbit] .xp-explore,
.panorama-scene[data-orbit] .xp-count,
.panorama-scene[data-orbit] .xp-pause { font-size: 14px; }
.p-solutions { padding-top: 37px; padding-bottom: 40px; }
.p-section-heading { max-width: 820px; margin: 0 auto 26px; text-align: center; }
.p-kicker { font-size: 14px; font-weight: 600; line-height: 1.45; color: var(--p-blue); }
.p-training .p-kicker, .p-contact .p-kicker { color: #1c6d8d; }
.p-section-heading h2 { font-size: 29px; line-height: 1.2; letter-spacing: -.035em; font-weight: 600; margin-top: 6px; }
.p-section-heading > p { max-width: 640px; margin: 10px auto 0; color: var(--p-muted); font-size: 16px; line-height: 1.55; }
.p-stories { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 28px; align-items: start; }
.p-story { min-width: 0; }
.p-photo { position: relative; padding: 6px; border: 1px solid #d8e6ec; background: #fff; width: 100%; display: block; box-shadow: 0 6px 15px #173d570b; text-align: left; }
.p-photo img { width: 100%; height: auto; aspect-ratio: 16 / 9; object-fit: cover; object-position: center; }
.p-people .p-photo img { object-position: center 53%; }
.p-photo-action { position: absolute; bottom: 18px; left: 18px; display: inline-flex; align-items: center; gap: 10px; padding: 9px 13px; background: #fff; color: var(--p-ink); font-size: 14px; box-shadow: 0 2px 8px #102b4420; }
.p-photo-action > span { font-size: 22px; line-height: 1; }
.p-photo:hover .p-photo-action { background: var(--p-ink); color: #fff; }
.p-story-copy { padding: 15px 5px 0; }
.p-caption { font-size: 14px; color: var(--p-muted); }
.p-story h3 { font-size: 24px; line-height: 1.25; letter-spacing: -.025em; font-weight: 600; margin-top: 8px; margin-bottom: 7px; }
.p-story-copy > p:last-child { font-size: 16px; line-height: 1.55; max-width: 540px; color: #3d5b6e; }
.p-story-copy > p:not(.p-caption) { font-size:16px;line-height:1.55;color:#3d5b6e; }
.p-story-copy .p-text-link { margin-top:12px; }
.panorama-page h2 a:hover,.panorama-page h3 a:hover{color:var(--p-blue);text-decoration:underline;text-underline-offset:5px}
.p-formats{display:grid;grid-template-columns:1fr 1fr;gap:32px;padding:24px 0 28px;border-top:1px solid var(--p-line)}
.p-formats h2{font-size:21px;line-height:1.3;margin-bottom:7px;font-weight:600;letter-spacing:-.025em}
.p-formats h2 span{font-size:19px;color:var(--p-blue)}
.p-formats p{font-size:16px;color:var(--p-muted);line-height:1.55;max-width:490px}
.p-training { background: var(--p-sky); border-top: 1px solid #dcecf3; border-bottom: 1px solid #dcecf3; padding: 32px 0; }
.p-training-inner { display: grid; grid-template-columns: 1.05fr 1fr; gap: 45px; align-items: center; }
.p-training-figure img { width: 100%; aspect-ratio: 1.72; object-fit: cover; border: 6px solid #fff; box-shadow: 0 4px 18px #173d570e; }
.p-training-figure figcaption { margin-top: 9px; color: var(--p-muted); font-size: 14px; }
.p-training h2 { font-size: 28px; line-height: 1.24; letter-spacing: -.03em; font-weight: 600; margin-top: 7px; margin-bottom: 13px; }
.p-training-copy > p:not(.p-kicker) { font-size: 16px; line-height: 1.55; color: #3d5b6e; }
.p-development { padding-left: 15px; border-left: 3px solid #7fb7cc; margin-top: 17px; }
.p-development h3 { font-size: 16px; line-height: 1.5; font-weight: 600; }
.p-development p { color: var(--p-muted); font-size: 14px; line-height: 1.5; margin-top: 3px; }
.p-text-link { display: inline-flex; align-items: center; justify-content: space-between; gap: 22px; padding: 6px 0; border-bottom: 1px solid #7fa4b7; font-size: 15px; line-height: 1.4; font-weight: 500; }
.p-text-link span { font-size: 22px; line-height: 1; }
.p-text-link:hover { color: var(--p-blue); border-color: var(--p-blue); }
.p-training-copy .p-text-link { margin-top: 16px; }
.p-measure { display: grid; grid-template-columns: 90px minmax(0, 1fr) auto; gap: 27px; align-items: center; padding-top: 26px; padding-bottom: 27px; }
.p-measure figure img { width: 90px; height: 110px; object-fit: cover; }
.p-measure figcaption { font-size: 14px; color: var(--p-muted); margin-top: 5px; }
.p-measure h2 { font-size: 23px; font-weight: 600; letter-spacing: -.025em; line-height: 1.28; margin-top: 5px; margin-bottom: 8px; }
.p-measure > div > p:last-child { max-width: 680px; font-size: 16px; line-height: 1.55; color: #3d5b6e; }
.p-measure .p-text-link { white-space: nowrap; }
.p-contact { padding: 31px 0 34px; background: #e1f0f6; border-top: 1px solid #d2e6ef; }
.p-contact-inner { display: flex; align-items: center; justify-content: space-between; gap: 32px; }
.p-contact h2 { font-size: 29px; font-weight: 600; letter-spacing: -.035em; line-height: 1.25; margin-top: 7px; margin-bottom: 10px; }
.p-contact-inner p:not(.p-kicker) { font-size: 16px; color: #3d5b6e; }
.p-contact-button { display: inline-flex; gap: 25px; align-items: center; justify-content: space-between; padding: 14px 18px; background: var(--p-ink); color: #fff !important; border: 1px solid var(--p-ink); border-radius: 3px; font-size: 16px !important; white-space: nowrap; box-shadow: none; }
.p-contact-button span { font-size: 22px; line-height: 1; }
.p-contact-button:hover { background: #205c77; border-color: #205c77; }
.p-footer { display: flex; gap: 24px; justify-content: space-between; align-items: center; padding-block: 20px; font-size: 14px; color: var(--p-muted); }
.p-footer a { color: var(--p-ink); white-space: nowrap; }
.p-footer nav { display: flex; flex-wrap: wrap; gap: 10px 24px; justify-content: flex-end; }
.p-footer a:hover { text-decoration: underline; text-underline-offset: 4px; }

@media (min-width: 1500px) and (min-height: 900px) {
  .panorama-scene { --orbit-height: 440px; --orbit-width: 310px; }
  .p-intro { padding-top: 21px; padding-bottom: 22px; }
}
@media (max-width: 1100px) {
  .p-header-inner { grid-template-columns: 164px 1fr auto; width: calc(100% - 40px); gap: 22px; }
  .p-nav { gap: 23px; }
  .p-nav a:last-child { display: none; }
  .p-header-contact { gap: 12px; }
  .p-intro h1 { font-size: 32px; }
  .p-wrap { width: calc(100% - 56px); }
  .p-stories { gap: 30px; }
  .p-training-inner { gap: 30px; }
  .p-training h2 { font-size: 25px; }
  .p-measure { gap: 22px; grid-template-columns: 90px minmax(0, 1fr); }
  .p-measure .p-text-link { grid-column: 2; justify-self: start; margin-top: -8px; }
  .p-contact-inner { gap: 25px; }
  .p-contact h2 { font-size: 26px; }
  .p-contact-button { font-size: 15px !important; gap: 18px; }
}
@media (max-width: 760px) {
  .p-header-inner { min-height: 68px; width: calc(100% - 32px); display: flex; justify-content: space-between; gap: 16px; }
  .p-brand, .p-brand img { width: 150px; }
  .p-nav { display: none; }
  .p-header-contact { font-size: 14px; gap: 8px; max-width: 150px; line-height: 1.3; }
  .p-header-contact span { flex-shrink: 0; }
  .p-intro { padding: 17px 20px 15px; }
  .p-intro h1 { max-width: 600px; font-size: 30px; line-height: 1.2; margin-inline: auto; }
  .p-intro h1 span { display: block; }
  .p-intro p { font-size: 15px; line-height: 1.5; max-width: 380px; margin: 9px auto 0; }
  .panorama-scene { --orbit-height: 370px; --orbit-width: 230px; background-position: center; }
  .p-wrap { width: calc(100% - 40px); }
  .p-solutions { padding-top: 29px; padding-bottom: 30px; }
  .p-section-heading { margin-bottom: 21px; }
  .p-section-heading h2 { font-size: 28px; }
  .p-section-heading > p { max-width: 560px; margin-top: 10px; }
  .p-section-heading > p br { display: none; }
  .p-stories { grid-template-columns: 1fr; gap: 28px; }
  .p-photo-action { bottom: 12px; left: 12px; font-size: 14px; padding: 8px 10px; gap: 7px; }
  .p-photo-action > span { font-size: 19px; }
  .p-caption { line-height: 1.4; }
  .p-story h3 { font-size: 22px; }
  .p-training { padding: 27px 0 30px; }
  .p-training-inner { grid-template-columns: 1fr; gap: 23px; }
  .p-training-figure { max-width: 620px; }
  .p-training-figure img { aspect-ratio: 1.85; }
  .p-training h2 { font-size: 28px; }
  .p-training-copy { max-width: 620px; }
  .p-development p { font-size: 15px; }
  .p-measure { gap: 17px; padding-top: 26px; padding-bottom: 26px; }
  .p-measure h2 { font-size: 23px; }
  .p-contact { padding-block: 28px; }
  .p-contact-inner { display: block; }
  .p-contact h2 { font-size: 27px; }
  .p-contact-button { margin-top: 21px; font-size: 16px !important; }
  .p-footer { flex-wrap: wrap; gap: 12px 20px; padding-block: 20px; }
  .p-footer > span:nth-child(2) { display: none; }
}
@media (max-width: 520px) {
  .p-formats{grid-template-columns:1fr;gap:21px}
  .p-header-contact { max-width: 139px; }
  .p-intro h1 { font-size: 28px; }
  .p-intro p { max-width: 320px; font-size: 15px; }
  .panorama-scene { --orbit-height: 340px; --orbit-width: 218px; }
  .p-story h3 { font-size: 25px; }
  .p-measure { grid-template-columns: 76px minmax(0, 1fr); gap: 17px; align-items: start; }
  .p-measure figure img { width: 76px; height: 112px; }
  .p-measure figcaption { font-size: 14px; }
  .p-measure h2 { font-size: 22px; }
  .p-measure .p-kicker { font-size: 14px; }
  .p-measure .p-text-link { grid-column: 1 / -1; margin-top: 0; }
  .p-contact-button { width: 100%; }
  .p-footer { font-size: 14px; }
}
@media (prefers-reduced-motion: reduce) { .panorama-page * { scroll-behavior: auto !important; } }

/* Direction Panorama choisie le 19 octobre : l’offre précède la collection. */
.panorama-page[data-approved]{padding-bottom:0}
.p-intro{padding-top:17px;padding-bottom:14px}
.p-intro h1{font-size:clamp(28px,2.65vw,36px);letter-spacing:-.035em}
.p-intro>p{max-width:940px;margin:8px auto 0;font-size:16px;line-height:1.5}
.p-services-nav{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:0;margin:14px auto 0}
.p-services-nav a{padding:0 19px;border-right:1px solid #b9d1dd;font-size:15px;font-weight:600;color:#245c78;line-height:1.5}
.p-services-nav a:last-child{border-right:0}.p-services-nav a:hover{text-decoration:underline;text-underline-offset:5px}
.panorama-page .panorama-scene{--orbit-height:380px;background-color:#f0f5f6}
.panorama-scene .xp-copy{min-height:85px}.panorama-scene .xp-copy strong{font-size:17px}
.p-measure p+p{margin-top:7px}.p-measure #lidar{scroll-margin-top:110px;color:#3d5b6e}
.p-aerial{display:grid;grid-template-columns:120px 1fr auto;gap:27px;align-items:center;padding:27px 0;border-top:1px solid #dce9ef}
.p-aerial figure img{width:120px;height:100px;object-fit:contain}.p-aerial figcaption{font-size:14px;color:var(--p-muted);text-align:center}
.p-aerial h2{font-size:23px;font-weight:600;line-height:1.28;letter-spacing:-.025em;margin:5px 0 8px}
.p-aerial>div>p:last-child{max-width:680px;font-size:16px;line-height:1.55;color:#3d5b6e}.p-aerial .p-text-link{white-space:nowrap}
@media(min-width:1500px) and (min-height:900px){.panorama-page .panorama-scene{--orbit-height:440px}}
@media(max-width:800px){.p-services-nav{row-gap:10px}.p-services-nav a{font-size:14px;padding-inline:13px}.p-aerial{grid-template-columns:100px 1fr;gap:18px}.p-aerial .p-text-link{grid-column:2;justify-self:start}.p-aerial figure img{width:100px}.panorama-page .panorama-scene{background-size:auto 100%;background-position:center}}
@media(max-width:510px){.p-intro h1{font-size:28px;line-height:1.2}.p-intro>p{font-size:16px}.p-services-nav{gap:10px 16px;max-width:340px;margin-top:16px}.p-services-nav a{padding:0;border:0;font-size:14px;text-decoration:underline;text-decoration-color:#b9d1dd;text-underline-offset:4px}.p-intro{padding-bottom:20px}.panorama-page .panorama-scene{background-size:auto 100%;background-position:71% center}.p-aerial{grid-template-columns:76px 1fr;gap:17px}.p-aerial figure img{width:76px;height:100px}.p-aerial figcaption{font-size:12px}.p-aerial h2{font-size:23px}}

/* Language choice stays visible on every screen size. */
.p-header-inner{grid-template-columns:164px 1fr auto auto;gap:22px}
.p-language{position:relative;display:block}
.p-language>span{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.p-language select{font:14px/1.3 Arial,sans-serif;color:var(--p-ink);background:#fff;border:1px solid #c6dce6;border-radius:0;padding:9px 7px;max-width:112px;cursor:pointer}
.p-language select:focus-visible{outline:2px solid var(--p-blue);outline-offset:3px}
@media(max-width:1100px){.p-header-inner{gap:16px;grid-template-columns:145px 1fr auto auto}.p-brand,.p-brand img{width:145px}.p-nav{gap:17px}.p-header-contact{font-size:14px;gap:7px}}
@media(max-width:900px){.p-header-inner{display:grid;grid-template-columns:1fr auto auto;gap:8px 18px;padding:12px 0 8px}.p-nav{grid-row:2;grid-column:1/-1;display:flex;gap:25px}.p-nav a{padding:4px 0}.p-nav a:last-child{display:block}.p-language{grid-row:1;grid-column:2}.p-header-contact{grid-row:1;grid-column:3;max-width:none}.p-brand{grid-row:1;grid-column:1}}
@media(max-width:560px){.p-header-inner{grid-template-columns:1fr auto;padding:10px 0;row-gap:10px}.p-header-contact{display:none}.p-language{grid-column:2}.p-nav{font-size:13px;gap:22px;justify-content:space-between}.p-nav a{white-space:normal}.p-brand,.p-brand img{width:140px}}

.p-measure.p-lidar-showcase{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:35px;padding-block:30px}
.p-lidar-showcase h2{font-size:28px;margin:8px 0 16px}
.p-lidar-showcase p{color:var(--p-muted);font-size:16px;line-height:1.6}
.p-lidar-showcase .p-text-link{display:table;margin:14px 0 0;white-space:normal}
.p-lidar-showcase .lidar-points-stage{height:320px;min-height:320px}
.p-lidar-showcase .lidar-points-toolbar{align-items:start;flex-wrap:wrap}
.p-lidar-showcase .lidar-points-toolbar p{font-size:13px}
.p-lidar-showcase .lidar-points-note{font-size:12px}
@media(max-width:760px){.p-measure.p-lidar-showcase{grid-template-columns:1fr;gap:23px}.p-lidar-showcase>div:last-child{grid-row:1}.p-lidar-showcase h2{font-size:25px}}

.p-aerial>div{min-width:0}
@media(max-width:800px){.p-aerial{grid-template-columns:100px minmax(0,1fr)}.p-aerial .p-text-link{white-space:normal;max-width:100%;gap:10px}}
@media(max-width:510px){.p-aerial{grid-template-columns:76px minmax(0,1fr)}}

/* Compact, distinct route for photographic virtual tours. */
.p-tour{display:grid;grid-template-columns:144px minmax(0,1fr) auto;gap:24px;align-items:center;padding-block:26px;border-bottom:1px solid var(--p-line)}
.p-tour img{width:144px;height:104px;object-fit:cover}
.p-tour h2{font-size:23px;line-height:1.28;letter-spacing:-.025em;font-weight:600;margin:5px 0 8px}
.p-tour p:not(.p-kicker){font-size:16px;line-height:1.55;color:var(--p-muted);max-width:630px}
.p-tour .p-text-link{justify-self:start}
@media(max-width:900px){.p-footer{align-items:flex-start;flex-wrap:wrap;gap:14px}.p-footer nav{justify-content:flex-start}.p-tour{grid-template-columns:120px minmax(0,1fr);gap:16px 22px}.p-tour img{width:120px;height:100px}.p-tour .p-text-link{grid-column:2}}
@media(max-width:560px){.p-footer{display:block}.p-footer nav{margin-top:13px;gap:10px 20px}.p-tour{grid-template-columns:84px minmax(0,1fr);gap:13px 16px}.p-tour img{width:84px;height:90px}.p-tour h2{font-size:21px}.p-tour .p-text-link{grid-column:1/-1}.p-tour p:not(.p-kicker){font-size:15px}}