/* Moon Above — pages d'arrivée des annonces (Marques, Lieux) : version premium (17/10/2026). */
body{overflow-x:clip}
.lp-hero,.lp-stage{position:relative;width:100vw;margin-left:calc(50% - 50vw);color:#fff;background:#0d0d0d;overflow:hidden;isolation:isolate}
.lp-eyebrow{margin:0;font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:rgba(255,255,255,.7)}

/* Hero */
.lp-hero{display:flex;flex-direction:column;justify-content:flex-end;min-height:clamp(620px,calc(100svh - 76px),920px)}
.lp-hero-media{position:absolute;inset:0;z-index:-1}
.lp-hero-media video{display:block;width:100%;height:100%;object-fit:cover}
.lp-hero-media:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.66) 0%,rgba(0,0,0,.38) 55%,rgba(0,0,0,.12) 100%),linear-gradient(0deg,rgba(0,0,0,.55) 0%,transparent 45%)}
.lp-hero-copy{width:100%;max-width:1440px;margin:0 auto;padding:clamp(90px,10vw,150px) var(--gutter,24px) clamp(40px,5vw,64px)}
.lp-hero h1{max-width:1050px;margin:26px 0 26px;font-size:clamp(44px,5.2vw,86px);font-weight:400;line-height:.98;letter-spacing:-.055em;color:#fff}
.lp-hero-lead{max-width:600px;margin:0;font-size:clamp(18px,1.45vw,22px);line-height:1.45;color:rgba(255,255,255,.88)}
.lp-hero .lp-hero-cta{margin-top:34px;background:#fff;color:#111;border-color:#fff}
.lp-hero .lp-hero-cta:hover{background:transparent;color:#fff}
.lp-hero-sectors{width:100%;max-width:1440px;margin:0 auto;padding:22px var(--gutter,24px) 26px;border-top:1px solid rgba(255,255,255,.22);font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:rgba(255,255,255,.75)}
.lp-hero-credit{position:absolute;right:var(--gutter,24px);top:18px;margin:0;font-size:10px;letter-spacing:.04em;color:rgba(255,255,255,.55)}

/* Hero sur photo (pages Expertises) */
.lp-hero--image .lp-hero-media figure{position:absolute;inset:0;margin:0}
.lp-hero--image .lp-hero-media img{display:block;width:100%;height:100%;object-fit:cover}
.lp-hero--image .lp-hero-media .moon-photo-credit,.lp-hero--image .lp-hero-media figcaption{position:absolute;right:var(--gutter,24px);top:18px;z-index:1;margin:0;padding:0;background:none;color:rgba(255,255,255,.6);font-size:10px}
.lp-hero--image+section{margin-top:clamp(60px,7vw,110px)}

/* Formats en plein écran */
.lp-stage{margin-top:0;min-height:min(92vh,880px);display:flex;align-items:center}
.lp-stage-bg{position:absolute;inset:0;z-index:-1}
.lp-stage-bg figure{position:absolute;inset:0;margin:0}
.lp-stage-bg img{display:block;width:100%;height:100%;object-fit:cover}
.lp-stage-bg:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.35) 0%,rgba(0,0,0,.62) 55%,rgba(0,0,0,.78) 100%)}
.lp-stage-bg .moon-photo-credit,.lp-stage-bg figcaption{position:absolute;left:var(--gutter,24px);bottom:18px;z-index:1;margin:0;padding:0;background:none;color:rgba(255,255,255,.6);font-size:10px}
.lp-stage-inner{width:100%;max-width:1440px;margin:0 auto;padding:clamp(80px,9vw,130px) var(--gutter,24px);display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(40px,6vw,110px);align-items:end}
.lp-stage h2{margin:22px 0 0;font-size:clamp(40px,4.6vw,76px);font-weight:400;line-height:1;letter-spacing:-.05em;color:#fff}
.lp-stage .editorial-rows{border-top:1px solid rgba(255,255,255,.35)}
.lp-stage .editorial-row{display:block;padding:24px 0 22px;border-bottom:1px solid rgba(255,255,255,.22);border-top:0}
.lp-stage .editorial-row h3{margin:0;font-size:clamp(24px,2.1vw,34px);font-weight:400;line-height:1.05;letter-spacing:-.04em;color:#fff}
.lp-stage .editorial-row p{margin:8px 0 0;max-width:460px;font-size:16px;line-height:1.45;color:rgba(255,255,255,.78)}

/* Talents : disciplines */
.lp-tags{list-style:none;margin:30px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.lp-tags li{padding:7px 12px;border:1px solid rgba(255,255,255,.3);border-radius:999px;font-size:12px;letter-spacing:.02em;color:rgba(255,255,255,.85)}

/* Marge après les sections plein écran */
.lp-stage+section,.lp-stage+.moon-projects{margin-top:0}

@media (max-width:900px){
  .lp-hero{min-height:calc(100svh - 64px)}
  .lp-hero h1{font-size:clamp(40px,11vw,58px)}
  .lp-hero-media:after{background:linear-gradient(0deg,rgba(0,0,0,.82) 0%,rgba(0,0,0,.45) 55%,rgba(0,0,0,.2) 100%)}
  .lp-hero-credit{top:auto;bottom:8px}
  .lp-hero-sectors{line-height:1.7;padding-bottom:30px}
  .lp-stage{min-height:0}
  .lp-stage-inner{grid-template-columns:1fr;gap:34px;padding:80px var(--gutter,20px) 70px}
  .lp-stage-bg:after{background:linear-gradient(0deg,rgba(0,0,0,.82),rgba(0,0,0,.6))}
  .lp-stage .editorial-row h3{font-size:26px}
}