.accord{position:relative;margin-block:64vh;margin-inline:calc(var(--marge) * -1);height:104vh;min-height:640px;background:#08090b;color:#fff}.accord:before,.accord:after{content:"";position:absolute;left:0;right:0;height:64vh;pointer-events:none}.accord:before{bottom:calc(100% - 1px);background:var(--fondu-avant, linear-gradient(180deg, rgba(8, 9, 11, 0) 0%, rgba(8, 9, 11, .024) 10%, rgba(8, 9, 11, .095) 20%, rgba(8, 9, 11, .206) 30%, rgba(8, 9, 11, .345) 40%, rgba(8, 9, 11, .5) 50%, rgba(8, 9, 11, .655) 60%, rgba(8, 9, 11, .794) 70%, rgba(8, 9, 11, .905) 80%, rgba(8, 9, 11, .976) 90%, rgba(8, 9, 11, 1) 100%))}.accord:after{top:calc(100% - 1px);background:var(--fondu-apres, linear-gradient(180deg, rgba(8, 9, 11, 1) 0%, rgba(8, 9, 11, .976) 10%, rgba(8, 9, 11, .905) 20%, rgba(8, 9, 11, .794) 30%, rgba(8, 9, 11, .655) 40%, rgba(8, 9, 11, .5) 50%, rgba(8, 9, 11, .345) 60%, rgba(8, 9, 11, .206) 70%, rgba(8, 9, 11, .095) 80%, rgba(8, 9, 11, .024) 90%, rgba(8, 9, 11, 0) 100%))}.accord-3d{position:absolute;inset:0;width:100%;height:100%;display:block;cursor:crosshair;-webkit-mask-image:linear-gradient(180deg,transparent 0%,#000 18%,#000 84%,transparent 100%);mask-image:linear-gradient(180deg,transparent 0%,#000 18%,#000 84%,transparent 100%)}.accord-texte{position:absolute;z-index:2;left:clamp(24px,6vw,110px);right:clamp(24px,6vw,110px);bottom:clamp(40px,9vh,90px);display:flex;align-items:flex-end;justify-content:space-between;gap:30px;flex-wrap:wrap;pointer-events:none}.accord-texte>*{pointer-events:auto}.accord-texte:before{content:"";position:absolute;z-index:-1;inset:-40% 30% -30% -8%;pointer-events:none;background:radial-gradient(closest-side,#08090bd1,#08090b00)}.accord-texte h2{font-family:var(--titre);font-weight:400;font-size:clamp(34px,3.6vw,58px);letter-spacing:-.04em;line-height:1.04;color:#ffffff80}.accord-texte h2 b{font-weight:400;color:#fff}.accord-texte p{max-width:34ch;margin-top:14px;font-size:15px;line-height:1.5;color:#ffffff9e}@media(max-width:760px){.accord{height:92vh}.accord-texte{flex-direction:column;align-items:flex-start}}