.realisations-heading{margin-bottom:31px}
.gallery-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid #c3c3c0;padding:18px 0 32px}
.gallery-filters{display:flex;flex-wrap:wrap;gap:8px}
.gallery-filters button{appearance:none;border:1px solid transparent;background:transparent;color:#585750;font:inherit;font-size:13px;line-height:1.3;cursor:pointer;padding:9px 14px;transition:background .18s,border-color .18s,color .18s}
@media (hover:hover) and (pointer:fine){.gallery-filters button:hover{border-color:#aba398;color:#282826}}
.gallery-filters button[aria-pressed="true"]{background:#41413e;border-color:#41413e;color:#fff}@media (hover:hover) and (pointer:fine){.gallery-filters button[aria-pressed="true"]:hover{background:#41413e;border-color:#41413e;color:#fff}}
.gallery-filters button:focus-visible{outline:2px solid #282826;outline-offset:3px}
.gallery-count{font-size:12px;color:#696760;white-space:nowrap}
.realisation-card[hidden]{display:none}
.realisation-grid.is-filtered .realisation-card:nth-child(even){padding-top:0}
.realisations-page .realisations{padding:65px 4.6% 85px}
.realisations-heading h1{font:400 clamp(36px,3.6vw,58px)/1.2 var(--sans);letter-spacing:-.04em;margin:0}
@media(max-width:760px){.realisations-page .realisations{padding:40px 7% 60px}.realisations-heading h1{font-size:34px}}
@media(max-width:760px){.realisations-heading{margin-bottom:27px}.gallery-toolbar{align-items:flex-start;flex-direction:column;gap:11px;padding:15px 0 25px}.gallery-filters{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;width:100%}.gallery-filters button{font-size:13px;padding:11px 10px;min-height:44px;text-align:center;border-color:#c8c8c5}.gallery-count{padding-left:2px}}
@media(prefers-reduced-motion:reduce){.gallery-filters button{transition:none}}

/* Client project stories. Keep every photograph uncropped. */
#realisation-dialog.is-editorial{width:min(1320px,calc(100% - 48px));max-height:90svh;background:#f5f2ec;color:#282826;overflow-x:hidden}
#realisation-dialog.is-editorial[open]{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(350px,.9fr);align-items:start}
#realisation-dialog.is-editorial .dialog-close{top:13px;right:13px;background:#f5f2ec;border:1px solid #d2d2cf;width:42px;height:42px;cursor:pointer}
.realisation-media{min-width:0;background:#252623;color:#f5f2ec;padding:18px 18px 20px;position:sticky;top:0;align-self:start}
.realisation-main-photo{margin:0}
.realisation-photo-frame{height:clamp(280px,calc(90svh - 250px),690px);display:flex;align-items:center;justify-content:center;overflow:hidden;background:#1e1f1d}
#realisation-dialog.is-editorial #realisation-image{display:block;width:100%;height:100%;min-height:0;max-height:none;object-fit:contain;background:transparent}
.realisation-photo-description{font-size:12px;line-height:1.6;color:#d2d1c9;padding:12px 1px 0;min-height:44px}
.realisation-controls{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:15px;margin-top:10px;padding-top:13px;border-top:1px solid #ffffff26}
.realisation-controls button{border:0;background:none;color:#f5f2ec;font:inherit;font-size:12px;cursor:pointer;padding:7px 0;min-height:36px;text-align:left;text-underline-offset:5px}
.realisation-controls button:last-child{text-align:right}
@media (hover:hover) and (pointer:fine){.realisation-controls button:hover{text-decoration:underline}}
.realisation-controls button[hidden]{display:none}
.realisation-controls.is-single{display:flex;justify-content:flex-end}
.realisation-counter{font-size:12px;letter-spacing:.08em;font-variant-numeric:tabular-nums;color:#d8d7d0;white-space:nowrap}
#realisation-dialog.is-editorial #realisation-views{gap:10px;padding:15px 0 0;flex-wrap:wrap}
#realisation-dialog.is-editorial #realisation-views button{display:flex;flex-direction:column;gap:5px;padding:4px;border:1px solid #ffffff26;border-radius:0;background:transparent;color:#d2d1c9;min-width:74px;font-size:12px;cursor:pointer;transition:border-color .18s,color .18s}
@media (hover:hover) and (pointer:fine){#realisation-dialog.is-editorial #realisation-views button:hover{border-color:#d2d1c9}}
#realisation-dialog.is-editorial #realisation-views button[aria-pressed=true]{border-color:#f5f2ec;background:#ffffff0d;color:#fff}
#realisation-dialog.is-editorial #realisation-views img{width:80px;height:56px;object-fit:cover}
.realisation-story{min-width:0;padding:58px 38px 32px}
.realisation-category{font-size:12px;line-height:1.7;font-weight:600;letter-spacing:.08em;color:#686862;margin:0 0 18px}
#realisation-dialog.is-editorial #realisation-title{font:400 clamp(29px,2.75vw,41px)/1.14 var(--sans);letter-spacing:-.04em;margin:0 0 29px;text-wrap:balance}
.realisation-story-section{border-top:1px solid #d2d2cf;padding:20px 0 0;margin:0 0 22px}
.realisation-story-section h3{font:600 12px/1.5 var(--sans);margin:0 0 11px;color:#343530}
.realisation-story-section p{font-size:13px;line-height:1.85;color:#61615b;margin:0}
.realisation-detail-list{list-style:none;margin:0;padding:0;display:grid;gap:9px}
.realisation-detail-list li{position:relative;padding-left:15px;font-size:12px;line-height:1.7;color:#61615b}
.realisation-detail-list li::before{content:'';position:absolute;top:.7em;left:0;width:5px;height:1px;background:#777970}
#realisation-dialog.is-editorial .realisation-project-link{display:flex;align-items:center;justify-content:center;width:100%;min-height:52px;padding:14px 16px;margin:6px 0 0;border:1px solid #4b4d49;border-radius:2px;background:#4b4d49;color:#fff;font-size:13px;font-weight:500;text-align:center;text-decoration:none;transition:background .18s,border-color .18s}
@media (hover:hover) and (pointer:fine){#realisation-dialog.is-editorial .realisation-project-link:hover{background:#353733;border-color:#353733}}
.realisation-credit{font-size:11px;line-height:1.6;color:#77786e;margin:16px 0 0;text-align:center}
#realisation-dialog.is-editorial :is(button,a):focus-visible{outline:2px solid #292b26;outline-offset:4px}
#realisation-dialog.is-editorial .realisation-media button:focus-visible{outline-color:#f5f2ec}
@media(max-width:1000px){
  #realisation-dialog.is-editorial{width:calc(100% - 32px)}
  #realisation-dialog.is-editorial[open]{grid-template-columns:minmax(0,1fr) minmax(310px,.85fr)}
  .realisation-story{padding:60px 26px 28px}
  #realisation-dialog.is-editorial #realisation-title{font-size:31px}
  .realisation-media{padding:12px 12px 18px}
}
@media(max-width:760px){
  #realisation-dialog.is-editorial{width:calc(100% - 24px);max-height:92svh}
  #realisation-dialog.is-editorial[open]{display:block}
  #realisation-dialog.is-editorial .dialog-close{position:sticky;display:block;top:10px;margin:10px 10px -52px auto;right:auto;z-index:3;background:#f5f2ecf5}
  .realisation-media{position:static;padding:10px 10px 18px}
  .realisation-photo-frame{height:clamp(260px,45svh,470px)}
  .realisation-photo-description{font-size:12px;min-height:0;padding-top:11px}
  .realisation-controls{margin-top:12px;padding-top:8px}
  .realisation-controls button{min-height:40px}
  #realisation-dialog.is-editorial #realisation-views{padding-top:12px;gap:8px}
  #realisation-dialog.is-editorial #realisation-views img{width:70px;height:48px}
  .realisation-story{padding:30px 25px 28px}
  .realisation-category{font-size:12px;margin-bottom:14px}
  #realisation-dialog.is-editorial #realisation-title{font-size:31px;margin-bottom:25px}
  .realisation-story-section{padding-top:18px;margin-bottom:20px}
  .realisation-story-section p{font-size:13px}
  .realisation-detail-list li{font-size:12px}
}
@media(prefers-reduced-motion:reduce){#realisation-dialog.is-editorial #realisation-views button,#realisation-dialog.is-editorial .realisation-project-link{transition:none}}
/* Flèches posées sur une photo (carrousel de l'accueil, fiche réalisation) : le chevron seul, sans rond.
   L'ombre portée le garde lisible sur une photo claire comme sur une photo sombre. */
/* Un double-clic rapide sur une flèche ne doit pas sélectionner la photo (voile bleu). */
.realisation-photo-frame,.home-page .realisation-carousel-stage,.photo-arrow{-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}
.realisation-photo-frame{position:relative}
.photo-arrow{position:absolute;z-index:2;top:50%;display:grid;place-items:center;width:56px;height:56px;margin-top:-28px;padding:0;border:0;background:none;color:#fff;cursor:pointer;filter:drop-shadow(0 1px 2px #000000b3) drop-shadow(0 0 10px #00000066);transition:transform .18s}
.photo-arrow[hidden]{display:none}
.photo-arrow-prev{left:8px}
.photo-arrow-next{right:8px}
.photo-arrow svg{width:34px;height:34px}
@media (hover:hover) and (pointer:fine){.photo-arrow:hover{transform:scale(1.12)}}
.photo-arrow:active{transform:scale(.92)}
.photo-arrow:focus-visible{outline:2px solid #fff;outline-offset:-6px}
@media(max-width:760px){.photo-arrow{width:48px;height:48px;margin-top:-24px}.photo-arrow-prev{left:2px}.photo-arrow-next{right:2px}.photo-arrow svg{width:28px;height:28px}}
@media(prefers-reduced-motion:reduce){.photo-arrow{transition:none}.photo-arrow:active{transform:none}}