:root{
  --contact-menu-height:48px;
  --contact-font:"Chatelet Light",Georgia,serif;
  --contact-size:clamp(15px,1vw,24px);
  --contact-large-size:clamp(21px,1.4vw,34px);
  --contact-line-height:1.16;
}


body.contact-open .site-header{position:sticky;top:0;z-index:2100;background:#fff;transform:none!important;transition:none}
body.contact-open{overflow:hidden}
.contact-sheet[hidden]{display:none}
.contact-sheet{position:fixed;z-index:2000;inset:var(--contact-menu-height) 0 0;margin:0;background:#fff;color:#151515;overflow:auto;overscroll-behavior:contain;font-family:var(--contact-font);font-weight:300;font-size:var(--contact-size);line-height:var(--contact-line-height);letter-spacing:normal;outline:none}
.contact-columns{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:clamp(24px,2.7vw,52px);padding:48px 2.6vw 70px;width:100%;max-width:1800px;margin-inline:auto;min-height:100%;box-sizing:border-box}
.contact-sheet h2,.contact-sheet h3,.contact-sheet p,.contact-sheet ul{font:inherit;margin:0;padding:0}
.contact-sheet ul{list-style:none}
.contact-sheet h3{margin-bottom:3px}
.contact-sheet .contact-large{font-size:var(--contact-large-size);line-height:1.12}
.contact-sheet a{color:inherit;text-decoration:none}
.contact-sheet a:hover{text-decoration:underline;text-underline-offset:.15em}
.contact-sheet a:focus-visible,.contact-close:focus-visible{outline:1px solid currentColor;outline-offset:4px}
.contact-address{margin:1.65em 0 1.15em!important}
.contact-social{margin-top:3em!important}
.contact-gallery{margin-top:3.4em}
.contact-gallery p+p{margin-top:.7em}
.contact-team+.contact-team{margin-top:2.05em}
.contact-clients-break{margin-top:1.2em}
.contact-close{position:fixed;z-index:2200;top:calc(var(--contact-menu-height) + 3px);right:7px;width:36px;height:36px;padding:0;border:0;background:white;color:#151515;cursor:pointer}
.contact-close span{position:absolute;left:10px;top:17px;width:16px;height:1px;background:currentColor;transform:rotate(45deg)}
.contact-close span+span{transform:rotate(-45deg)}
@media(max-width:1100px){.contact-columns{grid-template-columns:repeat(3,minmax(0,1fr));gap:44px 28px;padding:48px 28px 60px}.contact-sheet{--contact-size:18px;--contact-large-size:25px}}
@media(max-width:700px){.site-header{flex-wrap:wrap;gap:10px}.site-header nav{margin-left:auto;gap:18px}.contact-columns{grid-template-columns:repeat(2,minmax(0,1fr));gap:36px 24px;padding:40px 20px 50px}.contact-sheet{--contact-size:16px;--contact-large-size:23px}.contact-social{margin-top:2em!important}.contact-team+.contact-team{margin-top:1.5em}}
@media(max-width:440px){.contact-columns{grid-template-columns:1fr}.contact-sheet{--contact-size:18px;--contact-large-size:26px}.contact-social{margin-top:1.5em!important}.contact-gallery{margin-top:1.7em}.site-header nav{gap:14px}}

/* Aperçu dans le texte riche MODX */
body.contact-editor{position:static!important;inset:auto!important;overflow:auto!important;margin:0!important;padding:0!important;}body.contact-editor .contact-columns{grid-template-columns:repeat(6,minmax(0,1fr));min-width:1100px;min-height:0;padding-top:48px;}

/* Croix agrandie de 10 % sur desktop, centrée dans le bouton. */
@media(min-width:768px){.contact-close span{left:9.2px;width:17.6px;}}