@font-face{font-family:Bodoni Moda Variable;font-style:normal;font-display:swap;font-weight:400 900;src:url(/fonts/bodoni-moda-latin-ext-wght-normal.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Bodoni Moda Variable;font-style:normal;font-display:swap;font-weight:400 900;src:url(/fonts/bodoni-moda-latin-wght-normal.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--nuit:#0b0f1c;--ivoire:#f3efe6;--acier:#b9c3d1;--champagne:#c9a466;--serif:"Bodoni Moda Variable", "Bodoni Moda", Georgia, serif;--sans:"Manrope Variable", "Manrope", "Segoe UI", system-ui, sans-serif;--marge:clamp(24px, 5vw, 80px);--courbe:cubic-bezier(.22, 1, .36, 1);--hauteur-bague:140px;--W:min(58vw, calc((100svh - 380px) * 1.778));--ratio:16 / 9}*,:before,:after{box-sizing:border-box}body{color:var(--ivoire);font:400 1rem/1.55 var(--sans);-webkit-font-smoothing:antialiased;background:#0a111e;margin:0;overflow-x:clip}h1,p{margin:0}.sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.evitement{z-index:50;background:var(--ivoire);color:var(--nuit);border-radius:999px;padding:12px 24px;font-size:.875rem;font-weight:600;text-decoration:none;position:fixed;top:12px;left:16px;translate:0 -200%}.evitement:focus{translate:none}:focus-visible{outline:2px solid var(--ivoire);outline-offset:3px;border-radius:4px}.studio{isolation:isolate;grid-template-rows:auto minmax(0,1fr) auto auto;height:100svh;min-height:620px;display:grid;position:relative;overflow:hidden}.site-header{width:100%}.sky{z-index:-1;pointer-events:none;background:#0a111e;position:absolute;inset:0;overflow:hidden}.sky__photo{will-change:transform;background:url(/media/optimized/studio-immersif/villa-1600.webp) 62% 40%/cover no-repeat;position:absolute;inset:0}@media (width<=900px){.sky__photo{background-image:url(/media/optimized/studio-immersif/villa-800.webp)}}.sky__voiles{isolation:isolate;position:absolute;inset:0}.voile{transform-origin:0 0;opacity:0;will-change:opacity;background:radial-gradient(ellipse 60% 56% at 50% 42%, color-mix(in srgb, var(--mood-glow) 62%, transparent), transparent 74%), linear-gradient(180deg, color-mix(in srgb, var(--mood-veil) 74%, transparent) 0%, color-mix(in srgb, var(--mood-veil) 66%, transparent) 46%, color-mix(in srgb, var(--mood-veil) 96%, transparent) 86%);width:25%;height:25%;position:absolute;top:0;left:0;transform:scale(4)}.lumiere{opacity:0;will-change:opacity;background-size:100% 100%;width:22vw;height:14vw;position:absolute;top:42%;left:50%;translate:-50% -50%;scale:4.4}.scene{perspective:1500px;perspective-origin:50% 46%;touch-action:pan-y;-webkit-user-select:none;user-select:none;opacity:0;min-height:0;transition:opacity .7s var(--courbe);position:relative}.is-pret .scene{opacity:1}.scene.is-prise{cursor:grabbing}.scene__plongee,.scene__espace{transform-style:preserve-3d;pointer-events:none;will-change:transform;position:absolute;inset:0}.monde{width:var(--W);aspect-ratio:var(--ratio);margin-left:calc(var(--W) / -2);transform-style:preserve-3d;visibility:hidden;will-change:transform;position:absolute;top:50%;left:50%;translate:0 -50%}.dos{border-radius:var(--rayon);background:linear-gradient(215deg, color-mix(in srgb, var(--a) 30%, #161a26), #090c14 62%);box-shadow:0 0 0 1px color-mix(in srgb, var(--a) 18%, #0009);position:absolute;inset:0;transform:translateZ(-14px)}.tablette{cursor:pointer;pointer-events:auto;will-change:opacity;transition:transform .42s var(--courbe);position:absolute;inset:0}.tablette__verre{--p:clamp(4px, .55vw, 9px);border-radius:var(--rayon);padding:var(--p);background:linear-gradient(215deg, #ffffff4d 0%, #ffffff12 22%, #090c14e0 58%, color-mix(in srgb, var(--a) 20%, #090c14e6) 100%);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--a) 40%, transparent), inset 0 1px 0 #ffffff42, 0 2px 5px #00000080, 0 34px 64px -26px #000000d9;position:absolute;inset:0;overflow:hidden}.tablette__ecran{object-fit:cover;object-position:var(--focus-d,50% 50%);border-radius:max(0px, calc(var(--rayon) - clamp(4px, .55vw, 9px)));outline-offset:-1px;background:#0d1119;outline:1px solid #0000008c;width:100%;height:100%;display:block}.tablette__hd{left:var(--p);top:var(--p);width:calc(100% - 2 * var(--p));height:calc(100% - 2 * var(--p));object-fit:cover;object-position:var(--focus-d,50% 50%);border-radius:max(0px, calc(var(--rayon) - var(--p)));opacity:0;transition:opacity .26s var(--courbe);position:absolute}.tablette__hd.is-pret{opacity:1}.tablette__texte{border-radius:var(--rayon);opacity:0;pointer-events:none;will-change:opacity;background:linear-gradient(90deg,#05070d 0% 34%,#0000 54%);position:absolute;inset:0}.tablette__ombre{border-radius:var(--rayon);opacity:.72;pointer-events:none;will-change:opacity;background:#05070d;position:absolute;inset:0}.tablette__reflet{border-radius:var(--rayon);pointer-events:none;position:absolute;inset:0;overflow:hidden}.tablette__reflet i{will-change:transform;background:linear-gradient(270deg,#0000 0%,#ffffff1f 38%,#ffffff09 62%,#0000 100%);width:34%;height:160%;position:absolute;top:-30%;left:34%}@media (hover:hover) and (pointer:fine){.monde.is-actif .tablette:hover{transform:translateZ(14px)}.monde.is-actif .tablette:active{transition-duration:.12s;transform:translateZ(4px)}}.sol{pointer-events:none;will-change:opacity;background:radial-gradient(closest-side,#0000009e,#00000042 58%,#0000);border-radius:50%;height:13%;position:absolute;top:97%;left:5%;right:5%;transform:translateZ(-30px)}.miroir{pointer-events:none;will-change:opacity;height:13%;position:absolute;top:calc(100% + 6px);left:0;right:0;overflow:hidden;-webkit-mask-image:linear-gradient(#00000038,#0000 90%);mask-image:linear-gradient(#00000038,#0000 90%)}.miroir img{width:100%;aspect-ratio:var(--ratio);object-fit:cover;object-position:var(--focus-d,50% 50%);position:absolute;bottom:0;left:0;transform:scaleY(-1)}.eclat{left:calc(var(--x) * 1%);top:calc(var(--y) * 1%);width:calc(var(--w) * 1%);opacity:0;visibility:hidden;pointer-events:none;will-change:transform, opacity;position:absolute}.eclat__cadre{aspect-ratio:var(--r,auto);border-radius:var(--rayon-e,var(--rayon));opacity:0;transition:opacity .42s var(--courbe);background:linear-gradient(215deg, #ffffff52, #ffffff0d 34%, #090c14cc 70%, color-mix(in srgb, var(--a) 20%, #090c14cc));box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--a) 40%, transparent), 0 2px 4px #00000080, 0 26px 44px -18px #000000d9;padding:clamp(3px,.32vw,5px);display:block;overflow:hidden}.is-pret>.eclat__cadre{opacity:1}.eclat__cadre>img,.eclat__cadre>video{object-fit:cover;object-position:var(--pos,50% 50%);border-radius:inherit;background:#0d1119;width:100%;height:100%;display:block}.eclat--rond{--rayon-e:50%}.eclat--objet .eclat__cadre{box-shadow:none;aspect-ratio:auto;background:0 0;border-radius:0;padding:0;overflow:visible}.eclat--objet .eclat__cadre>img{filter:drop-shadow(0 26px 24px #0009);background:0 0;border-radius:0;height:auto}.decor{pointer-events:none;opacity:0;will-change:opacity;position:absolute}.decor--trait{background:linear-gradient(90deg, transparent, var(--a) 45%, #fff 62%, transparent);transform-origin:100%;height:1px;bottom:-6%;left:-30%;right:-30%}.decor--halo{aspect-ratio:1;border:1px solid color-mix(in srgb, var(--a) 28%, transparent);border-radius:50%;width:118%;top:50%;left:50%;transform:translateZ(-90px)}.decor--orbite{border:1px solid color-mix(in srgb, var(--a) 34%, transparent);border-radius:50%;height:54%;top:26%;left:-22%;right:-22%;transform:translateZ(-60px)rotate(-5deg)}.decor--reperes{background:linear-gradient(var(--a), var(--a)) 0 0 / 28px 1px no-repeat, linear-gradient(var(--a), var(--a)) 0 0 / 1px 28px no-repeat, linear-gradient(var(--a), var(--a)) 100% 0 / 28px 1px no-repeat, linear-gradient(var(--a), var(--a)) 100% 0 / 1px 28px no-repeat, linear-gradient(var(--a), var(--a)) 0 100% / 28px 1px no-repeat, linear-gradient(var(--a), var(--a)) 0 100% / 1px 28px no-repeat, linear-gradient(var(--a), var(--a)) 100% 100% / 28px 1px no-repeat, linear-gradient(var(--a), var(--a)) 100% 100% / 1px 28px no-repeat;inset:-3.5%;transform:translateZ(-6px)}.decor--aplombs{background:repeating-linear-gradient(90deg, color-mix(in srgb, var(--a) 16%, transparent) 0 1px, transparent 1px 12.5%);inset:-24% -10%;transform:translateZ(-340px)}.decor--braise{background:radial-gradient(closest-side, color-mix(in srgb, var(--a) 46%, transparent), transparent);border-radius:50%;height:26%;bottom:-14%;left:8%;right:8%;transform:translateZ(-50px)}.legende{z-index:3;width:100%;max-width:1440px;padding:0 var(--marge) 12px;pointer-events:none;align-items:end;min-height:112px;margin-inline:auto;display:grid;position:relative}.legende__set{opacity:0;will-change:transform, opacity;grid-area:1/1;justify-content:space-between;align-items:flex-end;gap:24px 40px;display:flex}.legende__set>*{pointer-events:auto}.legende__set[inert]>*{pointer-events:none}.titre{font:400 clamp(1.9rem, 3vw, 2.9rem)/1.06 var(--serif);color:var(--ivoire);text-wrap:balance}.titre span{display:block}.titre span+span{color:var(--accent)}.titre[data-mood=elineom] span:first-child{letter-spacing:.32em;color:var(--ivoire);margin-bottom:.3em;font-size:.72em}.titre[data-mood=elineom] span+span{color:var(--ivoire)}.titre[data-mood=automobile]{font-family:var(--sans);letter-spacing:.04em;text-transform:uppercase;font-size:clamp(1.45rem,2.3vw,2.2rem);font-weight:600;line-height:1.08}.titre[data-mood=automobile] span+span{font-weight:300}.titre[data-mood=beaute] span:first-child{font-style:italic}.titre[data-mood=restauration] span:first-child{text-transform:uppercase;letter-spacing:.02em;font-size:.86em}.titre[data-mood=horlogerie] span:first-child{letter-spacing:.07em;text-transform:uppercase;font-size:.92em}.titre[data-mood=horlogerie] span+span{font:500 clamp(.75rem, .9vw, .875rem)/1.4 var(--sans);letter-spacing:.34em;text-transform:uppercase;margin-top:.7rem}.titre[data-mood=architecture]{font-family:var(--sans);letter-spacing:-.035em;font-weight:300;line-height:1.04}.legende__actions{flex:none;align-items:center;gap:12px 24px;display:flex}.entrer{background:var(--accent);min-height:48px;color:var(--nuit);font:600 .75rem/1.2 var(--sans);letter-spacing:.16em;text-transform:uppercase;white-space:nowrap;cursor:pointer;transition:transform .16s var(--courbe);border:0;border-radius:999px;justify-content:center;align-items:center;gap:.85em;padding:0 1.75em;text-decoration:none;display:inline-flex;position:relative}.entrer:after{content:"";border-radius:inherit;opacity:0;transition:opacity .42s var(--courbe);pointer-events:none;background:#fff;position:absolute;inset:0}.entrer svg{fill:none;stroke:currentColor;stroke-width:1.2px;stroke-linecap:round;stroke-linejoin:round;transition:transform .42s var(--courbe);flex:none}.entrer:hover:after{opacity:.14}.entrer:hover svg{transform:translate(3px)}.entrer:active{transform:scale(.985)}.projet{min-height:44px;font:600 .75rem/1.3 var(--sans);letter-spacing:.16em;text-transform:uppercase;color:var(--ivoire);text-underline-offset:5px;white-space:nowrap;transition:text-decoration-color .42s var(--courbe);align-items:center;-webkit-text-decoration:underline #f3efe66b;text-decoration:underline #f3efe66b;text-decoration-thickness:1px;display:inline-flex}.projet:hover{-webkit-text-decoration-color:var(--ivoire);text-decoration-color:var(--ivoire)}.bague{--accent:#e9cfa9;z-index:3;height:var(--hauteur-bague);outline:none;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:8px;padding:0 clamp(8px,2vw,32px) 8px;display:grid;position:relative}.bague__fleche{width:44px;height:44px;color:var(--ivoire);cursor:pointer;transition:border-color .42s var(--courbe), color .42s var(--courbe), transform .16s var(--courbe);background:#0b0f1c80;border:1px solid #f3efe633;border-radius:50%;place-items:center;padding:0;display:grid}.bague__fleche:hover{border-color:var(--accent);color:var(--accent)}.bague__fleche:active{transform:scale(.94)}.bague__piste{touch-action:pan-y;cursor:grab;-webkit-user-select:none;user-select:none;perspective:900px;height:100%;position:relative;overflow:hidden}.bague__piste.is-prise{cursor:grabbing}.bague__cadre-regle{height:9px;position:absolute;top:11px;left:0;right:0;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 9% 91%,#0000);mask-image:linear-gradient(90deg,#0000,#000 9% 91%,#0000)}.bague__regle{will-change:transform;background:linear-gradient(90deg, #f3efe680 0 1px, transparent 1px) var(--x0,0) 0 / var(--pas,150px) 100% repeat-x, linear-gradient(90deg, #f3efe633 0 1px, transparent 1px) var(--x0,0) 0 / calc(var(--pas,150px) / 6) 55% repeat-x;width:4400px;height:9px;margin-left:-2000px;position:absolute;top:0;left:50%}.bague__repere{background:var(--accent);transform-origin:50% 0;will-change:transform;width:1px;height:18px;transition:background-color .42s var(--courbe);position:absolute;top:4px;left:50%}.bague__tablettes{transform-style:preserve-3d;pointer-events:none;position:absolute;inset:0}.cran{width:var(--cran-w,150px);margin-left:calc(var(--cran-w,150px) / -2);color:var(--ivoire);cursor:inherit;text-align:center;pointer-events:auto;will-change:transform, opacity;font-family:var(--sans);background:0 0;border:0;padding:0;position:absolute;top:28px;left:50%}.cran__vignette{aspect-ratio:16/9;transform-origin:50% 0;will-change:transform;width:92px;transition:box-shadow .3s var(--courbe);background:#0d1119;border-radius:5px;margin-inline:auto;display:block;position:relative;box-shadow:inset 0 0 0 1px #f3efe63d}.cran__vignette img{object-fit:cover;object-position:30% 30%;border-radius:inherit;pointer-events:none;width:100%;height:100%;display:block}.cran__halo{border-radius:inherit;box-shadow:0 0 0 1px var(--c), 0 0 20px -4px var(--c);opacity:0;will-change:opacity;pointer-events:none;position:absolute;inset:0}.cran__nom{margin-top:calc(var(--vh,52px) * .2 + 7px);letter-spacing:.02em;color:#f3efe6d6;transition:color .3s var(--courbe);font-size:12px;font-weight:500;line-height:1.25;display:block}.cran__nom b{font-variant-numeric:tabular-nums;color:var(--c);margin-right:6px;font-weight:500}.cran[aria-selected=true] .cran__nom,.cran:hover .cran__nom{color:var(--ivoire)}.cran:hover .cran__vignette{box-shadow:inset 0 0 0 1px #f3efe69e}.cran:focus-visible{outline-offset:6px}.voile-sortie{z-index:40;opacity:0;pointer-events:none;background:#0a111e;position:fixed;inset:0}@media (width<=767px),(width<=1080px) and (orientation:portrait){:root{--W:min(74vw, calc((100svh - 450px) * 1.778))}.legende__set{justify-items:start;gap:16px;display:grid}.legende__actions{justify-content:flex-start}}@media (width<=1080px) and (width>=601px) and (orientation:portrait){:root{--W:min(80vw, calc((100svh - 400px) * 1.11));--ratio:4 / 3.6}.tablette__ecran,.tablette__hd,.miroir img{object-position:2% 50%}.titre{font-size:clamp(2.1rem,5vw,2.9rem)}}@media (width<=600px){:root{--hauteur-bague:128px;--W:min(74vw, calc((max(100svh, 690px) - 430px) * .82));--ratio:4 / 4.8}.studio{min-height:690px}.scene{perspective:900px}.tablette__ecran,.tablette__hd,.miroir img{object-position:var(--focus-m,40% 40%)}.tablette__texte,.decor--aplombs,.decor--halo{display:none}.legende{min-height:0;padding-bottom:4px}.legende__set{justify-items:stretch;gap:12px}.titre{font-size:clamp(1.625rem,7.4vw,2rem)}.titre[data-mood=automobile]{font-size:clamp(1.25rem,5.6vw,1.5rem)}.legende__actions{justify-content:space-between}.entrer{letter-spacing:.12em;white-space:normal;text-align:left;padding:0 1.25em;line-height:1.25}.projet{letter-spacing:.1em;white-space:normal;text-align:right;flex:0 auto;font-size:.6875rem}.bague{padding-inline:0;display:block}.bague__fleche{display:none}.cran__vignette{width:76px}.cran__nom{font-size:11.5px}}@media (height<=700px) and (width>=601px){:root{--hauteur-bague:124px;--W:min(52vw, calc((100svh - 350px) * 1.778))}.legende{min-height:88px}.titre{font-size:1.75rem}.cran__vignette{width:72px}}@media (height<=500px){.studio{min-height:480px}}.elineom-footer{content-visibility:auto;contain-intrinsic-size:auto 420px}@media (prefers-reduced-motion:reduce){.tablette,.entrer svg,.eclat__cadre,.scene{transition-duration:1ms!important}}
