/* Carrousel « Nos réalisations » (accueil). Photos : outils/photos-realisations.ps1 */
.works-head{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:20px}
.works-head .sectionhead{margin:0}
.works-note{margin:8px 0 0;font-size:13px;color:#c9bccd}
.works-nav{display:flex;align-items:center;gap:8px;flex:none}
.works-nav button{width:44px;height:44px;border-radius:50%;border:1px solid #ff0a7859;background:#3a2140;color:#fff;font-size:18px;line-height:1;cursor:pointer;display:grid;place-items:center;transition:background .2s,opacity .2s,transform .2s}
.works-nav button:hover:not(:disabled){background:#c4005f;transform:translateY(-1px)}
.works-nav button:disabled{opacity:.35;cursor:default}
.works-count{min-width:54px;text-align:center;font-size:13px;font-weight:700;color:#e9dfec;font-variant-numeric:tabular-nums}

.works-track{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 48px)/4);gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;overscroll-behavior-x:contain;scrollbar-width:none;padding:4px 2px 6px;outline:none}
.works-track::-webkit-scrollbar{display:none}
.works-track:focus-visible{box-shadow:0 0 0 2px #ff0a78;border-radius:18px}
.work{position:relative;margin:0;aspect-ratio:4/5;border-radius:18px;overflow:hidden;scroll-snap-align:start;background:#1a0f1f;border:1px solid #ffffff17;box-shadow:0 14px 30px #00000059}
.work img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .6s ease}
.work:hover img{transform:scale(1.04)}
.work .num{position:absolute;top:12px;left:12px;padding:6px 10px;border-radius:999px;background:#0b070dcc;border:1px solid #ff0a7873;color:#fff;font:800 italic 14px/1 'Barlow Condensed',Arial,sans-serif;letter-spacing:.06em;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
.work figcaption{position:absolute;left:0;right:0;bottom:0;padding:70px 16px 16px;background:linear-gradient(180deg,#0b070d00 0%,#0b070dcc 42%,#0b070df5 100%)}
.work h3{margin:0 0 9px;color:#fff;font-size:16px;line-height:1.2;text-transform:uppercase;letter-spacing:.01em}
.work .tags{display:flex;flex-wrap:wrap;gap:6px}
.work .tags span{padding:5px 9px;border-radius:999px;background:#c4005f;color:#fff;font-size:11.5px;font-weight:700;line-height:1.1}
.work .tags span+span{background:#ffffff1f;border:1px solid #ffffff38}

@media(max-width:1099px){.works-track{grid-auto-columns:calc((100% - 32px)/2.6)}}
@media(max-width:599px){
  .works-head{align-items:flex-end}
  .works-nav button{width:40px;height:40px;font-size:16px}
  .works-count{display:none}
  .works-track{grid-auto-columns:76%;gap:12px;margin:0 -18px;padding:4px 18px 8px;scroll-padding-left:18px}
  .work h3{font-size:15px}
}
@media(prefers-reduced-motion:reduce){.works-track{scroll-behavior:auto}.work img{transition:none}}

/* Thème clair : les légendes restent sur fond sombre (photo) */
html[data-theme=light] .works-note{color:#5b5560}
html[data-theme=light] .works-nav button{background:#fff;color:#1b1c20;border-color:#ead9e2;box-shadow:0 4px 14px #6b2a4514}
html[data-theme=light] .works-nav button:hover:not(:disabled){background:#c4005f;color:#fff;border-color:#c4005f}
html[data-theme=light] .works-count{color:#3a3340}
html[data-theme=light] .work{border-color:#ead9e2;box-shadow:0 14px 30px #3a1f2c26}