.qcta{--gut:max(clamp(20px,4.5vw,64px),calc((100vw - var(--page-large,1560px))/2));
  --qf:var(--coral,#E8705A);--qt:var(--coral-texte,#101014);
  padding:0 var(--gut) clamp(56px,9vh,100px);box-sizing:border-box}
.qcta a{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:clamp(20px,4vw,64px);
  background:var(--qf);color:var(--qt);border-radius:24px;
  padding:clamp(28px,3.6vw,48px) clamp(22px,4vw,56px);text-decoration:none;
  box-shadow:0 30px 60px -40px rgba(0,0,0,.55);transition:transform .2s}
.qcta a:hover{transform:translateY(-3px)}
@media (prefers-reduced-motion:reduce){.qcta a{transition:none}.qcta a:hover{transform:none}}
.qcta a:focus-visible{outline:3px solid var(--ink);outline-offset:4px}

.qcta .rd{position:relative;width:clamp(120px,12vw,170px);aspect-ratio:1;container-type:inline-size}
.qcta .rd span{--a:calc(var(--i) * 40deg);position:absolute;left:50%;top:50%;width:27%;aspect-ratio:1;border-radius:50%;
  background:var(--sc) center/cover;box-shadow:0 8px 14px -8px rgba(0,0,0,.5),0 0 0 2px var(--qf);
  transform:translate(-50%,-50%) rotate(var(--a)) translateY(-135%) rotate(calc(-1 * var(--a)))}
.qcta .rd::after{content:"?";position:absolute;inset:32%;border-radius:50%;display:grid;place-items:center;
  background:var(--paper,#FBF7EE);color:var(--ink);font-family:var(--f-titres),ui-serif,Georgia,serif;
  font-weight:var(--w-titres,700);font-size:26cqw;line-height:1}
.qcta .k,.qcta .t,.qcta .s{display:block}
.qcta .k{opacity:.8;font-family:var(--f-sur);font-size:var(--t-xxs,11px);font-weight:800;letter-spacing:.2em;text-transform:uppercase}
.qcta .t{font-family:var(--f-titres),ui-serif,Georgia,serif;font-weight:var(--w-titres-demi,600);
  font-size:clamp(28px,3.4vw,48px);letter-spacing:-.04em;line-height:1;margin-top:10px}
.qcta .s{margin-top:12px;font-size:clamp(15px,1.3vw,17px);line-height:1.5;opacity:.85;max-width:52ch}
.qcta .b{display:inline-flex;align-items:center;white-space:nowrap;border-radius:var(--btn-r,30px);background:var(--ink);color:#fff;
  font-weight:800;font-size:var(--t-md,15px);padding:17px 32px}
@media(max-width:760px){
  .qcta a{grid-template-columns:1fr;justify-items:center;text-align:center}
  .qcta .s{margin-inline:auto}
}