/* Cadenas du Pacte : SVG léger, sans fichier image. */
.conditions .conditions-lead{margin-top:25px}
.pact-lock{width:clamp(133px,15.4vw,175px);max-width:100%;margin:clamp(28px,4vw,48px) 0 0 clamp(0px,4vw,55px);pointer-events:none;isolation:isolate}
.pact-lock__svg{display:block;width:100%;height:auto;overflow:visible;filter:drop-shadow(0 14px 13px #0008)}
.pact-lock__shackle{transform-box:view-box;transform-origin:207px 210px;transform:translateY(-9px) rotate(-26deg)}
.pact-lock__body{transform-box:view-box;transform-origin:260px 290px}
.pact-lock__flash,.pact-lock__sparks{opacity:0;transform-box:view-box;transform-origin:260px 211px}
.pact-lock.is-closing .pact-lock__shackle{animation:pact-lock-close 2.25s cubic-bezier(.25,.09,.25,1) forwards}
.pact-lock.is-closing .pact-lock__body{animation:pact-lock-impact 2.25s ease-out forwards}
.pact-lock.is-closing .pact-lock__flash{animation:pact-lock-flash 2.25s ease-out forwards}
.pact-lock.is-closing .pact-lock__sparks{animation:pact-lock-spark 2.25s ease-out forwards}
@keyframes pact-lock-close{0%,37%{transform:translateY(-9px) rotate(-26deg)}58%{transform:translateY(-1px) rotate(2deg)}65%{transform:translateY(0) rotate(-2deg)}73%,100%{transform:translateY(0) rotate(0)}}
@keyframes pact-lock-impact{0%,57%{transform:translateY(0) scale(1)}61%{transform:translateY(5px) scale(.987)}68%{transform:translateY(-2px) scale(1.009)}78%,100%{transform:translateY(0) scale(1)}}
@keyframes pact-lock-flash{0%,57%,83%,100%{opacity:0;transform:scale(.8)}63%{opacity:.9;transform:scale(1.07)}74%{opacity:.18;transform:scale(1.2)}}
@keyframes pact-lock-spark{0%,57%,78%,100%{opacity:0}64%{opacity:1}71%{opacity:.28}}
@media(max-width:700px){
  .conditions > div:first-child {
    --mobile-lock-size: clamp(66px, 19vw, 80px);
    display: grid;
    grid-template-columns: minmax(0, 1fr) var(--mobile-lock-size);
    grid-template-areas: "eyebrow eyebrow" "title lock" "lead lead";
    align-items: center;
    column-gap: 12px;
  }
  .conditions > div:first-child > .eyebrow { grid-area: eyebrow; }
  .conditions > div:first-child > h2 { grid-area: title; }
  .conditions > div:first-child > .conditions-lead {
    grid-area: lead;
    margin-top: 16px;
  }
  .conditions .pact-lock {
    grid-area: lock;
    width: var(--mobile-lock-size);
    margin: 0;
    justify-self: end;
    align-self: center;
  }
}
@media(prefers-reduced-motion:reduce){.pact-lock__shackle{transform:none!important}.pact-lock.is-closing .pact-lock__shackle,.pact-lock.is-closing .pact-lock__body,.pact-lock.is-closing .pact-lock__flash,.pact-lock.is-closing .pact-lock__sparks{animation:none!important}}
