.haut{--titre: clamp(64px, 8.65vw, 240px);--gauche: calc(var(--rail) + 3.2vw);--jambage: .26em;position:relative;min-height:100dvh;color:#fff;overflow:hidden;isolation:isolate}.haut--court{min-height:100dvh}@media (min-width: 1024px){.haut--court[data-univers=contact]{min-height:74dvh;min-height:max(74dvh,calc(var(--sat-top, 0px) + 28px))}.haut--court[data-univers=contact] .haut__sous-phrase{width:-moz-max-content;width:max-content;max-width:min(46vw,64ch)}.haut--court[data-univers=contact] .haut__texte{top:calc(50vh - var(--titre) / 2)}.haut--court[data-univers=contact] .haut__sous-phrase{margin-top:10px}.haut--court[data-univers=contact] .haut__sous-phrase a{min-height:32px}}.haut__texte{position:absolute;left:var(--gauche);top:calc(50% - var(--titre) / 2);right:4vw;z-index:3;pointer-events:none}.haut__texte a,.haut__texte button{pointer-events:auto}.haut__masque{display:block;width:-moz-max-content;width:max-content;max-width:100%;overflow:hidden;padding-bottom:var(--jambage);margin-bottom:calc(-1 * var(--jambage));font-size:var(--titre)}.haut__titre{font-size:var(--titre);font-weight:500;font-variation-settings:"ARET" 100;line-height:1;letter-spacing:-.02em;white-space:nowrap}.haut__phrase{margin:24px 0 0;max-width:34ch;font-size:clamp(16px,1.05vw,22px);line-height:1.5;color:#ffffffb8}.haut__sous-phrase{display:flex;flex-wrap:wrap;gap:6px 20px;margin-top:16px;font-size:clamp(15px,.95vw,19px)}.haut__sous-phrase a{color:#fff;text-decoration:underline;text-decoration-color:#fff6;text-underline-offset:4px;min-height:44px;display:inline-flex;align-items:center}.haut__sous-phrase a:hover{text-decoration-color:#fff}.haut__sous-phrase>span{display:inline-block;align-self:center;color:#ffffffc7}.haut__sous-phrase .insecable{white-space:nowrap}.haut__satellites{display:contents}.haut__citation{position:absolute;right:4vw;top:12vh;z-index:2}.haut__scene{position:absolute;width:var(--largeur-scene, 46vw);z-index:1}.haut__scene--bas-droite{right:0;bottom:0;-webkit-mask-image:linear-gradient(90deg,transparent,#000 25%),linear-gradient(0deg,#000 70%,transparent);mask-image:linear-gradient(90deg,transparent,#000 25%),linear-gradient(0deg,#000 70%,transparent);-webkit-mask-composite:source-in,xor;mask-composite:intersect}.haut__scene--bas-centre{left:50%;bottom:-12vh;transform:translate(-50%);-webkit-mask-image:linear-gradient(90deg,transparent,#000 18%,#000 82%,transparent),linear-gradient(0deg,#000 70%,transparent);mask-image:linear-gradient(90deg,transparent,#000 18%,#000 82%,transparent),linear-gradient(0deg,#000 70%,transparent);-webkit-mask-composite:source-in,xor;mask-composite:intersect}.haut__scene--haut-droite{right:-2vw;top:8vh;-webkit-mask-image:linear-gradient(90deg,transparent,#000 25%),linear-gradient(180deg,#000 70%,transparent);mask-image:linear-gradient(90deg,transparent,#000 25%),linear-gradient(180deg,#000 70%,transparent);-webkit-mask-composite:source-in,xor;mask-composite:intersect}.haut__scene img{width:100%;height:auto}.haut__scene[hidden]{display:none}@media (max-width: 1023px){.haut,.haut--court,.haut--court[data-univers=contact]{--titre: 11vw;--gauche: 24px;min-height:0;display:flex;flex-direction:column;padding:16vh 0 40px}.haut__texte{position:static;margin:0 20px 0 var(--gauche)}.haut__titre{white-space:normal}.haut__satellites{display:flex;flex-wrap:wrap;align-items:flex-start;align-content:flex-start;gap:12px;position:static;margin:28px 16px 0;z-index:2}.haut__citation{position:relative;inset:auto;width:56vw}.haut__scene,.haut__scene--bas-centre,.haut__scene--haut-droite{position:relative;inset:auto;margin:20px 0 -40px auto;width:90vw;transform:none;opacity:.45;-webkit-mask-image:linear-gradient(90deg,transparent,#000 25%),linear-gradient(0deg,#000 70%,transparent);mask-image:linear-gradient(90deg,transparent,#000 25%),linear-gradient(0deg,#000 70%,transparent);-webkit-mask-composite:source-in,xor;mask-composite:intersect}.haut[data-univers=retrieve] .haut__scene{width:70vw;opacity:.6;-webkit-mask-image:linear-gradient(90deg,transparent,#000 15%),linear-gradient(0deg,#000 70%,transparent);mask-image:linear-gradient(90deg,transparent,#000 15%),linear-gradient(0deg,#000 70%,transparent);-webkit-mask-composite:source-in,xor;mask-composite:intersect}}@media (max-width: 767px){.haut{--titre: clamp(44px, 13vw, 72px)}.haut__phrase{margin-top:20px;font-size:clamp(16px,.833vw,21.3px)}}
