/* Présentation mobile V6 : grandes cartes photo défilantes. */
.services-eyebrow,.services-intro,.service-tag,.service-discover,.service-progress,.service-project-link{display:none}

@media(max-width:1024px){
  .services{padding:30px 20px 26px;background:#0a0a0d}
  .services-eyebrow{display:block;color:#be8dea;font-size:11px;font-weight:500;line-height:1.4;letter-spacing:.14em;text-transform:uppercase;margin-bottom:9px}
  .services .section-heading{margin:0;display:block}
  .services .section-note{display:none}
  .services h2{font-family:'DM Sans',Arial,sans-serif;font-size:32px;font-weight:700;line-height:1.12;letter-spacing:-.035em}
  .services-intro{display:block;font-size:15px;line-height:1.6;color:#bdb7c5;margin:14px 0 20px;max-width:620px}
  .service-viewport{width:calc(100% + 40px);min-width:0;margin-inline:-20px;padding-inline:20px;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-inline-start:20px;scrollbar-width:none;-webkit-overflow-scrolling:touch}
  .service-viewport::-webkit-scrollbar{display:none}
  .service-grid{display:flex;flex-flow:row nowrap;align-items:stretch;gap:14px;width:max-content;padding:10px 20px 18px 0}
  .service-card{display:flex;flex-direction:column;justify-content:flex-end;position:relative;isolation:isolate;flex:0 0 calc((100vw - 68px)/2.2);width:calc((100vw - 68px)/2.2);min-height:400px;border:0;border-radius:13px;overflow:hidden;background:#121215;box-shadow:none;text-align:left;scroll-snap-align:start;scroll-snap-stop:normal}
  .service-card:hover,.service-card:focus-visible{background:#121215;transform:none;box-shadow:none}
  .service-card:focus-visible{outline:3px solid #d5a8f2;outline-offset:-4px}
  .service-image{position:absolute;inset:0;z-index:-1;aspect-ratio:auto;border:0;border-radius:0}
  .service-image img{display:block;width:100%;height:100%;object-fit:cover;object-position:center;filter:none}
  .service-card:hover .service-image img{transform:none;filter:none}
  .service-tag{display:block;position:absolute;top:15px;left:15px;right:auto;max-width:calc(100% - 30px);font-size:11px;font-weight:600;line-height:1.4;letter-spacing:.025em;color:#fff;padding:5px 8px;background:#0808099e;border:1px solid #ffffff24;border-radius:4px}
  .service-caption{position:relative;display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start;flex:none;gap:7px;min-height:0;padding:64px 22px 22px;text-align:left;background:linear-gradient(to top,rgba(6,6,7,.96),rgba(6,6,7,.79) 50%,rgba(6,6,7,0))}
  .service-caption h3{font-size:20px;font-weight:700;line-height:1.16;letter-spacing:-.02em;text-align:left;white-space:normal;color:#fff}
  .service-caption p{display:block;font-size:15px;font-weight:400;line-height:1.5;color:#d0cbd4;margin:0;min-height:45px}
  .service-discover{display:flex;align-items:center;justify-content:flex-start;gap:5px;font-size:15px;font-weight:700;line-height:1.5;color:#cf9ef1}
  .service-discover .icon{width:15px;height:15px;margin:0;stroke-width:1.8;color:inherit}
  .service-controls{display:none}
  .service-progress{display:block;height:3px;background:#302b35;border-radius:2px;margin:6px 0 0;overflow:hidden}
  .service-progress span{display:block;width:20%;height:100%;background:#b880df;border-radius:2px;transform-origin:left center}
  .service-project-link{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;min-height:48px;padding:13px 15px;margin-top:30px;border:1px solid #b883d5;border-radius:8px;background:#724392;color:#f8f2fd;font-size:14px;font-weight:600;line-height:1.5;text-align:center}
  .service-project-link .icon{width:16px;height:16px}
}
@media(max-width:480px){
  .service-card{flex-basis:clamp(250px,80vw,340px);width:clamp(250px,80vw,340px);min-height:380px}
}
@media(max-width:360px){.services h2{font-size:29px}}