.hero{color:var(--blanc);background:#020b14}.hero .piste{height:520vh}.hero .colle{height:100svh;position:sticky;top:0;overflow:hidden}.hero canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.hero .fin-img{opacity:0;will-change:opacity;background:url(/assets/vr/lentille-hd.webp) 50%/cover;position:absolute;inset:0}.hero .tx{left:var(--bord);will-change:transform, opacity;max-width:min(560px,44vw);position:absolute;top:50%;transform:translateY(-50%)}.hero .tx .b3-surtitre{color:var(--vert-360);letter-spacing:.14em;gap:0;font-size:14px}.hero .tx .b3-surtitre:before{display:none}.hero .titre{color:var(--blanc);letter-spacing:-.04em;margin:18px 0 0;font-size:clamp(42px,5.2vw,82px);font-weight:800;line-height:.98}.hero .grad{background:linear-gradient(95deg, var(--bleu-360) 5%, var(--vert-360) 85%);color:#0000;-webkit-background-clip:text;background-clip:text}.hero .sous{color:#c4d3e0;max-width:46ch;margin:24px 0 0;font-size:clamp(17px,1.3vw,19px);font-weight:500;line-height:1.55}.hero .b3-btns{gap:14px;margin-top:28px}.hero .b3-btn{padding:16px 26px;font-size:16px}.hero .b3-btn:not(.b3-btn--contour){background:var(--vert-360);color:var(--nuit);box-shadow:0 10px 30px #3fd08a40}.hero .b3-btn--contour{color:var(--blanc);box-shadow:inset 0 0 0 2px #ffffffb3}.hero .cap{left:var(--bord);opacity:0;max-width:400px;position:absolute;bottom:14vh}.hero .cap .b3-surtitre{color:var(--vert-360);gap:0}.hero .cap .b3-surtitre:before{display:none}.hero .cap p{letter-spacing:-.03em;margin:12px 0 0;font-size:clamp(26px,2.6vw,40px);font-weight:800;line-height:1.08}.hero .vous{text-align:center;letter-spacing:-.045em;opacity:0;text-shadow:0 6px 40px #0a1a2b8c;margin:0;font-size:clamp(48px,7vw,112px);font-weight:800;position:absolute;bottom:12vh;left:0;right:0}.hero .defiler{left:var(--bord);font-family:var(--font-chiffres);letter-spacing:.06em;color:#fff9;align-items:center;gap:12px;font-size:14px;display:inline-flex;position:absolute;bottom:30px}.hero .defiler .fl{border-radius:50%;place-items:center;width:34px;height:34px;display:grid;box-shadow:inset 0 0 0 1.5px}.hero .defiler .fl svg{width:14px;height:14px;animation:vr-glisse 2s var(--courbe-sortie) infinite}@keyframes vr-glisse{0%{opacity:0;transform:translateY(-3px)}40%{opacity:1}to{opacity:0;transform:translateY(4px)}}.hero .charge{right:var(--bord);font-family:var(--font-chiffres);letter-spacing:.12em;text-transform:uppercase;color:#ffffff73;font-size:12px;position:absolute;bottom:34px}.experience{color:var(--blanc);background:#020b14}.experience .b3-h2{color:var(--blanc);max-width:14ch}.experience .b3-lead{color:#c4d3e0}.experience .vue360{margin:var(--espace-8) 0 0;border-radius:var(--rayon-media);cursor:grab;touch-action:pan-y;-webkit-user-select:none;user-select:none;background:#0d1d2e;height:min(76vh,760px);position:relative;overflow:hidden}.experience .vue360.tient{cursor:grabbing}.experience .vue360 canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.experience .vue360 .pt{pointer-events:none;will-change:transform;flex-direction:column;align-items:center;gap:8px;transition:opacity .3s;display:flex;position:absolute;top:0;left:0}.experience .vue360 .pt>img{filter:drop-shadow(0 6px 14px #0a1a2b73);display:block}.experience .vue360 .pt-scie>img{width:64px;animation:2.6s ease-in-out infinite vr-flotte}.experience .vue360 .pt-nav>img{width:86px;animation:1.6s ease-in-out infinite vr-chevron}.experience .vue360 .pt-ciel>img{width:54px}.experience .vue360 .pt .lb{color:var(--blanc);border-radius:var(--rayon-pilule);backdrop-filter:blur(8px);white-space:nowrap;background:#0a1a2b99;padding:6px 11px;font-size:12.5px;font-weight:700}@keyframes vr-flotte{0%,to{transform:translateY(0)rotate(-4deg)}50%{transform:translateY(-6px)rotate(3deg)}}@keyframes vr-chevron{0%,to{opacity:1;transform:translateY(0)}50%{opacity:.7;transform:translateY(-5px)}}.experience .glisser{border-radius:var(--rayon-pilule);backdrop-filter:blur(8px);color:var(--blanc);pointer-events:none;white-space:nowrap;background:#0a1a2b8c;align-items:center;gap:10px;padding:10px 16px;font-size:14px;font-weight:700;transition:opacity .6s;display:inline-flex;position:absolute;bottom:22px;left:50%;transform:translate(-50%)}.experience .glisser svg{width:20px;height:20px;animation:2.4s ease-in-out infinite vr-va}@keyframes vr-va{0%,to{transform:translate(-4px)}50%{transform:translate(4px)}}.experience .glisser.vu{opacity:0}.experience .ressenti{gap:var(--gouttiere);grid-template-columns:repeat(3,minmax(0,1fr));margin:34px 0 0;padding:0;list-style:none;display:grid}.experience .ressenti li{border-top:1px solid #ffffff24;padding-top:18px}.experience .ressenti b{letter-spacing:-.01em;color:var(--blanc);font-size:19px;font-weight:800;display:block}.experience .ressenti span{color:#c4d3e0;max-width:34ch;margin-top:6px;font-size:15.5px;line-height:1.5;display:block}.usages .b3-h2{max-width:16ch}.usages .grille-usages{margin-top:var(--espace-8);gap:var(--gouttiere);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.usages .u{background:var(--blanc);border-radius:var(--rayon-carte);transition:transform var(--duree-moyenne) var(--courbe-sortie), box-shadow var(--duree-moyenne) var(--courbe-sortie);flex-direction:column;padding:12px 12px 30px;display:flex;box-shadow:0 1px #0a1a2b0a,0 20px 50px #0a1a2b12}.usages .u:hover{transform:translateY(-4px);box-shadow:0 1px #0a1a2b0a,0 28px 60px #0a1a2b1f}.usages .u .media{border-radius:var(--rayon-media);aspect-ratio:16/9;background:var(--nuit);margin:0;position:relative;overflow:hidden}.usages .u .media>img{object-fit:cover;width:100%;height:100%;transition:transform var(--duree-longue) var(--courbe-sortie);display:block}.usages .u:hover .media>img{transform:scale(1.03)}.usages .u-casque .media{background:radial-gradient(80% 90% at 100% 0%, var(--fond-bleu-halo), transparent 70%), linear-gradient(160deg, #fbfdff 25%, var(--fond-bleu-base));place-items:center;display:grid}.usages .u-casque .media>img{object-fit:contain;filter:drop-shadow(0 26px 30px #0a1a2b38);width:58%;height:auto}.usages .u-casque:hover .media>img{transform:rotate(-3deg)scale(1.04)}.usages .u .poi-media{width:52px;height:52px;margin:-26px 0 0 -26px;position:absolute;top:50%;left:50%}.usages .u .poi-media img{filter:drop-shadow(0 8px 16px #0a1a2b73);width:100%;height:100%}.usages .u .t{padding:24px 16px 0}.usages .format,.references .format{font-family:var(--font-chiffres);letter-spacing:.06em;text-transform:uppercase;color:var(--vert-texte);font-size:13px;display:inline-block}.usages .u h3{letter-spacing:-.02em;margin-top:10px;font-size:clamp(24px,2.1vw,32px);font-weight:800;line-height:1.1}.usages .u p{color:var(--texte);max-width:46ch;margin-top:10px;font-size:16px;line-height:1.55}.conception .b3-h2{max-width:14ch}.conception .grille{margin-top:var(--espace-8);grid-template-columns:minmax(0,7fr) minmax(0,5fr);align-items:center;gap:5vw;display:grid}.conception .duo{grid-template-rows:1fr auto;grid-template-columns:minmax(0,4fr) minmax(0,6fr);column-gap:0;padding:0;display:grid;position:relative}.conception .duo:before{content:"";background:var(--filet);width:1px;position:absolute;top:0;bottom:0;left:40%}.conception .duo figure{display:contents}.conception .duo figure>:first-child{grid-row:1;align-self:end}.conception .duo figure.casque>:first-child{margin-inline:7%}.conception .duo figcaption{grid-row:2;margin:40px 7% 0}.conception .duo .lentilles{margin-bottom:6%}.conception .duo .smartphone{width:100%;max-width:190px;margin:0 auto}.conception .duo figcaption{border-top:2px solid var(--nuit);color:var(--nuit);text-align:left;padding-top:16px;font-size:16px;font-weight:700;line-height:1.35}.conception .duo figcaption .b3-meta{color:var(--vert-texte);margin-bottom:6px;display:block}.conception .duo figure.casque figcaption{border-top-color:var(--vert-360)}.conception .lentilles{aspect-ratio:705/446;position:relative}.conception .lentilles img{filter:drop-shadow(0 30px 40px #0a1a2b4d);width:100%;height:100%;display:block;position:absolute;inset:0}.conception .lentilles .img{background:var(--img) 50% 55% / cover;filter:brightness(.25);transition:filter 1.2s var(--courbe-sortie) .4s;position:absolute;inset:12% 16% 22%}.conception .duo.vu .lentilles .img{filter:none}.conception .points{margin:0;padding:0;list-style:none}.conception .points li{border-top:1px solid var(--filet);grid-template-columns:40px 1fr;gap:18px;padding:20px 0;display:grid}.conception .points li:last-child{border-bottom:1px solid var(--filet)}.conception .points li>img{filter:drop-shadow(0 4px 8px #0a1a2b40);width:40px;height:40px}.conception .points b{letter-spacing:-.01em;font-size:18px;font-weight:800;display:block}.conception .points p{color:var(--texte);margin:4px 0 0;font-size:15.5px;line-height:1.5}.pret .b3-h2{max-width:15ch}.pret .grille{margin-top:var(--espace-8);grid-template-columns:minmax(0,6fr) minmax(0,5fr);align-items:center;gap:5vw;display:grid}.pret .photo{border-radius:var(--rayon-media);aspect-ratio:1400/852;box-shadow:var(--ombre-media);margin:0;overflow:hidden}.pret .photo img{object-fit:cover;width:100%;height:100%;display:block}.pret .prepa{grid-template-columns:1fr;align-content:center;gap:24px;margin:0;padding:0;list-style:none;display:grid}.pret .prepa .b3-meta{color:var(--vert-texte)}.pret .prepa p{color:var(--texte);margin:8px 0 0;font-size:15.5px;line-height:1.5}.pret .gestes{gap:var(--gouttiere);counter-reset:none;grid-template-columns:repeat(3,minmax(0,1fr));margin:clamp(56px,8vh,90px) 0 0;padding:0;list-style:none;display:grid}.pret .gestes li{border-radius:var(--rayon-carte);background:var(--blanc);opacity:.35;transition:opacity .6s var(--courbe-sortie), transform .6s var(--courbe-sortie);align-items:center;gap:18px;padding:22px 24px;display:flex;transform:translateY(10px);box-shadow:0 1px #0a1a2b0a,0 16px 40px #0a1a2b0f}.pret .gestes li.on{opacity:1;transform:none}.pret .gestes .n{width:46px;height:46px;font-family:var(--font-chiffres);color:var(--nuit);box-shadow:inset 0 0 0 1.5px var(--vert-texte);border-radius:50%;flex:none;place-items:center;font-size:18px;transition:background .5s,box-shadow .5s;display:grid}.pret .gestes li.on .n{background:var(--vert-360);box-shadow:none}.pret .gestes b{letter-spacing:-.01em;font-size:18px;font-weight:800;line-height:1.25}.references .b3-h2{max-width:14ch}.references .cas{margin-top:var(--espace-8);gap:var(--gouttiere);grid-template-columns:minmax(0,7fr) minmax(0,5fr);display:grid}.references .c{border-radius:var(--rayon-carte);background:var(--blanc);flex-direction:column;padding:12px 12px 30px;display:flex;box-shadow:0 1px #0a1a2b0a,0 20px 50px #0a1a2b12}.references .c .media{border-radius:var(--rayon-media);aspect-ratio:16/9;background:var(--nuit);margin:0;overflow:hidden}.references .c .media img{object-fit:cover;width:100%;height:100%;transition:transform var(--duree-longue) var(--courbe-sortie);display:block}.references .c:hover .media img{transform:scale(1.03)}.references .c-conf .media{aspect-ratio:auto;background:radial-gradient(70% 80% at 90% 10%, var(--fond-vert-halo), transparent 70%), linear-gradient(160deg, #fbfdff 25%, var(--fond-bleu-base));flex:1;place-items:center;min-height:220px;display:grid}.references .c-conf .media img{object-fit:contain;filter:drop-shadow(0 24px 30px #0a1a2b38);width:52%;height:auto}.references .c .t{padding:24px 16px 0}.references .c h3{letter-spacing:-.02em;margin-top:10px;font-size:clamp(24px,2.1vw,30px);font-weight:800;line-height:1.1}.references .c p{color:var(--texte);max-width:50ch;margin:10px 0 16px;font-size:16px;line-height:1.55}@media (width<=900px){.hero .tx{max-width:none;top:96px;right:var(--bord);transform:none}.hero .cap{bottom:9vh;right:var(--bord)}.experience .vue360{height:64vh}.experience .ressenti{grid-template-columns:1fr;gap:18px}.conception .grille,.pret .grille{grid-template-columns:1fr;gap:40px}.references .cas{grid-template-columns:1fr}.pret .gestes{grid-template-columns:1fr;gap:10px}}@media (width<=760px){.hero .titre{margin-top:12px;font-size:40px}.hero .sous{margin-top:16px;font-size:16px}.hero .b3-btns{grid-template-columns:1fr;gap:10px;margin-top:18px;display:grid}.hero .b3-btn{text-align:center;width:100%;padding:15px 20px;font-size:15px}.hero .defiler{display:none}.hero .charge{left:var(--bord);right:auto}.experience .vue360 .pt .lb{display:none}.experience .glisser{font-size:13px}.usages .grille-usages{grid-template-columns:1fr}.usages .u .t,.references .c .t{padding:20px 10px 0}.conception .duo figcaption{margin:30px 5% 0;font-size:14px}.pret .prepa{grid-template-columns:1fr;gap:20px}}@media (prefers-reduced-motion:reduce){.hero .piste{height:100vh}.hero .defiler .fl svg,.experience .glisser svg{animation:none}.pret .gestes li,.conception .lentilles .img{transition:none}}.final .b3-titre-appel{font-size:clamp(34px,3.6vw,58px);line-height:1.02}.final .arc>div{max-width:62%}@media (width<=900px){.final .arc>div{max-width:none}}@media (width<=760px) and (prefers-reduced-motion:no-preference){.hero .piste{height:340vh}}
