/* Moon Above — accueil : expertises en grandes cartes photo (17/10/2026).
   Même principe sur ordinateur et sur mobile : une photo par expertise, titre et texte en blanc.
   Ordinateur : six cartes de dimensions identiques en 2 colonnes. Mobile : une colonne. */
body{overflow-x:clip}
.service-stage{position:relative;width:100vw;margin:clamp(48px,6vw,84px) 0 0 calc(50% - 50vw);background:#fff;color:#fff}
.service-bg,.service-kicker{display:none}
.service-stage-inner{padding:0}
.service-list{display:grid;grid-template-columns:1fr 1fr;gap:3px}
.service-row{position:relative;display:flex;flex-direction:column;justify-content:flex-end;min-height:min(64vh,620px);padding:clamp(28px,3.4vw,52px) var(--gutter,24px);overflow:hidden;isolation:isolate;color:#fff;text-decoration:none}
.service-thumb{position:absolute;inset:0;z-index:-1;overflow:hidden;background:#111}
.service-thumb img{display:block;width:100%;height:100%;object-fit:cover;transition:transform 1.2s cubic-bezier(.2,.6,.2,1)}
.service-thumb:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.8) 0%,rgba(0,0,0,.4) 45%,rgba(0,0,0,.08) 80%)}
.service-num{padding:0 0 14px;font-size:11px;letter-spacing:.14em;color:rgba(255,255,255,.72)}
.service-row h3{margin:0;max-width:900px;padding-right:56px;font-size:clamp(30px,3.2vw,54px);font-weight:400;line-height:1;letter-spacing:-.05em;color:#fff}
.service-row p{margin:14px 0 0;max-width:560px;font-size:16px;line-height:1.45;color:rgba(255,255,255,.85)}
.service-go{position:absolute;right:var(--gutter,24px);bottom:clamp(30px,3.6vw,56px);font-size:28px;opacity:.75;transition:opacity .4s,transform .6s cubic-bezier(.2,.6,.2,1)}
.service-row:hover .service-thumb img,.service-row:focus-visible .service-thumb img{transform:scale(1.04)}
.service-row:hover .service-go,.service-row:focus-visible .service-go{opacity:1;transform:translate(4px,-4px)}
@media (max-width:900px){
  .service-stage{margin-top:40px}
  .service-list{grid-template-columns:1fr}
  .service-row{grid-column:auto;min-height:min(74vh,560px);padding:28px var(--gutter,20px) 30px}
  .service-row h3{padding-right:0;font-size:clamp(30px,9vw,42px)}
  .service-row p{font-size:15px;margin-top:12px}
  .service-go{display:none}
}
@media (prefers-reduced-motion:reduce){.service-thumb img,.service-go{transition:none}}