.sonoris-cta[id] { scroll-margin-top:32px; }
.sonoris-cta { width:100%; max-width:1180px; margin:48px auto; container-type:inline-size; }
.sonoris-cta .sonoris-cta__card { position:relative; aspect-ratio:2146 / 733; background:url('/trouver-mon-violon/trouver-mon-violon.webp') center / 100% 100% no-repeat; color:#39271e; }
.sonoris-cta .sonoris-cta__context { position:absolute; left:17%; top:18%; width:40%; height:38%; box-sizing:border-box; padding:2px 8px; background:#FBF8F3; display:flex; flex-direction:column; justify-content:center; text-align:center; }
.sonoris-cta .sonoris-cta__title { margin:0 0 6px; padding:0; font:normal clamp(22px,2.4cqi,29px)/1.15 Georgia,serif; color:#39271e; text-transform:none; letter-spacing:normal; text-align:inherit; }
.sonoris-cta .sonoris-cta__text { margin:0; padding:0; font:normal clamp(14px,1.5cqi,17px)/1.4 Arial,sans-serif; color:#554b44; }
.sonoris-cta .sonoris-cta__link { position:absolute; left:20.05%; top:57%; width:33.45%; height:10.5%; box-sizing:border-box; border-radius:6px; display:flex; align-items:center; justify-content:center; padding:3px 8px; color:#fff; background:transparent; text-align:center; text-decoration:none; font:normal clamp(13px,1.4cqi,16px)/1.2 Arial,sans-serif; }
.sonoris-cta .sonoris-cta__link:hover { text-decoration:underline; color:#fff; }
.sonoris-cta .sonoris-cta__link:focus-visible { outline:3px solid #53212a; outline-offset:4px; }
/* Raster text remains visible on desktop; its HTML equivalent is exposed once to AT. */
.sonoris-cta .sonoris-cta__identity,
.sonoris-cta .sonoris-cta__reassurance { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; }
@container (max-width:950px) {
  .sonoris-cta .sonoris-cta__card { aspect-ratio:auto; padding:24px; border:1px solid #bb8b52; border-radius:10px; background:#FBF8F3; overflow:hidden; }
  .sonoris-cta .sonoris-cta__identity { position:relative; width:auto; height:auto; margin:0 0 16px; clip-path:none; white-space:normal; color:#875526; font:700 11px/1.5 Arial,sans-serif; letter-spacing:.1em; max-width:280px; text-transform:uppercase; }
  .sonoris-cta .sonoris-cta__context { position:relative; left:auto; top:auto; width:100%; height:auto; padding:0; text-align:left; background:transparent; }
  .sonoris-cta .sonoris-cta__title { font-size:26px; margin-bottom:12px; }
  .sonoris-cta .sonoris-cta__text { font-size:16px; line-height:1.5; }
  .sonoris-cta .sonoris-cta__link { position:relative; left:auto; top:auto; width:100%; height:auto; min-height:48px; margin-top:22px; padding:13px 14px; background:#A76C3A; font-size:16px; }
  .sonoris-cta .sonoris-cta__reassurance { position:relative; width:auto; height:auto; margin:14px 0 0; clip-path:none; white-space:normal; text-align:center; color:#554b44; font:normal 13px/1.5 Arial,sans-serif; }
}

.sonoris-cta .sonoris-cta__link { gap:0; }
.sonoris-cta .sonoris-cta__label { min-width:0; }
.sonoris-cta .sonoris-cta__arrow { margin-left:0.5em; flex:0 0 auto; color:#fff; transition:transform .15s ease; }
.sonoris-cta .sonoris-cta__link:hover .sonoris-cta__arrow,
.sonoris-cta .sonoris-cta__link:focus-visible .sonoris-cta__arrow { transform:translateX(2px); }
@media (prefers-reduced-motion:reduce) { .sonoris-cta .sonoris-cta__arrow { transition:none; } }

/* Optional audio CTA, based on the validated homepage design. */
      .sonoris-cta.sonoris-cta--audio { clear:both; width:min(900px, 100%); max-width:900px; position:relative; }
      .sonoris-cta--audio .sonoris-cta__title, .sonoris-cta--audio .sonoris-cta__text { text-wrap:balance; }


      .sonoris-cta.sonoris-cta--audio{box-sizing:border-box;border:1px solid #bb8b52;border-radius:12px;background:#fbf8f3;overflow:hidden}
      .sonoris-cta--audio .sonoris-cta__card{aspect-ratio:1764 / 640;background-image:url('/trouver-mon-violon/trouver-mon-violon-audio.webp');background-size:100% auto;background-position:center top;background-repeat:no-repeat}
      .sonoris-cta--audio .sonoris-cta__context{left:10%;top:17%;width:47%;height:36%;background:transparent}
      .sonoris-cta--audio .sonoris-cta__link{left:13.55%;top:57.5%;width:40.65%;height:11.8%;z-index:1;color:#fff}
      .sonoris-cta--audio .sonoris-audio{box-sizing:border-box;margin:0 28px;padding:16px 0 12px;border-top:0;color:#554b44;font:14px/1.6 Arial,sans-serif}
      .sonoris-cta--audio .sonoris-audio-controls{position:relative;min-width:0;padding-bottom:4px}.sonoris-cta--audio .sonoris-audio-controls[hidden]{display:none}
      .sonoris-cta--audio .sonoris-audio-toggle{display:flex;align-items:center;gap:16px;width:100%;min-height:44px;padding:0;border:0;background:transparent;color:#634638;text-align:left;font:inherit;cursor:pointer}
      .sonoris-cta--audio .sonoris-audio-icon{display:grid;place-items:center;flex:0 0 38px;height:38px;border-radius:50%;background:#651f27;color:#fff;font:14px Arial,sans-serif}
      .sonoris-cta--audio .sonoris-audio-window{display:block;flex:1;min-width:0;overflow:hidden;white-space:nowrap;font:16px/1.5 Georgia,serif;padding-bottom:8px}
      .sonoris-cta--audio .sonoris-audio-duration{color:#8a7e73;font-size:.9em}
      .sonoris-cta--audio .sonoris-audio-moving,.sonoris-cta--audio .sonoris-audio-reduced{display:none}
      .sonoris-cta--audio .sonoris-audio.is-playing .sonoris-audio-fixed{display:none}.sonoris-cta--audio .sonoris-audio.is-playing .sonoris-audio-moving{display:inline-block;animation:sonoris-cta-audio-drift 24s linear infinite alternate}
      @keyframes sonoris-cta-audio-drift{from{transform:translateX(0)}to{transform:translateX(-45%)}}
      .sonoris-cta--audio .sonoris-audio-progress{display:block;width:calc(100% - 54px);height:2px;margin:-7px 0 0 54px;border:0;border-radius:3px;overflow:hidden;background:#eae4dc;color:#651f27;appearance:none}
      .sonoris-cta--audio .sonoris-audio-progress::-webkit-progress-bar{background:#eae4dc}.sonoris-cta--audio .sonoris-audio-progress::-webkit-progress-value{background:#651f27}.sonoris-cta--audio .sonoris-audio-progress::-moz-progress-bar{background:#651f27}
      .sonoris-cta--audio .sonoris-audio-status{margin:6px 0;font-size:12px}.sonoris-cta--audio .sonoris-audio-status:empty{display:none}
      .sonoris-cta--audio .sonoris-audio-transcript{min-width:0;margin:4px 0 0}.sonoris-cta--audio .sonoris-audio-transcript summary{display:flex;align-items:center;gap:10px;min-height:44px;box-sizing:border-box;padding:6px 0 6px 54px;cursor:pointer;color:#634638;font:15px/1.6 Georgia,serif;list-style:none}
      .sonoris-cta--audio .sonoris-audio-transcript summary::-webkit-details-marker{display:none}
      .sonoris-cta--audio .sonoris-audio-transcript summary:after{content:'';width:6px;height:6px;margin-left:2px;border-right:1px solid currentColor;border-bottom:1px solid currentColor;transform:translateY(-2px) rotate(45deg)}.sonoris-cta--audio .sonoris-audio-transcript[open] summary:after{transform:translateY(2px) rotate(225deg)}
      .sonoris-cta--audio .sonoris-audio-transcript>div{padding:8px 28px;border-top:1px solid #eee7de;background:rgba(245,239,230,.22)}
      .sonoris-cta--audio .sonoris-audio-transcript p{margin:14px 0;color:#71665e;font:14px/1.8 Arial,sans-serif;text-align:left}
      .sonoris-cta--audio .sonoris-audio-toggle:focus-visible,.sonoris-cta--audio .sonoris-audio-transcript summary:focus-visible{outline:2px solid #7a2e3a;outline-offset:3px}
      @media(prefers-reduced-motion:reduce){.sonoris-cta--audio .sonoris-audio.is-playing .sonoris-audio-moving{display:none;animation:none}.sonoris-cta--audio .sonoris-audio.is-playing .sonoris-audio-reduced{display:inline}}
      @container(min-width:761px){
        .sonoris-cta--audio .sonoris-cta__card{padding:0;border:0;border-radius:0}
        .sonoris-cta--audio .sonoris-cta__context{position:absolute;padding:2px 8px;justify-content:center;text-align:center}
        .sonoris-cta--audio .sonoris-cta__title{font-size:clamp(22px,2.4cqi,29px);margin-bottom:6px}
        .sonoris-cta--audio .sonoris-cta__text{font-size:clamp(14px,1.5cqi,17px);line-height:1.4}
        .sonoris-cta--audio .sonoris-cta__link{position:absolute;min-height:0;margin-top:0;padding:3px 8px;background:transparent;font-size:clamp(13px,1.4cqi,16px)}
        .sonoris-cta--audio .sonoris-cta__identity,.sonoris-cta--audio .sonoris-cta__reassurance{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
      }
      @container(max-width:760px){
        .sonoris-cta--audio .sonoris-cta__card{aspect-ratio:auto;background:#fbf8f3;border:0;border-radius:0}
        .sonoris-cta--audio .sonoris-cta__context{left:auto;top:auto;width:100%;height:auto}
        .sonoris-cta--audio .sonoris-cta__link{left:auto;top:auto;width:100%;height:auto}
        .sonoris-cta--audio .sonoris-audio{margin:0 24px;padding:12px 0 10px}
        .sonoris-cta--audio .sonoris-audio-toggle{gap:12px}.sonoris-cta--audio .sonoris-audio-window{font-size:14px}.sonoris-cta--audio .sonoris-audio-fixed{white-space:normal}
        .sonoris-cta--audio .sonoris-audio-progress{width:calc(100% - 50px);margin-left:50px}
        .sonoris-cta--audio .sonoris-audio-transcript summary{padding-left:50px}.sonoris-cta--audio .sonoris-audio-transcript>div{padding:6px 18px}
      }