.porte{--H:min(56vh, 34vw);--dw:calc(var(--H) * .26);--gap:calc(var(--H) * .06);--q:min(1, calc(var(--p) / .7));--e:calc(var(--q) * var(--q) * (3 - 2 * var(--q)));height:280vh}.porte__colle{place-items:center;display:grid}.porte__video{clip-path:inset(calc((50% - var(--H) / 2) * (1 - var(--e))) calc((50% - var(--dw) / 2) * (1 - var(--e))));position:absolute;inset:0;overflow:hidden}.porte__video>div{transform:scale(calc(1.22 - .22 * var(--e)))}.porte__battant{top:calc(50% - var(--H) / 2);z-index:2;will-change:transform;position:absolute}.porte__battant--latin{width:calc(var(--H) * 1190 / 1538);height:calc(var(--H) * 1362 / 1538);right:calc(50% + var(--dw) / 2 + var(--gap));transform:translate3d(calc(var(--e) * -62vw), 0, 0)}.porte__battant--arabe{width:calc(var(--H) * 985 / 1538);height:calc(var(--H) * 1530 / 1538);left:calc(50% + var(--dw) / 2 + var(--gap));transform:translate3d(calc(var(--e) * 62vw), 0, 0)}.porte__mention{inset-inline:var(--gutter);top:calc(50% + var(--H) / 2 + 2.2rem);text-align:center;opacity:calc(1 - var(--p) * 7);position:absolute}.porte__pousser{opacity:calc(1 - var(--p) * 9);flex-direction:column;align-items:center;gap:.8rem;display:flex;position:absolute;bottom:1.6rem;left:50%;transform:translate(-50%)}.porte__trait{width:1px;height:44px;animation:porte-trait 2.4s var(--ease-porte) infinite;background:currentColor;display:block}@keyframes porte-trait{0%{transform-origin:50% 0;transform:scaleY(0)}45%{transform-origin:50% 0;transform:scaleY(1)}55%{transform-origin:50% 100%;transform:scaleY(1)}to{transform-origin:50% 100%;transform:scaleY(0)}}.porte__plaque{inset-inline-start:var(--gutter);bottom:var(--gutter);z-index:3;background:var(--creme);color:var(--encre);opacity:calc((var(--p) - .74) * 6);padding:1rem 1.25rem;position:absolute}.porte__pause{top:calc(var(--header-h) + .5rem);right:var(--gutter);z-index:3;background:var(--creme);width:44px;height:44px;color:var(--encre);place-items:center;display:grid;position:absolute}.porte__pause:focus-visible{outline:2px solid var(--encre);outline-offset:2px;box-shadow:0 0 0 6px var(--creme)}@media (max-width:767px){.porte{--lh:19svh;--ah:21svh;--dh:34svh;--dwm:58vw;--ecart:2.2svh;height:240vh}.porte__video{clip-path:inset(calc((50% - var(--dh) / 2) * (1 - var(--e))) calc((50% - var(--dwm) / 2) * (1 - var(--e))))}.porte__battant--latin{right:auto;left:var(--gutter);top:calc(50% - var(--dh) / 2 - var(--ecart) - var(--lh));height:var(--lh);width:calc(var(--lh) * 1190 / 1362);transform:translate3d(0, calc(var(--e) * -70svh), 0)}.porte__battant--arabe{left:auto;right:var(--gutter);top:calc(50% + var(--dh) / 2 + var(--ecart));height:var(--ah);width:calc(var(--ah) * 985 / 1530);transform:translate3d(0, calc(var(--e) * 70svh), 0)}.porte__mention{left:auto;right:var(--gutter);top:calc(50% - var(--dh) / 2 - var(--ecart) - 4.4rem);width:calc(100% - var(--gutter) * 3 - var(--lh) * 1190 / 1362);text-align:right;font-size:11px;line-height:1.5}.porte__mention-item{display:block}.porte__mention-sep{display:none}.porte__pousser{left:var(--gutter);top:calc(50% + var(--dh) / 2 + var(--ecart));align-items:flex-start;bottom:auto;transform:none}.porte__trait{display:none}.porte__plaque{left:var(--gutter);max-width:calc(100% - var(--gutter) * 3 - var(--ah) * 985 / 1530);opacity:1;padding:.7rem .9rem;right:auto}}.index-pieces{border-top:1px solid var(--line);position:relative}.index-pieces li{border-bottom:1px solid var(--line)}.index-pieces__ligne{grid-template-columns:2.5rem minmax(0,1fr) auto;align-items:baseline;gap:.25rem 1.5rem;padding:1.1rem 0 .9rem;display:grid}.index-pieces__nom{transition:transform .6s var(--ease-out), opacity .4s var(--ease-out);font-size:clamp(36px,5.4vw,92px)}.index-pieces__second{opacity:.7;grid-area:2/2;font-size:clamp(16px,1.6vw,24px)}.index-pieces__fait{color:var(--muted);grid-area:3/2}.index-pieces__vignette{grid-area:1/3/span 3;align-self:center;width:64px}@media (min-width:768px){.index-pieces__ligne{grid-template-columns:3rem minmax(0,1fr) minmax(8rem,.3fr) auto}.index-pieces__second{grid-area:1/3}.index-pieces__fait{text-align:end;white-space:nowrap;grid-area:1/4;justify-self:end}.index-pieces__vignette{display:none}@supports (grid-template-columns:subgrid){.index-pieces ol{-moz-column-gap:1.5rem;grid-template-columns:3rem minmax(0,1fr) minmax(8rem,.3fr) auto;column-gap:1.5rem;display:grid}.index-pieces li,.index-pieces__ligne{grid-column:1/-1;grid-template-columns:subgrid;display:grid}}}.index-pieces[data-actif] .index-pieces__ligne:not(.is-actif) .index-pieces__nom{opacity:.6}.index-pieces__ligne.is-actif .index-pieces__nom,.index-pieces__ligne:focus-visible .index-pieces__nom{transform:translate(.18em)}html[dir=rtl] .index-pieces__ligne.is-actif .index-pieces__nom,html[dir=rtl] .index-pieces__ligne:focus-visible .index-pieces__nom{transform:translate(-.18em)}.index-pieces__apercu{z-index:60;aspect-ratio:4/5;pointer-events:none;will-change:transform;width:clamp(200px,18vw,300px);margin:calc(clamp(200px,18vw,300px)/-1.6) 0 0 calc(clamp(200px,18vw,300px)/-2);position:fixed;top:0;left:0}.index-pieces__photo{clip-path:inset(50%);transition:clip-path .6s var(--ease-porte);inset:0;position:absolute!important}.index-pieces__photo.is-visible{clip-path:inset(0);z-index:1}@media (hover:none),(pointer:coarse){.index-pieces__apercu{display:none}}.parallaxe{transform:translate3d(0, calc((var(--p) - .5) * var(--vitesse,0px)), 0);will-change:transform}.parallaxe-interieure__calque{height:100%;transform:scale(1.14) translate3d(0, calc((var(--p) - .5) * -7%), 0)}.biblio{height:220vh}.biblio__colle{padding-top:calc(var(--header-h) + 3vh);flex-direction:column;justify-content:space-between;gap:3vh;padding-bottom:5vh;display:flex}.biblio__chiffre{justify-content:flex-end;align-items:flex-end;gap:1rem;display:flex}.biblio__chiffre .t-chiffre{font-size:clamp(110px,19vw,330px)}.biblio__rail{flex-shrink:0;height:46vh}.rail{overflow:hidden}.rail__piste{width:max-content;height:100%;padding-inline:var(--gutter);transform:translate3d(calc(var(--p) * var(--dist,0) * -1px), 0, 0);will-change:transform;align-items:stretch;gap:2.2vw;display:flex}html[dir=rtl] .rail__piste{transform:translate3d(calc(var(--p) * var(--dist,0) * 1px), 0, 0)}.rail__photo{height:100%;aspect-ratio:3/2!important}.rail__photo--v{aspect-ratio:2/3!important}.rail__noms{flex-direction:column;justify-content:flex-end;gap:.08em;min-width:24vw;font-size:clamp(30px,3.8vw,64px);display:flex}.rail__noms .t-label{margin-bottom:.6rem}.rail__fin{flex-direction:column;justify-content:flex-end;gap:1rem;min-width:26vw;display:flex}.rail__fin .t-chiffre{transition:transform .6s var(--ease-out);font-size:clamp(80px,10vw,170px)}.rail__fin:hover .t-chiffre{transform:translate(.06em)}@media (max-width:767px){.biblio{height:200vh}.biblio__rail{height:40vh}.biblio__chiffre{justify-content:flex-start}.biblio__chiffre .t-chiffre{font-size:28vw}.rail__noms{min-width:60vw}.rail__fin{min-width:50vw}}.etude__verticale{z-index:1;width:20%;position:absolute;top:55%;right:5%}html[dir=rtl] .etude__verticale{left:5%;right:auto}.etude__verticale+*{margin-top:0}@media (min-width:768px){.etude__suite{margin-top:9rem}}@media (max-width:767px){.etude__verticale,html[dir=rtl] .etude__verticale{width:56%;margin:-22% 0 0 auto;position:relative;inset:auto}}.escalier{height:260vh}.escalier__colle{place-items:center;display:grid}.escalier__cadre{aspect-ratio:1;width:min(76vw,72vh);transform:rotate(calc(var(--p) * 90deg)) scale(calc(.84 + var(--p) * .46));will-change:transform;overflow:hidden}.escalier__image{width:100%;height:100%;transform:scale(calc(1.02 + var(--p) * 1.2))}.escalier__mot{inset-inline-start:var(--gutter);bottom:calc(var(--gutter) * .8);color:var(--creme);opacity:calc(var(--p) * 5 - .5);pointer-events:none;font-size:clamp(64px,13vw,230px);position:absolute}.terrasse__collage{-moz-column-gap:2vw;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:2vw;margin-top:clamp(48px,8vw,128px);display:grid}.terrasse__a{grid-area:1/1/auto/span 7}.terrasse__b{grid-area:1/9/span 2/span 4;margin-top:22%}.terrasse__c{grid-area:2/2/auto/span 4;margin-top:6vw}.terrasse__d{grid-area:2/6/auto/span 3;margin-top:14vw}@media (max-width:767px){.terrasse__collage{grid-template-columns:repeat(6,minmax(0,1fr));row-gap:6vw}.terrasse__a{grid-column:1/span 6}.terrasse__b{grid-area:2/3/auto/span 4;margin-top:-14vw}.terrasse__c{grid-area:3/1/auto/span 4;margin-top:0}.terrasse__d{grid-area:4/3/auto/span 4;margin-top:0}}.mur{height:calc((var(--total) + .4) * 100vh)}.mur__colle{padding:calc(var(--header-h) + 12px) var(--gutter) clamp(20px, 4vh, 40px);grid-template-rows:auto 1fr auto;display:grid}.mur__tete{flex-wrap:wrap;justify-content:space-between;gap:.5rem 2rem;display:flex}.mur__texte{max-width:34ch;color:var(--muted)}.mur__scene{align-items:center;display:grid}.mur__passage{--v:calc(var(--p) * var(--total) - var(--k));--entree:clamp(0, (var(--v) + .08) / .08, 1);--sortie:clamp(0, (var(--v) - .8) / .12, 1);max-width:1400px;opacity:calc(var(--entree) * (1 - var(--sortie)));transform:translateY(calc(var(--sortie) * -6vh));grid-area:1/1}.mur__passage[data-dernier]{--sortie:0}.mur__vers{letter-spacing:-.012em;text-wrap:balance;font-size:clamp(40px,7.4vw,132px);line-height:1}.mur__ligne{display:block}.mur__mot{--ink:clamp(0, var(--v) / .6 * (var(--n) + 1.5) - var(--i), 1);opacity:calc(.1 + .9 * var(--ink));transform:translateY(calc((1 - var(--ink)) * .14em));display:inline-block}.mur__source{color:var(--muted);opacity:clamp(0, (var(--v) - .4) * 5, 1);margin-top:clamp(20px,4vh,40px)}.mur__pied{align-items:center;gap:1.5rem;display:flex}.mur__jauge{background:var(--line);flex:1;height:1px;position:relative}.mur__jauge>span{transform:scaleX(var(--p));transform-origin:0;background:currentColor;position:absolute;inset:0}[dir=rtl] .mur__jauge>span{transform-origin:100%}.mur__num{--v:calc(var(--p) * var(--total) - var(--k));opacity:calc(.3 + .7 * min(clamp(0, (var(--v) + .05) * 20, 1), clamp(0, (1 - var(--v)) * 20, 1)))}.mur__num[data-dernier]{opacity:calc(.3 + .7 * clamp(0, (var(--v) + .05) * 20, 1))}@media (prefers-reduced-motion:reduce){.mur{height:auto}.mur .scene__colle{height:auto;position:relative}.mur__scene{flex-direction:column;gap:12vh;padding-block:10vh;display:flex}.mur__passage{opacity:1;transform:none}.mur__mot{--ink:1}.mur__source{opacity:1}.mur__pied{display:none}.porte{--p:0!important;height:auto!important}.porte__plaque{opacity:1}.porte__trait{animation:none}.escalier{--p:.3!important;height:auto!important}.biblio{--p:0!important;height:auto!important}.biblio .scene__colle,.porte .scene__colle,.escalier .scene__colle{position:relative}.biblio__colle{min-height:100svh;height:auto!important}.rail{overflow-x:auto}.parallaxe,.parallaxe-interieure__calque{transform:none!important}}[data-silence=true] .porte{--p:0!important;height:auto!important}[data-silence=true] .porte__plaque{opacity:1}[data-silence=true] .escalier{--p:.3!important;height:auto!important}[data-silence=true] .biblio{--p:0!important;height:auto!important}[data-silence=true] .biblio .scene__colle,[data-silence=true] .porte .scene__colle,[data-silence=true] .escalier .scene__colle{position:relative}[data-silence=true] .biblio__colle{min-height:100svh;height:auto!important}[data-silence=true] .rail{overflow-x:auto}[data-silence=true] .parallaxe,[data-silence=true] .parallaxe-interieure__calque{transform:none!important}[data-silence=true] .mur,html:not(.js) .mur{height:auto}[data-silence=true] .mur .scene__colle,html:not(.js) .mur .scene__colle{height:auto;position:relative}[data-silence=true] .mur__scene,html:not(.js) .mur__scene{flex-direction:column;gap:12vh;padding-block:10vh;display:flex}[data-silence=true] .mur__passage,html:not(.js) .mur__passage{opacity:1;transform:none}[data-silence=true] .mur__mot,html:not(.js) .mur__mot{--ink:1}[data-silence=true] .mur__source,html:not(.js) .mur__source{opacity:1}[data-silence=true] .mur__pied,html:not(.js) .mur__pied{display:none}html:not(.js) .porte,html:not(.js) .escalier,html:not(.js) .biblio{height:auto}html:not(.js) .porte .scene__colle,html:not(.js) .escalier .scene__colle,html:not(.js) .biblio .scene__colle{position:relative}html:not(.js) .biblio__colle{height:auto;min-height:100svh}html:not(.js) .rail{overflow-x:auto}html:not(.js) .porte__plaque{opacity:1}html:not(.js) .porte__trait{animation:none}