@media (min-width:768px){.t20 .tfx-duo{--L:min(100cqw/1.22,100cqh/0.8);--tw:calc(var(--L) * 0.236);width:calc(var(--L) * 1.22)}.t20 .tel{width:var(--tw);bottom:calc(var(--L) * -.028);right:0}.t20 .tel-fictif{position:absolute;top:100%;margin-top:12px}}@media (min-width:1024px){.t20 .tfx-grille{max-width:1440px;padding-bottom:clamp(28px,5vh,52px)}.t20.tfx-cote-droite .tfx-scene-zone{grid-template-columns:minmax(0,1fr) clamp(270px,22vw,330px);column-gap:clamp(32px,3.6vw,64px)}.t20 .tfx-seule-phrase{font-size:clamp(1.8rem,2.45vw,2.6rem)}}.t20 .mac{isolation:isolate}.t20 .mac-capot{background:#07080a;box-shadow:inset 0 0 0 1px hsla(0,0%,100%,.06),0 calc(var(--L) * .012) calc(var(--L) * .03) rgba(18,28,60,.1),0 calc(var(--L) * .06) calc(var(--L) * .12) calc(var(--L) * -.03) rgba(18,28,60,.26)}.t20 .mac-capot:before{content:"";position:absolute;z-index:-1;inset:calc(var(--L) * -.0042);border-radius:calc(var(--L) * .034) calc(var(--L) * .034) calc(var(--L) * .012) calc(var(--L) * .012);background:linear-gradient(180deg,#f2f4f7,#c9ced6 22%,#dde1e7 55%,#a7adb7);box-shadow:inset 0 0 0 .5px rgba(10,17,40,.18)}.t20 .mac-capot:after{display:none}.t20-vitre{position:absolute;z-index:40;inset:0;border-radius:inherit;pointer-events:none;background:linear-gradient(112deg,hsla(0,0%,100%,.11),hsla(0,0%,100%,.05) 24%,hsla(0,0%,100%,0) 24.1%,hsla(0,0%,100%,0)),linear-gradient(180deg,hsla(0,0%,100%,.05),hsla(0,0%,100%,0) 30%);mix-blend-mode:screen}.tel-ecran .t20-vitre{z-index:40;background:linear-gradient(120deg,hsla(0,0%,100%,0) 52%,hsla(0,0%,100%,.1) 52.2%,hsla(0,0%,100%,.03) 74%,hsla(0,0%,100%,0));mix-blend-mode:normal}.t20 .mac-socle{height:calc(var(--L) * .028);margin:0 calc(var(--L) * -.065);background:linear-gradient(90deg,hsla(0,0%,100%,0),hsla(0,0%,100%,.35) 18%,hsla(0,0%,100%,0) 40%,hsla(0,0%,100%,0) 64%,hsla(0,0%,100%,.25) 84%,hsla(0,0%,100%,0)),linear-gradient(180deg,#fbfcfd,#e4e7ec 16%,#cdd1d8 52%,#a3a8b1 88%,#8d929b);box-shadow:inset 0 1px 0 hsla(0,0%,100%,.95),inset 0 -1px 0 rgba(10,17,40,.22),0 calc(var(--L) * .006) calc(var(--L) * .008) rgba(18,28,60,.16)}.t20 .mac-socle span{width:calc(var(--L) * .14);height:calc(var(--L) * .009);background:linear-gradient(180deg,#b4b9c2,#d9dde3);box-shadow:inset 0 1px 1px rgba(10,17,40,.18)}.t20-levre{position:absolute;left:7.5%;right:7.5%;top:calc(var(--L) * -.0034);height:calc(var(--L) * .0034);border-radius:2px 2px 0 0;background:linear-gradient(180deg,#2b2e34,#6b7079)}.t20 .tel-cadre{padding:3.3%;border:calc(var(--tw) * .012) solid transparent;background:linear-gradient(#0a0b0d,#0a0b0d) padding-box,linear-gradient(140deg,#f4f6f9,#b8bec8 22%,#eef1f5 44%,#8f96a1 70%,#d8dce2) border-box;box-shadow:inset 0 0 0 1px hsla(0,0%,100%,.07),0 calc(var(--tw) * .04) calc(var(--tw) * .08) rgba(18,28,60,.12),0 calc(var(--tw) * .16) calc(var(--tw) * .3) calc(var(--tw) * -.08) rgba(18,28,60,.34)}.t20 .tel-cadre:after,.t20 .tel-cadre:before{width:1.3%;background:linear-gradient(90deg,#8f96a1,#e3e6eb)}.t20 .tel-cadre:before{left:-1.9%}.t20 .tel-cadre:after{right:-1.9%;background:linear-gradient(90deg,#e3e6eb,#8f96a1)}.t20-plateau{position:absolute;inset:0;z-index:-1;pointer-events:none}.t20-ombre{position:absolute;display:block;border-radius:50%}.t20-ombre-mac{left:calc(var(--L) * -.1);width:calc(var(--L) * 1.2);bottom:calc(var(--L) * -.03);height:calc(var(--L) * .06);background:radial-gradient(50% 50% at 50% 50%,rgba(18,28,60,.3) 0,rgba(18,28,60,.12) 46%,rgba(18,28,60,0) 100%)}.t20-ombre-tel{right:calc(var(--L) * -.03);width:calc(var(--L) * .3);bottom:calc(var(--L) * -.048);height:calc(var(--L) * .04);background:radial-gradient(50% 50% at 50% 50%,rgba(18,28,60,.34) 0,rgba(18,28,60,.12) 50%,rgba(18,28,60,0) 100%)}.t20-fond{z-index:0;pointer-events:none}.t20-fond,.t20-fond>span{position:absolute;inset:0}.t20-fond>span{display:block}.t20-c .tfx-colle:before{display:none}.t20-mur{background:linear-gradient(180deg,#fff,#fbfcfe 30%,#f0f3f8 72%,#ecf0f6);-webkit-mask-image:linear-gradient(180deg,transparent,#000 16%,#000);mask-image:linear-gradient(180deg,transparent,#000 16%,#000)}.t20-spot{background:radial-gradient(34% 44% at 36% 52%,#fff 0,hsla(0,0%,100%,.7) 40%,hsla(0,0%,100%,0) 100%)}.t20-c .t20-sol{position:absolute;left:-100vw;right:-100vw;top:calc(100% - var(--L) * .2);height:100vh;background:radial-gradient(28% calc(var(--L) * .16) at 50% calc(var(--L) * .24),hsla(0,0%,100%,.95) 0,hsla(0,0%,100%,0) 100%),linear-gradient(180deg,rgba(226,232,242,0) 0,#e2e8f1 calc(var(--L) * .012),#e9edf4 calc(var(--L) * .08),#f3f5f9 calc(var(--L) * .2),#fafbfd calc(var(--L) * .34),#fff calc(var(--L) * .5))}@media (min-width:768px){.t20-c .mac{-webkit-box-reflect:below calc(var(--L) * .002) linear-gradient(180deg,transparent 80%,hsla(0,0%,100%,.2) 100%)}.t20-c .tel-cadre{-webkit-box-reflect:below calc(var(--tw) * .01) linear-gradient(180deg,transparent 84%,hsla(0,0%,100%,.2) 100%)}.t20-c .tel-fictif{display:none}}.t20.tfx{height:auto}.t20 .tfx-colle{position:relative;top:auto;height:auto;overflow:hidden}.t20 .tfx-grille{height:clamp(680px,100svh,1000px)}@media (min-width:768px){.t20 .tfx-grille{padding-bottom:clamp(64px,10vh,110px)}}.t20 .tfx-colle:after{content:"";position:absolute;z-index:2;left:0;right:0;bottom:0;height:clamp(70px,10vh,110px);background:linear-gradient(180deg,hsla(0,0%,100%,0),hsla(0,0%,100%,.75) 55%,#fff);pointer-events:none}.t20 .t20-mur{-webkit-mask-image:linear-gradient(180deg,transparent,transparent 3%,#000 34%,#000);mask-image:linear-gradient(180deg,transparent,transparent 3%,#000 34%,#000)}.t20 .tfx-bas,.t20 .tfx-cote{position:relative;z-index:3;cursor:pointer;-webkit-tap-highlight-color:transparent}.t20 .tfx-reperes b{will-change:transform}.t20.is-calme .tfx-grille{min-height:0}.t20.is-efface .rf-cerne,.t20.is-efface .rf-pastille{opacity:0;transition:opacity .9s ease,transform .9s cubic-bezier(.22,1,.36,1);transition-delay:0s}.t20.is-efface .rf-cerne{transform:scale(1.015)}.t20.is-efface .rf-pastille{transform:translate(-50%,calc(-50% - 6px))}@media (max-width:767px){.t20 .tfx-grille{height:auto;padding:max(72px,9svh) 0 max(64px,8svh);row-gap:clamp(30px,4.6svh,44px)}.t20 .tfx-titre{padding:0 20px}.t20 .tfx-scene-zone{row-gap:clamp(30px,4.4svh,40px)}.t20 .tfx-appareils{container-type:inline-size;padding:0 22px}.t20 .tfx-duo{--L:calc(100cqw / 1.13);--tw:calc(var(--L) * 0.235);width:100cqw;display:block;padding:0 0 calc(var(--L) * .085)}.t20 .mac{display:block;margin-left:calc(var(--L) * .065)}.t20 .tel{position:absolute;z-index:2;width:var(--tw);right:calc(var(--L) * .012);bottom:0}.t20 .tel-fictif{display:none}.t20-ombre-mac{left:calc(var(--L) * -.035);bottom:calc(var(--L) * .055)}.t20-ombre-tel{right:calc(var(--L) * -.02);width:calc(var(--L) * .3);bottom:calc(var(--L) * -.012);height:calc(var(--L) * .045)}.t20 .tfx-bas{position:relative;z-index:3;padding:0 20px}.t20 .tfx-colle:after{height:56px}.t20-c .mac{-webkit-box-reflect:below calc(var(--L) * .002) linear-gradient(180deg,transparent 84%,hsla(0,0%,100%,.18) 100%)}.t20 .rf-pastille{gap:7px;padding:6px 11px 6px 9px;font-size:.64rem;letter-spacing:-.005em;max-width:none}.t20 .rf-pastille i{width:6px;height:6px;box-shadow:0 0 0 3px rgba(61,95,224,.14)}}@media (prefers-reduced-motion:reduce){.t20 .rf-cerne,.t20 .rf-pastille{transition:none}}.t20.tfx:not(.is-calme){height:220vh}.t20.tfx:not(.is-calme) .tfx-colle{position:sticky;top:0;height:100svh;display:flex;flex-direction:column;justify-content:center}.t20.tfx:not(.is-calme) .tfx-grille{height:min(100svh,1000px)}@media (max-width:767px){.t20.tfx:not(.is-calme) .tfx-grille{height:auto}.t20.tfx:not(.is-calme){height:190vh}.t20.tfx:not(.is-calme) .tfx-colle{justify-content:flex-start}.t20.tfx:not(.is-calme) .tfx-grille{padding-top:max(64px,8svh)}}