.workshop-gallery{isolation:isolate;color:#fff;background:#121413;border-radius:32px;min-width:0;padding:32px 40px 28px;position:relative;overflow:hidden;box-shadow:0 24px 60px #1112}.wg-atelier,.wg-shade{pointer-events:none;z-index:-2;position:absolute;inset:0}.wg-atelier{opacity:1;background:url(/galerie-fond-atelier-mongarage.webp) 50%/cover}.wg-shade{z-index:-1;background:linear-gradient(#0b0d0d25,#0000 42%,#0b0d0df2)}.wg-top{justify-content:space-between;align-items:center;gap:20px;display:flex;position:relative}.wg-location{letter-spacing:.13em;align-items:center;gap:12px;font-size:11px;font-weight:600;display:flex}.wg-location svg{color:#ff782d;flex-shrink:0}.wg-location small{letter-spacing:.18em;color:#b9bdbb;margin-top:6px;font-size:8px;font-weight:400;display:block}.wg-counter{font-variant-numeric:tabular-nums;align-items:baseline;gap:12px;font-size:19px;display:flex}.wg-counter b{letter-spacing:-.06em;font-size:32px;font-weight:400}.wg-counter>span{color:#a3aaa6;font-size:13px}.wg-stage{touch-action:pan-y;place-items:center;min-width:0;margin:26px 0 0;display:grid;position:relative}.wg-photo-stack{width:min(100%,520px);max-width:100%;height:430px;position:relative}.wg-photo{cursor:zoom-in;opacity:0;pointer-events:none;background:0 0;border:0;border-radius:18px;justify-content:center;align-items:center;min-width:0;padding:0;transition:opacity .6s,transform .7s cubic-bezier(.2,.65,.25,1);display:flex;position:absolute;inset:0;transform:translate(32px)scale(.96)}.wg-photo.is-active{opacity:1;pointer-events:auto;transform:translate(0)scale(1)}.wg-photo>img{object-fit:contain;filter:drop-shadow(0 14px 24px #0008);border-radius:18px;width:100%;height:100%;display:block}.wg-expand{color:#fff;background:#101312d9;border:1px solid #ffffff35;border-radius:30px;align-items:center;gap:8px;padding:11px 14px;font-size:10px;display:flex;position:absolute;bottom:12px;right:12px}.wg-side-note{writing-mode:vertical-rl;letter-spacing:.22em;color:#bdc2bf;font-size:8px;position:absolute;top:50%;left:0;transform:translateY(-50%)rotate(180deg)}.wg-stage-index{letter-spacing:.12em;color:#c7cdca;font-size:10px;line-height:1.6;position:absolute;bottom:40px;right:0}.wg-stage-index em{color:#ff873d;font-style:normal;font-weight:600}.wg-caption{text-align:center;max-width:640px;min-height:96px;margin:22px auto 0;position:relative}.wg-caption h3{letter-spacing:-.04em;overflow-wrap:anywhere;margin:0;font-size:clamp(22px,2.8vw,36px);font-weight:500;line-height:1.2;animation:.6s both wg-caption-in}.wg-caption p{color:#c4cbc6;overflow-wrap:anywhere;margin:10px 0 0;font-size:12px;line-height:1.7}.wg-bottom{justify-content:space-between;align-items:center;gap:24px;margin-top:16px;display:flex;position:relative}.wg-arrows{flex-shrink:0;gap:8px;display:flex}.workshop-gallery .wg-arrows button,.wg-play{color:#fff;cursor:pointer;background:#161c19b8;border:1px solid #ffffff40;border-radius:50%;flex-shrink:0;place-items:center;width:44px;height:44px;padding:0;transition:background .2s,border-color .2s;display:grid}.workshop-gallery .wg-arrows button:hover,.wg-play:hover{color:#0c0e0d;background:#ff7426;border-color:#ff7426}.workshop-gallery button:focus-visible{outline-offset:4px;outline:2px solid #ff9d64}.workshop-gallery button:disabled{opacity:.35;cursor:default}.wg-dots{flex-wrap:wrap;justify-content:center;gap:4px;min-width:0;max-width:55%;display:flex}.wg-dots button{cursor:pointer;background:0 0;border:0;width:22px;height:36px;padding:0;position:relative;overflow:hidden}.wg-dots button:before,.wg-dots button>span{content:"";background:#8b969375;border-radius:5px;height:3px;position:absolute;top:16px;left:5px;right:5px}.wg-dots button.is-active:before{background:#ff772b55}.wg-dots button.is-active>span{transform-origin:0;background:#ff873d;animation:2s linear both wg-progress}.wg-hint{letter-spacing:.02em;color:#c4ccc6;margin:20px 0 0;font-size:10px;line-height:1.7;position:relative}.wg-hint span{color:#89948d;margin-left:6px}.wg-floor-mark{opacity:.65;pointer-events:none;background:repeating-linear-gradient(125deg,#ff782d 0 9px,#0000 9px 19px);width:160px;height:5px;position:absolute;bottom:0;right:0}.wg-empty{text-align:center;color:#c4cbc6;flex-direction:column;justify-content:center;align-items:center;gap:20px;min-height:300px;font-size:14px;display:flex}.wg-empty svg{color:#ff873d}.wg-dialog{color:#fff;overscroll-behavior:contain;background:#141916;border:1px solid #ffffff35;border-radius:22px;width:min(1100px,94vw);max-width:94vw;max-height:94dvh;margin:auto;padding:20px;position:fixed;inset:0}.wg-dialog::backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#050806ed}.wg-dialog>img{object-fit:contain;width:100%;height:min(68dvh,750px);display:block}.wg-dialog-close{z-index:2;color:#fff;cursor:pointer;background:#101713e6;border:1px solid #fff5;border-radius:50%;place-items:center;width:44px;height:44px;display:grid;position:absolute;top:12px;right:12px}.wg-dialog-caption{justify-content:space-between;align-items:center;gap:20px;margin-top:16px;display:flex}.wg-dialog-caption>div:first-child{min-width:0}.wg-dialog-caption h3{overflow-wrap:anywhere;color:#fff;margin:0;font-size:20px}.wg-dialog-caption p{color:#bac5bd;overflow-wrap:anywhere;margin:6px 0 0;font-size:12px}@keyframes wg-caption-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes wg-progress{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@media (min-width:1450px){.wg-photo-stack{height:480px}}@media (max-width:950px){.workshop-gallery{padding:26px}.wg-stage-index{display:none}.wg-photo-stack{width:min(100% - 50px,520px);height:420px}.wg-caption{min-height:90px}}@media (max-width:600px){.workshop-gallery{border-radius:24px;padding:22px 18px}.wg-top{gap:12px}.wg-location{gap:9px;font-size:9px}.wg-location small{font-size:7px}.wg-counter b{font-size:26px}.wg-counter{gap:8px}.wg-counter>span{font-size:11px}.wg-stage{margin-top:26px}.wg-photo-stack{width:100%;height:330px}.wg-side-note{display:none}.wg-caption{min-height:100px;margin-top:20px}.wg-caption h3{font-size:25px}.wg-caption p{font-size:11px;line-height:1.6}.wg-bottom{gap:8px;margin-top:8px}.wg-arrows{gap:6px}.wg-dots{gap:0;max-width:calc(100% - 154px)}.wg-dots button{width:16px;min-height:44px}.wg-dots button:before,.wg-dots button>span{top:21px;left:4px;right:4px}.wg-hint{font-size:9px}.wg-hint span{margin:4px 0 0;display:block}.wg-dialog{border-radius:16px;padding:12px}.wg-dialog>img{height:60dvh}.wg-dialog-caption{flex-wrap:wrap}.wg-dialog-caption h3{font-size:17px}}@media (max-width:360px){.workshop-gallery{padding:20px 14px}.wg-photo-stack{height:280px}.wg-caption h3{font-size:22px}.wg-location{letter-spacing:.04em}.wg-dots button{width:13px}}@media (prefers-reduced-motion:reduce){.workshop-gallery *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}@media (max-width:600px){.wg-atelier{background-position:0}}
