/* Atelier visuel Pot-Bouille — quatre passes, 2026-08-30 */
.pb-visual-workshop{width:min(1180px,calc(100% - 32px));margin:clamp(1.3rem,4vw,3.5rem) auto;padding:clamp(1rem,2.8vw,2rem);background:#13242d;color:#fff;box-shadow:0 18px 48px #0f202b26;border-top:9px solid #c99a38}
.pb-visual-workshop__eyebrow{margin:0 0 1rem;color:#efd99e;font:900 .76rem/1.3 Arial,sans-serif;letter-spacing:.15em;text-transform:uppercase}
.pb-visual-workshop__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(.7rem,2vw,1.3rem)}
.pb-atelier-drawing{margin:1.5rem 0;background:#fffdf7;color:#14212b;border:1px solid #bdc8c7;box-shadow:0 12px 30px #14212b18;overflow:hidden}
.pb-visual-workshop .pb-atelier-drawing{margin:0;background:#f8f2e6}
.pb-atelier-drawing--panorama{width:min(1180px,calc(100% - 32px));margin:1.5rem auto 2.5rem;border-top:7px solid #a8442b}
.pb-atelier-drawing--slide{position:relative;max-width:960px;margin:1rem 0 1.7rem;border-top:6px solid #c99a38;transform-origin:50% 50%}
.pb-atelier-drawing--slide:before{content:'';position:absolute;z-index:2;left:0;bottom:0;width:6px;height:var(--pb-step-ratio,10%);background:linear-gradient(#c99a38,#a8442b);pointer-events:none}
.pb-slide--current[data-pb-tempo="installation"] .pb-atelier-drawing--slide{animation:pb-tempo-installation .58s cubic-bezier(.2,.75,.2,1) both}
.pb-slide--current[data-pb-tempo="accumulation"] .pb-atelier-drawing--slide{animation:pb-tempo-accumulation .72s cubic-bezier(.25,.7,.15,1) both}
.pb-slide--current[data-pb-tempo="resserrement"] .pb-atelier-drawing--slide{animation:pb-tempo-resserrement .62s cubic-bezier(.45,0,.2,1) both}
.pb-slide--current[data-pb-tempo="friction"] .pb-atelier-drawing--slide{animation:pb-tempo-friction .48s cubic-bezier(.45,0,.25,1) both}
.pb-slide--current[data-pb-tempo="revelation"] .pb-atelier-drawing--slide{animation:pb-tempo-revelation .3s ease-out both}
.pb-slide--current[data-pb-tempo="recomposition"] .pb-atelier-drawing--slide{animation:pb-tempo-recomposition .68s cubic-bezier(.2,.75,.2,1) both}
.pb-atelier-drawing--compact figcaption{font-size:.75rem}
.pb-visual-canvas{display:block;width:100%;height:auto;aspect-ratio:16/7;background:#f8f2e6}
.pb-atelier-drawing figcaption{margin:0;padding:.7rem .9rem;border-top:1px solid #d8cec0;color:#44545a;background:#fffdf7;font:800 .78rem/1.35 Arial,sans-serif;letter-spacing:.035em;text-transform:uppercase}
.pb-sound-toggle{min-height:44px;margin:-12px 0 20px;padding:10px 14px;border:1px solid #1d5668;background:#fffdf7;color:#1d5668;font:800 13px/1.3 Arial,sans-serif;cursor:pointer}
.pb-sound-toggle:hover,.pb-sound-toggle:focus-visible{background:#1d5668;color:#fff}.pb-sound-toggle[aria-pressed="false"]{border-color:#8b908f;color:#586266;background:#f3f1eb}
.pb-sound-design{display:flex;align-items:center;gap:.8rem;margin:-.25rem 0 1rem;padding:.65rem .75rem;border-left:5px solid #c99a38;background:#efe8d9;font:800 .76rem/1.35 Arial,sans-serif}
.pb-sound-design__toggle{min-height:42px;padding:.55rem .75rem;border:1px solid #1d5668;background:#fffdf7;color:#1d5668;font:inherit;cursor:pointer}.pb-sound-design__toggle:hover,.pb-sound-design__toggle:focus-visible{background:#1d5668;color:#fff}.pb-sound-design__toggle[aria-pressed="false"]{border-color:#8b908f;color:#586266;background:#f3f1eb}
.pb-sound-design__status{color:#4a585b;font-weight:700}
@keyframes pb-tempo-installation{from{opacity:.12;transform:translateY(18px)}to{opacity:1;transform:none}}
@keyframes pb-tempo-accumulation{from{opacity:.4;clip-path:inset(0 100% 0 0)}to{opacity:1;clip-path:inset(0)}}
@keyframes pb-tempo-resserrement{from{opacity:.55;transform:scale(.965);clip-path:inset(0 8%)}to{opacity:1;transform:none;clip-path:inset(0)}}
@keyframes pb-tempo-friction{0%{opacity:.55;transform:translateX(-7px)}38%{transform:translateX(4px)}68%{transform:translateX(-2px)}100%{opacity:1;transform:none}}
@keyframes pb-tempo-revelation{from{opacity:.08;filter:contrast(1.45)}to{opacity:1;filter:none}}
@keyframes pb-tempo-recomposition{from{opacity:.28;transform:scale(.982)}to{opacity:1;transform:none}}
@media(max-width:900px){.pb-visual-workshop__grid{grid-template-columns:1fr}.pb-visual-workshop .pb-atelier-drawing{max-width:680px;width:100%;margin-inline:auto}}
@media(max-width:540px){.pb-visual-workshop{width:calc(100% - 20px);padding:.7rem}.pb-atelier-drawing--panorama{width:calc(100% - 20px)}.pb-atelier-drawing figcaption{font-size:.68rem}.pb-slide .pb-atelier-drawing{margin-inline:-.35rem}.pb-sound-design{align-items:stretch;flex-direction:column}.pb-sound-design__toggle{width:100%}}
@media(prefers-reduced-motion:reduce){.pb-slide--current .pb-atelier-drawing--slide{animation:none!important;clip-path:none!important;filter:none!important;transform:none!important}.pb-atelier-drawing--slide:before{transition:none}}
@media print{.pb-visual-workshop{background:#fff;color:#14212b;box-shadow:none;break-inside:avoid}.pb-atelier-drawing{box-shadow:none;break-inside:avoid}.pb-atelier-drawing--slide{animation:none}}