/* V4 : photographies de mise en situation, maquette du site à la demande, système de la V2 */
html{scrollbar-gutter:stable}
.prints4{background:#f3f0f6;padding:clamp(100px,12vw,190px) 0 clamp(60px,8vw,120px)}
.prints4 .spec-k{color:var(--muted)}
.ph-wide,.ph-detail{margin:0}
.ph-wide img,.ph-detail img{display:block;width:100%;height:auto;border-radius:3px;background:#e7e3ea}
.ph-wide figcaption,.ph-detail figcaption{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-top:12px;font-size:11px!important;color:var(--muted)}
.ph-detail{margin-top:clamp(24px,3vw,40px);display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:24px}
.ph-detail img,.ph-detail figcaption{grid-column:6/13}
.objects .ph-wide{margin-top:clamp(16px,2vw,28px)}
.web3 .ph-wide{margin-top:0}
.site-more{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:24px;row-gap:48px;margin-top:clamp(40px,5vw,72px)}
.open-site{grid-column:1/6}
.kit2{grid-column:8/13}
.open-site .note,.kit2 .note{font-size:11px!important;margin-top:14px;max-width:34em}
.btn-site{display:inline-flex;align-items:center;gap:10px;padding:14px 22px;border-radius:999px;border:1px solid #3b1c82;background:#3b1c82;color:#fff;font-size:12px!important;letter-spacing:.04em;cursor:pointer;transition:background .25s,color .25s}
.btn-site:hover{background:transparent;color:#3b1c82}
.btn-site:focus-visible,.dlg-bar button:focus-visible{outline:2px solid #ed3491;outline-offset:3px}
.site-dlg{width:min(96vw,1480px);height:min(92dvh,1000px);max-width:none;max-height:none;padding:0;border:0;border-radius:10px;background:#130026;overflow:hidden;box-shadow:0 40px 120px -20px rgba(19,0,38,.6)}
.site-dlg::backdrop{background:rgba(12,4,24,.72)}
.site-dlg[open]{display:flex;flex-direction:column}
.dlg-bar{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:10px 12px 10px 18px;color:#fff}
.dlg-bar p{margin:0;font-size:11px!important;opacity:.8}
.dlg-bar button{background:none;border:1px solid rgba(255,255,255,.3);color:#fff;border-radius:999px;padding:8px 14px;font-size:11px!important;cursor:pointer}
.site-dlg iframe{flex:1;width:100%;border:0;background:#fff;display:block}
html.dlg-open{overflow:hidden}
@media (max-width:860px){
  .open-site,.kit2{grid-column:1/13}
  .ph-detail img,.ph-detail figcaption{grid-column:1/13}
}
@media (max-width:560px){
  .site-dlg{width:100vw;height:100dvh;border-radius:0}
}