body.slp-safe-page{--sl-gold:#c7a33b;--sl-blue:#506b88;--sl-ink:#20242b;--sl-cream:#fbf9f4;--sl-line:#e6ddc8;margin:0;background:var(--sl-cream)!important;color:var(--sl-ink);font-family:'Jost',sans-serif;overflow-x:hidden}
body.slp-safe-page .slp-header{position:sticky;top:0;z-index:9998;display:grid;grid-template-columns:150px 1fr;align-items:center;gap:28px;padding:10px 4vw;background:rgba(255,255,255,.97);backdrop-filter:blur(10px);border-bottom:1px solid var(--sl-line);box-shadow:0 6px 24px rgba(0,0,0,.05)}
body.admin-bar.slp-safe-page .slp-header{top:32px}
body.slp-safe-page .slp-brand{display:flex;align-items:center;justify-content:center;text-decoration:none}
body.slp-safe-page .slp-brand img{width:112px;height:74px;object-fit:contain;display:block}
body.slp-safe-page .slp-nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px 12px;align-items:center}
body.slp-safe-page .slp-nav a{display:flex;align-items:center;justify-content:center;min-height:38px;padding:5px 8px;text-align:center;text-decoration:none;text-transform:uppercase;letter-spacing:.08em;font-size:11px;font-weight:500;color:var(--sl-blue);border-bottom:1px solid rgba(199,163,59,.28);transition:.25s}
body.slp-safe-page .slp-nav a:hover{color:#9a7416;border-color:var(--sl-gold);background:#fffdf7}
body.slp-safe-page .slp-main{min-height:62vh;background:var(--sl-cream);padding:58px 6vw 72px}
body.slp-safe-page .slp-home{padding-top:34px}
body.slp-safe-page .slp-home-hero{max-width:1280px;margin:0 auto;display:grid;grid-template-columns:minmax(280px,.85fr) minmax(420px,1.15fr);gap:64px;align-items:center;min-height:600px}
body.slp-safe-page .slp-home-art{position:relative;height:570px;overflow:hidden;border-radius:180px 180px 18px 18px;background:#eee6d6;box-shadow:0 24px 70px rgba(82,67,38,.12)}
body.slp-safe-page .slp-home-art:before{content:"";position:absolute;inset:18px;border:1px solid rgba(199,163,59,.45);border-radius:165px 165px 12px 12px;z-index:2;pointer-events:none}
body.slp-safe-page .slp-home-art img{width:100%;height:100%;object-fit:cover;object-position:left center;display:block}
body.slp-safe-page .slp-home-copy{text-align:left}
body.slp-safe-page .slp-home-logo{width:250px;height:160px;object-fit:contain;display:block;margin:0 0 8px -8px}
body.slp-safe-page .slp-eyebrow,.slp-kicker{color:var(--sl-gold);text-transform:uppercase;letter-spacing:.18em;font-size:13px;font-weight:600}
body.slp-safe-page .slp-home-copy h1{font-family:'Cormorant Garamond',serif;font-size:clamp(42px,5vw,74px);line-height:1.02;font-weight:500;color:#ad7a1d;margin:18px 0 28px;max-width:800px}
body.slp-safe-page .slp-lead{font-size:20px;line-height:1.65;color:#25282e;max-width:760px}
body.slp-safe-page .slp-home-grid{max-width:1280px;margin:54px auto 0;display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
body.slp-safe-page .slp-card{position:relative;min-height:230px;padding:34px 30px;text-decoration:none;color:inherit;background:white;border:1px solid var(--sl-line);box-shadow:0 10px 30px rgba(0,0,0,.035);transition:transform .25s,box-shadow .25s,border-color .25s}
body.slp-safe-page .slp-card:hover{transform:translateY(-4px);box-shadow:0 18px 42px rgba(0,0,0,.07);border-color:rgba(199,163,59,.65)}
body.slp-safe-page .slp-card-kicker{font-size:10px;letter-spacing:.22em;text-transform:uppercase;color:var(--sl-gold)}
body.slp-safe-page .slp-card h3{font-family:'Cormorant Garamond',serif;color:var(--sl-blue);font-size:28px;line-height:1.1;margin:22px 0 14px}
body.slp-safe-page .slp-card p{font-size:14px;line-height:1.7;color:#6e7278;margin:0 30px 0 0}
body.slp-safe-page .slp-arrow{position:absolute;right:26px;bottom:22px;color:var(--sl-gold);font-size:24px}
body.slp-safe-page .slp-page-head{max-width:980px;margin:0 auto;text-align:center;padding:42px 20px 48px}
body.slp-safe-page .slp-module{font-size:12px;letter-spacing:.25em;text-transform:uppercase;color:#8c6d18;font-weight:600;text-align:left}
body.slp-safe-page .slp-gold-rule{height:8px;margin:28px 0 48px;background:linear-gradient(to bottom,var(--sl-gold) 0 3px,transparent 3px 5px,var(--sl-gold) 5px 8px);opacity:.9}
body.slp-safe-page .slp-page-head h1{font-family:'Cormorant Garamond',serif;font-size:clamp(44px,5vw,68px);line-height:1.05;font-weight:600;color:var(--sl-blue);margin:24px 0}
body.slp-safe-page .slp-page-head h1 em{font-style:normal;color:#20242b;font-size:.9em}
body.slp-safe-page .slp-page-head p{max-width:850px;margin:24px auto 0;font-size:20px;line-height:1.65;color:#4f555c}
body.slp-safe-page .slp-content-card{max-width:980px;margin:0 auto 40px;background:#fff;border:1px solid var(--sl-line);padding:54px;box-shadow:0 16px 42px rgba(0,0,0,.035)}
body.slp-safe-page .slp-center{text-align:center}
body.slp-safe-page .slp-large{font-size:20px;line-height:1.75;color:#32373e;margin:0 auto 24px;max-width:840px}
body.slp-safe-page .slp-manifesto{font-size:24px;line-height:1.55;font-weight:600;margin:42px auto 0;color:#20242b}
body.slp-safe-page .slp-press-image{width:100%;max-width:780px;height:auto;display:block;margin:42px auto 0;border:1px solid #eee5d2}
body.slp-safe-page blockquote{font-family:'Cormorant Garamond',serif;font-size:26px;line-height:1.5;color:#8a671b;margin:44px auto;max-width:780px}
body.slp-safe-page .slp-cta{display:inline-block;margin-top:38px;padding:17px 36px;border:1px solid var(--sl-gold);color:#222;text-decoration:none;text-transform:uppercase;letter-spacing:.12em;font-size:12px;font-weight:600;background:#fff;transition:.25s}
body.slp-safe-page .slp-cta:hover{background:var(--sl-gold);color:white}
body.slp-safe-page .slp-contact{padding:58px 20px 68px;text-align:center;background:#fff;border-top:1px solid var(--sl-line)}
body.slp-safe-page .slp-contact img{width:145px;height:94px;object-fit:contain;display:block;margin:0 auto 18px}
body.slp-safe-page .slp-contact h3{font-family:'Cormorant Garamond',serif;font-size:30px;font-weight:500;color:#a47a27;margin:0 0 14px}
body.slp-safe-page .slp-contact a{display:block;text-decoration:none;margin:10px auto;color:#8f866f;font-size:15px;max-width:max-content}
body.slp-safe-page .slp-contact a:hover{color:#7a5a18}
/* neutraliser les vieux styles de page/thème autour de nos pages */
body.slp-safe-page main,body.slp-safe-page article,body.slp-safe-page .entry-content{max-width:none!important;width:auto!important;margin:0!important;padding:0!important}
body.slp-safe-page .entry-title,body.slp-safe-page .page-title{display:none!important}
@media(max-width:1100px){body.slp-safe-page .slp-header{grid-template-columns:110px 1fr;padding-inline:2.5vw}body.slp-safe-page .slp-nav{grid-template-columns:repeat(3,1fr)}body.slp-safe-page .slp-brand img{width:95px}body.slp-safe-page .slp-home-hero{grid-template-columns:1fr;gap:28px}body.slp-safe-page .slp-home-art{height:400px;max-width:700px;width:100%;margin:0 auto}body.slp-safe-page .slp-home-copy{text-align:center}body.slp-safe-page .slp-home-logo{margin:0 auto}body.slp-safe-page .slp-lead{margin-inline:auto}body.slp-safe-page .slp-home-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:782px){body.admin-bar.slp-safe-page .slp-header{top:46px}}
@media(max-width:720px){body.slp-safe-page .slp-header{position:relative;top:auto!important;grid-template-columns:1fr;gap:6px;padding:12px 16px}body.slp-safe-page .slp-brand img{width:110px;height:70px}body.slp-safe-page .slp-nav{grid-template-columns:1fr 1fr;width:100%}body.slp-safe-page .slp-nav a{font-size:10px;min-height:34px}body.slp-safe-page .slp-main{padding:30px 18px 50px}body.slp-safe-page .slp-home-art{height:330px;border-radius:90px 90px 14px 14px}body.slp-safe-page .slp-home-copy h1{font-size:45px}body.slp-safe-page .slp-lead{font-size:17px}body.slp-safe-page .slp-home-grid{grid-template-columns:1fr}body.slp-safe-page .slp-page-head{padding:25px 6px 30px}body.slp-safe-page .slp-page-head h1{font-size:45px}body.slp-safe-page .slp-page-head p,body.slp-safe-page .slp-large{font-size:17px}body.slp-safe-page .slp-content-card{padding:32px 20px}}

/* ===== SL Agency 1.1 — navigation propre et mobile ===== */
body.slp-safe-page #siteHeader,
body.slp-safe-page header#siteHeader,
body.slp-safe-page #burgerBtn,
body.slp-safe-page .burger,
body.slp-safe-page #mobileNav,
body.slp-safe-page .mobile-nav,
body.slp-safe-page #navOverlay,
body.slp-safe-page .nav-overlay{display:none!important;visibility:hidden!important;opacity:0!important;pointer-events:none!important;height:0!important;margin:0!important;padding:0!important;border:0!important}
.slp-backtop{display:none;position:fixed;left:18px;bottom:22px;z-index:999999;width:44px;height:44px;border-radius:50%;border:1px solid rgba(199,163,59,.7);background:rgba(255,255,255,.94);color:#8d6a17;font:600 23px/1 Jost,sans-serif;align-items:center;justify-content:center;box-shadow:0 8px 24px rgba(0,0,0,.14);cursor:pointer;opacity:0;transform:translateY(8px);transition:.25s}
.slp-backtop.is-visible{opacity:1;transform:translateY(0)}
@media(max-width:720px){.slp-backtop{display:flex}.slp-header{position:relative!important;top:auto!important}}

/* ===== SL Agency 1.2 — gabarit indépendant du thème ===== */
html{margin:0!important}
body.slp-safe-page{padding:0!important;margin:0!important}
body.slp-safe-page .entry-title,
body.slp-safe-page .page-title,
body.slp-safe-page article>h1:first-child,
body.slp-safe-page main>h1:first-child{display:none!important}
body.slp-safe-page .slp-header{width:100%;box-sizing:border-box}
body.slp-safe-page .slp-main{box-sizing:border-box}
@media(max-width:720px){
 body.slp-safe-page .slp-header{position:relative!important;display:grid!important;grid-template-columns:1fr!important;gap:8px!important;background:#fff!important}
 body.slp-safe-page .slp-nav{display:grid!important;grid-template-columns:1fr 1fr!important;gap:0 10px!important}
 body.slp-safe-page .slp-nav a{display:flex!important;color:var(--sl-blue)!important}
}


/* ===== SL Agency 1.3 — isolation totale du vieux thème ===== */
html{width:100%!important;max-width:none!important;background:#fbf9f4!important;}
body.slp-safe-page{
  display:block!important;
  width:100%!important;
  max-width:none!important;
  min-height:100vh!important;
  align-items:initial!important;
  justify-content:initial!important;
  padding:0!important;
  margin:0!important;
  background:#fbf9f4!important;
}
body.slp-safe-page > .slp-header,
body.slp-safe-page > .slp-main,
body.slp-safe-page > .slp-contact{
  width:100%!important;
  max-width:none!important;
  flex:none!important;
  float:none!important;
  clear:both!important;
}
body.slp-safe-page .slp-header{
  display:grid!important;
  box-sizing:border-box!important;
}
body.slp-safe-page .slp-main{
  display:block!important;
  position:relative!important;
  float:none!important;
}
body.slp-safe-page .slp-contact{
  display:block!important;
  position:relative!important;
  float:none!important;
  box-sizing:border-box!important;
}
/* Le contenu doit rester centré et non être poussé dans des colonnes du thème. */
body.slp-safe-page .slp-home-hero,
body.slp-safe-page .slp-home-grid,
body.slp-safe-page .slp-page-head,
body.slp-safe-page .slp-content-card{
  float:none!important;
  clear:both!important;
}


/* ===== SL Agency 1.6 — accueil: 5 cartes parfaitement alignées ===== */
body.slp-safe-page .slp-home-grid{
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
  gap:18px!important;
  align-items:stretch!important;
}
body.slp-safe-page .slp-home-grid .slp-card{
  min-width:0!important;
  min-height:300px!important;
  height:100%!important;
  padding:28px 22px 50px!important;
  background:#15130f!important;
  border:1px solid rgba(199,163,59,.48)!important;
  color:#f6efe2!important;
  box-shadow:0 12px 28px rgba(0,0,0,.12)!important;
}
body.slp-safe-page .slp-home-grid .slp-card-kicker{
  color:#c7a33b!important;
}
body.slp-safe-page .slp-home-grid .slp-card h3{
  color:#d8b968!important;
  font-size:clamp(22px,1.55vw,29px)!important;
  line-height:1.12!important;
  margin:20px 0 16px!important;
}
body.slp-safe-page .slp-home-grid .slp-card p{
  color:#e8e0d3!important;
  font-size:14px!important;
  line-height:1.65!important;
  margin:0!important;
}
body.slp-safe-page .slp-home-grid .slp-arrow{
  color:#c7a33b!important;
}
@media(max-width:1180px){
  body.slp-safe-page .slp-home-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;}
  body.slp-safe-page .slp-home-grid .slp-card:nth-child(4),
  body.slp-safe-page .slp-home-grid .slp-card:nth-child(5){min-height:260px!important;}
}
@media(max-width:720px){
  body.slp-safe-page .slp-home-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:14px!important;
  }
  body.slp-safe-page .slp-home-grid .slp-card{
    min-height:240px!important;
    padding:24px 18px 44px!important;
  }
  body.slp-safe-page .slp-home-grid .slp-card h3{font-size:23px!important;}
  body.slp-safe-page .slp-home-grid .slp-card p{font-size:13px!important;}
  body.slp-safe-page .slp-home-grid .slp-card:last-child{
    grid-column:1 / -1!important;
    width:calc(50% - 7px)!important;
    justify-self:center!important;
  }
}
@media(max-width:430px){
  body.slp-safe-page .slp-home-grid .slp-card:last-child{width:100%!important;}
}

/* ===== SL Agency 1.7 — accueil fidèle à la maquette PDF ===== */
body.slp-safe-page .slp-home-maquette{padding:34px 4vw 66px!important;background:#fbf8f1!important}
body.slp-safe-page .slp-home-sheet{max-width:1180px;margin:0 auto;display:grid;grid-template-columns:minmax(360px,.9fr) minmax(480px,1.1fr);gap:70px;align-items:start;position:relative;padding:30px 0 10px}
body.slp-safe-page .slp-home-visual{position:relative;min-height:760px;overflow:hidden;background:#f6f1e8;border-radius:190px 190px 0 0;box-shadow:none}
body.slp-safe-page .slp-home-visual:before{content:"";position:absolute;inset:20px;border:1px solid rgba(199,163,59,.38);border-radius:170px 170px 0 0;z-index:2;pointer-events:none}
body.slp-safe-page .slp-home-visual img{width:100%;height:100%;min-height:760px;object-fit:cover;object-position:left center;display:block}
body.slp-safe-page .slp-home-presentation{text-align:left;padding-top:4px}
body.slp-safe-page .slp-home-maquette .slp-home-logo{width:245px;height:150px;object-fit:contain;display:block;margin:0 auto 12px}
body.slp-safe-page .slp-home-maquette h1{font-family:'Cormorant Garamond',serif;font-size:clamp(44px,4.3vw,64px);line-height:1.08;font-weight:500;color:#ad7a1d;text-align:center;margin:18px 0 24px}
body.slp-safe-page .slp-home-intro{font-size:19px;line-height:1.46;color:#18191c;margin:0 0 34px;font-weight:400}
body.slp-safe-page .slp-home-intro strong{font-weight:600}
body.slp-safe-page .slp-home-links{max-width:560px;margin:0 auto;display:grid;grid-template-columns:1fr;gap:0}
body.slp-safe-page .slp-home-link{position:relative;display:grid;grid-template-columns:64px 1fr 20px;align-items:center;gap:10px;min-height:66px;text-decoration:none;color:#526a83;border-bottom:1px solid rgba(199,163,59,.24);transition:.2s;padding:0 2px}
body.slp-safe-page .slp-home-link:hover{color:#9d7519;background:rgba(255,255,255,.45)}
body.slp-safe-page .slp-home-icon{display:flex;align-items:center;justify-content:center;width:46px;height:46px;color:#c29a28;font-size:22px;border-right:1px solid rgba(199,163,59,.35);font-family:'Cormorant Garamond',serif;font-weight:600}
body.slp-safe-page .slp-home-link-label{font-size:16px;line-height:1.2}
body.slp-safe-page .slp-home-link-gem{font-size:7px;color:#c29a28;text-align:center}
body.slp-safe-page .slp-home-maquette .slp-home-grid{display:none!important}
@media(max-width:1000px){
 body.slp-safe-page .slp-home-sheet{grid-template-columns:1fr;gap:34px;max-width:760px}
 body.slp-safe-page .slp-home-visual{min-height:500px;max-height:620px;border-radius:130px 130px 0 0}
 body.slp-safe-page .slp-home-visual img{min-height:500px}
 body.slp-safe-page .slp-home-presentation{padding:0 12px}
}
@media(max-width:720px){
 body.slp-safe-page .slp-home-maquette{padding:18px 14px 44px!important}
 body.slp-safe-page .slp-home-sheet{padding-top:10px;gap:24px}
 body.slp-safe-page .slp-home-visual{min-height:390px;height:390px;border-radius:90px 90px 0 0}
 body.slp-safe-page .slp-home-visual img{min-height:390px;height:390px}
 body.slp-safe-page .slp-home-maquette .slp-home-logo{width:190px;height:115px}
 body.slp-safe-page .slp-home-maquette h1{font-size:40px;margin:12px 0 18px}
 body.slp-safe-page .slp-home-intro{font-size:16px;line-height:1.5;text-align:left}
 body.slp-safe-page .slp-home-link{grid-template-columns:52px 1fr 14px;min-height:58px}
 body.slp-safe-page .slp-home-icon{width:40px;height:40px;font-size:18px}
 body.slp-safe-page .slp-home-link-label{font-size:14px}
}

/* ===== SL Agency 1.8 — accueil EXACT d'après la page 1 de la maquette ===== */
body.slp-safe-page .slp-home-exact{
  background:#fbf8f1!important;
  padding:28px 18px 64px!important;
}
body.slp-safe-page .slp-home-poster-wrap{
  max-width:760px;
  margin:0 auto;
}
body.slp-safe-page .slp-home-poster{
  position:relative;
  width:100%;
  margin:0 auto;
  background:#fbf8f1;
  box-shadow:0 16px 45px rgba(75,61,35,.08);
}
body.slp-safe-page .slp-home-poster img{
  display:block;
  width:100%;
  height:auto;
}
body.slp-safe-page .slp-hotspot{
  position:absolute;
  left:54.0%;
  width:29.0%;
  height:4.3%;
  z-index:4;
  border-radius:4px;
  transition:background .18s ease, box-shadow .18s ease;
}
body.slp-safe-page .slp-hotspot:hover,
body.slp-safe-page .slp-hotspot:focus-visible{
  background:rgba(198,158,43,.08);
  box-shadow:inset 0 0 0 1px rgba(198,158,43,.28);
  outline:none;
}
/* Zones calculées directement sur la maquette 993 × 1404 px. */
body.slp-safe-page .hs-actualites{top:49.6%}
body.slp-safe-page .hs-architecture{top:57.2%}
body.slp-safe-page .hs-intime{top:64.8%}
body.slp-safe-page .hs-royaume{top:72.3%;height:4.8%}
body.slp-safe-page .hs-boutique{top:80.1%}
body.slp-safe-page .hs-expertises{top:87.6%;height:4.8%}
body.slp-safe-page .hs-contact{top:95.2%;height:4.2%}
@media(max-width:720px){
  body.slp-safe-page .slp-home-exact{padding:12px 6px 40px!important}
  body.slp-safe-page .slp-home-poster-wrap{max-width:100%}
  body.slp-safe-page .slp-home-poster{box-shadow:none}
}

/* ===== SL Agency 1.9 — ACCUEIL = MAQUETTE UNIQUEMENT ===== */
body.slp-safe-page .slp-home-exact ~ .slp-contact{display:block!important}
body.slp-safe-page .slp-home-exact .slp-home-grid,
body.slp-safe-page .slp-home-exact .slp-card,
body.slp-safe-page .slp-home-exact .slp-arrow,
body.slp-safe-page .slp-home-exact .slp-home-hero,
body.slp-safe-page .slp-home-exact .slp-home-maquette,
body.slp-safe-page .slp-home-exact .slp-home-sheet{display:none!important}

/* ===== SL Agency 2.0 — hotspots accueil recalés précisément sur les libellés ===== */

/* ===== SL Agency 2.1 — zones d'accueil alignées + lien ArtIntime ===== */
body.slp-safe-page .slp-hotspot{
  left:53.0%!important;
  width:31.5%!important;
  height:4.55%!important;
  box-sizing:border-box!important;
}
body.slp-safe-page .hs-actualites{top:49.0%!important}
body.slp-safe-page .hs-architecture{top:56.7%!important}
body.slp-safe-page .hs-intime{top:64.3%!important}
body.slp-safe-page .hs-royaume{top:71.5%!important;height:5.2%!important}
body.slp-safe-page .hs-boutique{top:79.2%!important}
body.slp-safe-page .hs-expertises{top:86.6%!important;height:5.2%!important}
body.slp-safe-page .hs-contact{top:94.1%!important;height:4.6%!important}
body.slp-safe-page .slp-nav-external{color:#9a7416!important;font-weight:600!important}

/* ===== SL Agency 2.2 — alignement précis de la zone Contact ===== */
body.slp-safe-page .hs-contact{top:92.9%!important;height:4.1%!important;left:53.0%!important;width:31.5%!important}

/* ===== SL Agency 2.3 — Contact accueil : bloc contact au lieu de mailto ===== */
body.slp-safe-page #sl-contact{scroll-margin-top:150px}
