.etude{--u: min(1px, 100cqw / 1440);--tu: max(.86px, var(--u));--pl: min(100cqw, 1440px);--pk: 1;--ease: cubic-bezier(.45, 0, .55, 1);position:relative;container:etude / inline-size;min-height:100%;background:var(--teinte, #fff);color:#1d1d1f;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,SF Pro Text,Inter,sans-serif;font-synthesis:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}.etude[data-vue=mobile]{--u: calc(min(100cqw, 480px * var(--inv, 1)) / 402);--tu: min(var(--u), 1px * var(--inv, 1));--pl: min(100cqw, 480px * var(--inv, 1));--pk: .5}.etude *,.etude *:before,.etude *:after{box-sizing:border-box}.etude :is(h1,h2,h3,p,dl,dt,dd,ul,li,figure){margin:0;padding:0}.etude ul{list-style:none}.etude a{color:inherit;text-decoration:none}.etude img,.etude svg,.etude video{display:block;max-width:none}.etude :focus-visible{outline:2px solid #0071e3;outline-offset:3px;border-radius:4px}.etude-scene{position:relative;height:calc(var(--h) * var(--u))}.etude-coupe{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}.etude>.etude-scene:not(:first-of-type):not(.a-debord){content-visibility:auto;contain-intrinsic-size:auto calc(var(--h) * var(--u))}.etude-scene.a-debord{z-index:1}.etude-hors{position:absolute;top:0;right:0;bottom:0;left:0;margin-inline:auto;pointer-events:none}.etude-hors>*{pointer-events:auto}.etude-plaque{position:relative;width:var(--pl);height:100%;margin-inline:auto}.etude-el{position:absolute;left:calc(var(--x) * var(--u));top:calc(var(--y) * var(--u));width:calc(var(--w) * var(--u))}.etude-el.a-hauteur{height:calc(var(--hh) * var(--u))}.etude-el.etude-plein{left:calc((var(--pl) - 100cqw) / 2);width:100cqw}.etude-in{width:100%;height:100%}.etude-collante>.etude-scene{position:sticky;top:0}.etude-t{font-size:calc(var(--fs) * var(--tu));line-height:calc(var(--lh) * var(--tu));letter-spacing:var(--ls);font-weight:var(--fw, 400);white-space:pre-line;overflow-wrap:break-word}.s-xl{--fs: 80;--lh: 84;--ls: -.03em;--fw: 600}.s-l{--fs: 56;--lh: 60;--ls: -.025em;--fw: 600}.s-m{--fs: 40;--lh: 44;--ls: -.02em;--fw: 600}.s-s{--fs: 28;--lh: 32;--ls: -.015em;--fw: 600}.s-chapo{--fs: 21;--lh: 29;--ls: -.01em}.s-texte{--fs: 17;--lh: 25;--ls: -.012em}.s-libelle{--fs: 12;--lh: 16;--ls: -.005em}.s-valeur{--fs: 17;--lh: 22;--ls: -.012em;--fw: 600}.s-mxl{--fs: 48;--lh: 52;--ls: -.025em;--fw: 600}.s-ml{--fs: 32;--lh: 36;--ls: -.02em;--fw: 600}.s-m40{--fs: 40;--lh: 44;--ls: -.025em;--fw: 600}.s-onglet{--fs: 13;--lh: 16;--ls: 0}.a-c{text-align:center}.a-d{text-align:right}.etude-ligne{display:block}.etude-t a:hover{text-decoration:underline;text-underline-offset:.18em}.p-image picture,.p-image img{width:100%;height:100%}.p-image img{object-fit:var(--fit, cover)}.p-bloc{overflow:hidden}.p-bloc>.etude-in{position:relative}.p-vecteur img{width:100%;height:100%}.etude-gabarit{position:relative;width:100%;height:100%}.etude-gabarit>svg{position:absolute;overflow:visible}.etude-contour{overflow:visible}.etude-fiche{position:relative;width:100%;height:100%}.etude-fiche.a-bordure{border-block:1px solid rgb(0 0 0 / 12%)}.etude-fiche-item{position:absolute;left:calc(var(--x) * var(--u));top:calc(var(--y) * var(--u));width:calc(var(--w) * var(--u))}.etude-fiche dt{color:#6e6e73}.etude-fiche dd{margin-top:calc(var(--ecart) * var(--u))}.etude-galerie{overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;scroll-padding-inline:calc(var(--marge) * var(--u))}.etude-galerie::-webkit-scrollbar{display:none}.etude-galerie ul{display:flex;gap:calc(var(--ecart) * var(--u));padding-inline:calc(var(--marge) * var(--u));width:max-content}.etude-galerie li{flex:none;width:calc(var(--iw) * var(--u));height:calc(var(--ih) * var(--u));scroll-snap-align:start}.etude-galerie img{width:100%;height:100%;object-fit:contain}.p-video video{width:100%;height:100%;object-fit:cover;border-radius:calc(var(--r) * var(--u));background:#0b0b0f}.etude .etude-pause{position:absolute;left:calc(var(--bx) * var(--u));top:calc(var(--by) * var(--u));width:calc(var(--bt) * var(--u));height:calc(var(--bt) * var(--u));display:grid;place-items:center;padding:0;border:0;border-radius:50%;background:#ffffff38;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#fff;cursor:pointer;z-index:3;transition:background .2s ease,transform .2s ease}.etude-pause:before{content:"";position:absolute;top:-6px;right:-6px;bottom:-6px;left:-6px;border-radius:50%}.etude-pause:hover{background:#ffffff52}.etude-pause:active{transform:scale(.94)}.etude-pause svg{width:38%;height:38%}.etude-scene-lien{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2}.etude-scene-lien:focus-visible{outline-offset:-6px;border-radius:0}.etude-suivant .p-image img,.etude-suivant .p-signe svg,.etude-suivant .p-video{transition:transform .6s var(--ease)}@media(hover:hover){.etude-suivant:hover .p-image img,.etude-suivant:hover .p-signe svg{transform:translateY(-8px)}}.etude-barre{position:sticky;top:0;z-index:20;height:52px;display:flex;align-items:center;gap:24px;padding:0 40px 0 108px;background:#fafafcb8;-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px);box-shadow:inset 0 -1px #00000014;color:#1d1d1f}.etude-barre.sombre{background:#161617b8;box-shadow:inset 0 -1px #ffffff1a;color:#f5f5f7}.etude-barre.superposee{margin-bottom:-52px}.etude-barre-nom{font-size:21px;line-height:29px;font-weight:600;letter-spacing:.004em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.etude-ancres{display:flex;gap:28px;margin-left:auto;font-size:12px;line-height:16px;letter-spacing:-.005em;white-space:nowrap}.etude-ancres a{color:#1d1d1fcc;transition:color .2s ease}.etude-ancres a:hover{color:#1d1d1f}.etude-barre.sombre .etude-ancres a{color:#f5f5f7cc}.etude-barre.sombre .etude-ancres a:hover{color:#f5f5f7}.etude-ancres a.suivant,.etude-barre .etude-ancres a.suivant:hover{color:#06c}.etude-barre.sombre .etude-ancres a.suivant{color:#2997ff}@container etude (max-width: 900px){.etude-ancres a:not(.suivant){display:none}}.etude-barre-m{position:sticky;top:0;z-index:20;height:calc(48px + env(safe-area-inset-top,0px));padding:env(safe-area-inset-top,0px) max(16px,env(safe-area-inset-right,0px)) 0 max(16px,env(safe-area-inset-left,0px));display:flex;align-items:center;justify-content:space-between;background:#fafafcb8;-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px);color:#1d1d1f;font-size:17px;line-height:25px}.etude-barre-m.sombre{background:#161617b8;color:#f5f5f7}.etude-barre-m.superposee{margin-bottom:calc(-48px - env(safe-area-inset-top,0px))}.etude-barre-m .fermer{color:#06c;letter-spacing:-.012em;min-height:44px;display:flex;align-items:center}.etude-barre-m.sombre .fermer{color:#2997ff}.etude-barre-m .nom{font-weight:600;letter-spacing:-.022em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:60%}.etude .etude-plus{position:relative;display:flex;gap:4px;align-items:center;height:31px;padding:0 10px;border:0;border-radius:16px;background:#0000001a;cursor:pointer}.etude-plus:before{content:"";position:absolute;top:-7px;right:-2px;bottom:-7px;left:-2px}.etude .etude-barre-m.sombre .etude-plus{background:#ffffff1a}.etude-plus span{width:5px;height:5px;border-radius:50%;background:currentColor}.etude-menu{position:absolute;top:calc(100% + 8px);right:12px;min-width:220px;padding:6px;border-radius:22px;background:#fafafccc;-webkit-backdrop-filter:saturate(180%) blur(30px);backdrop-filter:saturate(180%) blur(30px);box-shadow:0 0 0 .5px #0000001a,0 18px 50px #00000038;color:#1d1d1f;transform-origin:top right;animation:etude-menu .24s cubic-bezier(.32,.72,0,1)}.etude-barre-m.sombre .etude-menu{background:#2c2c2ed1;color:#f5f5f7;box-shadow:0 0 0 .5px #ffffff1f,0 18px 50px #0006}.etude-menu a{display:flex;align-items:center;min-height:44px;padding:0 14px;border-radius:16px;font-size:17px;letter-spacing:-.012em}.etude-menu a:active{background:#7f7f7f2e}@keyframes etude-menu{0%{opacity:0;transform:scale(.92)}}.etude[data-anime=fondu]{animation:etude-fondu .4s ease-in-out both}@keyframes etude-fondu{0%{opacity:0}}.etude[data-anime] [data-entree]{transition:opacity .9s var(--ease) var(--delai, 0s),transform .7s var(--ease) var(--delai, 0s)}.etude[data-anime] [data-entree]:not(.vu){opacity:0;transform:translate3d(0,calc(var(--dy, 30) * var(--u)),0)}.etude[data-anime] .deja,.etude[data-anime] .deja .etude-ligne{transition:none}.etude[data-anime] .etude-ligne{transition:opacity .9s var(--ease) var(--delai, 0s),transform .7s var(--ease) var(--delai, 0s)}.etude[data-anime] [data-entree]:not(.vu) .etude-ligne{opacity:0;transform:translate3d(0,calc(30 * var(--u)),0)}.etude[data-anime] [data-lignes]:not(.vu){opacity:1;transform:none}.etude[data-anime] [data-min]{transition:opacity .4s ease-in-out,transform .4s ease-in-out}.etude[data-anime] [data-min]:not(.actif){opacity:0;transform:translate3d(0,calc(20 * var(--u)),0)}.etude[data-anime] .geste-pile:not(.actif){opacity:0;transform:translate3d(calc(var(--px0) * -1 * var(--u)),calc(var(--py0) * -1 * var(--u)),0)}.etude[data-anime] .geste-pile{transition:opacity .6s ease-in-out,transform .8s var(--ease)}.etude[data-anime] .geste-montee>.etude-in{transform:translate3d(0,calc((1 - var(--p, 1)) * 40 * var(--u)),0)}.etude-contour path{stroke-dasharray:1 1;stroke-dashoffset:calc(1 - min(1,var(--p, 1) / .45))}.etude[data-anime] .etude-gabarit-coupe path{stroke-dasharray:1 1;stroke-dashoffset:1;transition:stroke-dashoffset 1.2s var(--ease)}.etude[data-anime] .vu .etude-gabarit-coupe path{stroke-dashoffset:0}.etude[data-anime] :is(.etude-gabarit-plis,.etude-gabarit-zones){opacity:0;transition:opacity .6s ease-in-out .8s}.etude[data-anime] .vu :is(.etude-gabarit-plis,.etude-gabarit-zones){opacity:1}.etude[data-anime] .geste-trace[data-entree] img{clip-path:inset(0 100% 0 0);transition:clip-path 1.2s var(--ease) var(--delai, 0s)}.etude[data-anime] .geste-trace.vu img{clip-path:inset(0 0 0 0)}@supports (animation-timeline: view()){.etude[data-anime] .etude-parallaxe{animation:etude-parallaxe linear both;animation-timeline:view();animation-range:cover}.etude[data-anime] .etude-glisse{animation:etude-glisse linear both;animation-timeline:view();animation-range:cover}}@keyframes etude-parallaxe{0%{transform:translate3d(0,calc(var(--px) * var(--pk) * 1px),0)}to{transform:translate3d(0,calc(var(--px) * var(--pk) * -1px),0)}}@keyframes etude-glisse{0%{transform:translate3d(calc(var(--gx) * var(--pk) * 1px),0,0)}to{transform:translate3d(calc(var(--gx) * var(--pk) * -1px),0,0)}}@media(prefers-reduced-motion:reduce){.etude *,.etude *:before,.etude *:after{animation:none!important;transition:none!important}}.bureau-etude>.bureau-window-bar{position:absolute;z-index:30;top:0;left:0;width:120px;height:52px;background:none;box-shadow:none}.bureau-etude>.bureau-window-bar .bureau-window-title{display:none}.bureau-etude .bureau-window-controls{left:15.5px;top:14.5px}.bureau-etude .bureau-window-controls button{width:23px;height:23px}.bureau-etude .bureau-window-controls button>img{top:4.5px;right:4.5px;bottom:4.5px;left:4.5px;width:14px;height:14px}.bureau-etude>.bureau-window-content{height:100%;background:#fff;scroll-padding-top:52px}.m-screen:has(>.etude-app){top:0}.etude-app{position:absolute;top:0;right:0;bottom:0;left:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior-y:contain;background:var(--teinte, #fff);scrollbar-width:none}.etude-app::-webkit-scrollbar{display:none}.etude-plein img{-webkit-mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent);mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent)}