/* 018G — roue circulaire 2D, six étapes et centre fixe. */
 .logos-method{--method-radius-final:41;--method-radius:41%;overflow:clip;padding:clamp(112px,12vw,176px) var(--section-heading-inset) 80px;background:#f3f3f3;color:#161718;font-family:'Inter Tight',sans-serif;scroll-margin-top:128px}.logos-method *{box-sizing:border-box}.method-heading{display:grid;grid-template-columns:minmax(150px,16%) minmax(0,1fr);gap:28px;align-items:start}.method-signature{display:flex;align-items:center;gap:10px;font:400 12px/18px 'IBM Plex Mono',monospace;white-space:nowrap;margin:13px 0 0;color:#222426}.method-signature img{width:14px;height:18px;display:block;object-fit:contain}.method-signature .signature-bracket{color:#ff5a09}.method-heading h2{margin:0;max-width:1000px}.method-title-grey{color:#858585}
.method-composition{position:relative;width:min(100%,620px,calc(100svh - 180px));margin:48px auto 0;isolation:isolate;scroll-margin-block:125px 24px}.method-wheel{position:relative;aspect-ratio:1;width:100%;transform-origin:50% 50%;transform:translateY(var(--method-arrival-y,0px)) rotate(var(--method-turn,0deg)) scale(var(--method-zoom,1));opacity:var(--method-opacity,1);will-change:transform}.method-material{display:block;position:absolute;left:calc(50% - var(--method-radius));top:calc(50% - var(--method-radius));width:calc(2 * var(--method-radius));height:calc(2 * var(--method-radius));pointer-events:none;overflow:visible}
.method-content{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:40%;text-align:center;pointer-events:none;opacity:var(--method-content-opacity,1)}.method-step{display:none}.method-step:first-child{display:block}.method-ready .method-step{display:none}.method-ready .method-step.is-current{display:block}.method-step[hidden]{display:none!important}.method-step h3{font:600 30px/1.1 'Inter Tight',sans-serif;letter-spacing:-.035em;margin:0 0 14px}.method-step p{font:400 17px/1.4 'Inter Tight',sans-serif;letter-spacing:-.015em;color:#585a5b;margin:0 auto;max-width:320px}
.method-numbers{position:absolute;inset:0}.method-number{position:absolute;left:calc(50% + var(--dx)*var(--method-radius));top:calc(50% + var(--dy)*var(--method-radius));transform:translate(-50%,-50%) scale(var(--method-bubble-scale,1));display:flex;align-items:center;justify-content:center;flex-direction:column;gap:9px;width:clamp(96px,18vw,112px);height:clamp(96px,18vw,112px);padding:12px;border:1px solid transparent;border-radius:50%;background:#111;color:#fff;cursor:pointer;transition:background .32s,color .32s,border-color .32s;touch-action:manipulation}.method-label{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:9px;transform:rotate(var(--method-counter-turn,0deg));opacity:var(--method-label-opacity,1);pointer-events:none}.method-index{font:400 11px/1 'IBM Plex Mono',monospace;color:#c6c6c6}.method-name{font:500 13px/1.25 'Inter Tight',sans-serif;letter-spacing:-.035em;max-width:110px;text-align:center}.method-number[aria-pressed=true]{background:#ff5a09;border-color:#b93d00;color:#161718}.method-number[aria-pressed=true] .method-index{color:#29201c}.method-number:hover{border-color:#b93d00}.method-number[aria-pressed=true]:hover{border-color:#b73d00}.method-number:focus-visible,.method-motion-control:focus-visible{outline:2px solid #b93d00;outline-offset:5px}
.method-motion-control{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;padding:0;border:0}.method-motion-control:focus-visible{position:fixed;z-index:10000;bottom:24px;left:24px;width:auto;height:auto;max-width:calc(100vw - 48px);clip-path:none;white-space:normal;padding:16px 22px;border:1px solid #161718;border-radius:30px;background:#fff;color:#161718;font:400 12px/1.5 'IBM Plex Mono',monospace}
/* La phase est partagée par toute la roue ; les libellés seuls contre-tournent. */
.method-ready:not(.method-entered):not(.method-reduced) .method-wheel{opacity:0}.method-reduced .method-wheel{transform:none!important;opacity:1!important}.method-reduced .method-content{opacity:1!important}
@media(max-width:1024px){.method-heading{grid-template-columns:140px minmax(0,1fr);gap:22px}.method-step h3{font-size:28px}.method-step p{font-size:16px}}
@media(max-width:700px){.logos-method{--method-radius-final:43.5;--method-radius:43.5%;padding-top:104px;padding-bottom:56px;scroll-margin-top:100px}.method-heading{grid-template-columns:1fr;gap:24px}.method-signature{margin:0}.method-composition{width:min(100%,270px,calc(100svh - 180px - env(safe-area-inset-top) - env(safe-area-inset-bottom)));margin-top:32px;scroll-margin-block:100px 24px}.method-number{width:50px;height:50px;padding:5px;gap:4px}.method-label{gap:4px}.method-index{font-size:9px}.method-name{font-size:10px;line-height:1.15;max-width:46px;letter-spacing:-.03em}.method-content{width:50%;padding:0}.method-step h3{font-size:19px;line-height:1.12;margin-bottom:6px}.method-step p{font-size:13px;line-height:1.25;max-width:100%}}
/* Sur petit téléphone, la lisibilité prime : description dans la même zone compacte, sous le cercle. */
@media(max-width:360px),(max-width:700px) and (max-height:600px){.logos-method{--method-radius-final:41;--method-radius:41%}.method-composition{width:min(100%,220px,max(200px,calc(100svh - 300px - env(safe-area-inset-top) - env(safe-area-inset-bottom))))}.method-number{width:54px;height:54px}.method-name{font-size:10px;max-width:49px}.method-content{position:relative;left:auto;top:auto;transform:none;width:calc(100% + 40px);max-width:calc(100vw - 48px);min-height:148px;margin:16px 0 0;left:50%;transform:translateX(-50%)}.method-step h3{font-size:24px;margin-bottom:10px}.method-step p{font-size:15px;line-height:1.4}}
@media(prefers-reduced-motion:reduce){.logos-method *{transition:none!important;animation:none!important}}.logos-method.method-reduced *{transition:none!important;animation:none!important}.method-reduced .method-wheel{transform:none!important;opacity:1!important}.method-reduced .method-content{opacity:1!important}

/* 043: larger touch targets inside a wider mobile orbit. Desktop unchanged. */
@media(max-width:700px){
 .logos-method{--method-radius-final:38;--method-radius:38%}
 .method-composition{width:min(100%,380px);margin-top:42px}
 .method-number{width:clamp(78px,21.5vw,88px);height:clamp(78px,21.5vw,88px);padding:7px}
 .method-label{width:100%;gap:5px}
 .method-name{font-size:clamp(11px,3vw,13px);line-height:1.12;max-width:100%;overflow-wrap:normal;letter-spacing:-.025em}
 .method-index{font-size:10px}
 .method-content{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:51%;max-width:none;min-height:0;margin:0;padding:0}
 .method-step h3{font-size:clamp(19px,5.1vw,23px);margin-bottom:8px}
 .method-step p{font-size:clamp(12px,3.35vw,14px);line-height:1.3}
}
@media(max-width:360px){.method-number{width:74px;height:74px}.method-content{width:48%}.method-step h3{font-size:18px}.method-step p{font-size:12px;line-height:1.25}.method-number{padding:6px}}