.method{--method-accent:var(--red-bright);--method-wash:rgba(228,29,37,.1);padding:0;position:relative}
[data-color-version="2"] .method{--method-accent:var(--blue-light);--method-wash:rgba(29,95,228,.15)}
.method-pin{padding:100px var(--pad)}
.method-header{display:flex;justify-content:space-between;align-items:flex-end;gap:45px;margin-bottom:28px}
.method-header h2{font-size:clamp(38px,4.2vw,62px);line-height:1.12}
.method-header>p{max-width:340px;color:var(--muted);font-size:16px;line-height:1.6}
.method-body{display:grid;grid-template-columns:minmax(250px,.95fr) minmax(320px,1.05fr);gap:6%;align-items:center;min-height:0}
.method-diagram{position:relative;width:100%;height:410px;max-height:100%;max-width:480px;margin:auto;isolation:isolate}
.method-diagram svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.method-rings{transform:rotate(var(--method-turn,0deg));transform-origin:center}
.method-ring{fill:transparent;stroke:rgba(246,243,239,.23);stroke-width:1;transition:stroke .25s,fill .25s,stroke-width .25s}
.method-ring.is-active{stroke:var(--method-accent);stroke-width:2;fill:var(--method-wash)}
.method-core{fill:rgba(11,20,34,.84);stroke:var(--method-accent);stroke-opacity:.32;stroke-width:1}
.method-focus{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;pointer-events:none;gap:10px}
.method-focus-number{font-size:9px;letter-spacing:.18em;text-transform:uppercase;color:var(--method-accent)}
.method-focus strong{font:400 clamp(30px,3.1vw,44px)/1.1 var(--heading);letter-spacing:-.02em;color:var(--white)}
.method[data-active="2"] .method-focus strong{font-size:clamp(28px,2.7vw,37px)}
.method-focus-caption{font-size:11px;color:var(--muted);max-width:160px;line-height:1.4}
.method-orbit-label{position:absolute;font-size:10px;letter-spacing:.035em;color:var(--muted);background:rgba(9,16,24,.76);padding:4px 9px;transition:color .25s,border-color .25s;border:1px solid transparent}
.method-orbit-label.is-active{color:var(--method-accent);border-color:var(--method-accent)}
.method-orbit-label[data-orbit="0"]{top:4%;left:50%;transform:translateX(-50%)}
.method-orbit-label[data-orbit="1"]{top:50%;right:0;transform:translateY(-50%)}
.method-orbit-label[data-orbit="2"]{bottom:4%;left:50%;transform:translateX(-50%)}
.method-orbit-label[data-orbit="3"]{top:50%;left:0;transform:translateY(-50%)}
.method-viewport{min-width:0}
.method-track{display:grid;gap:32px}
.method-slide{min-width:0;padding:26px 0;border-top:1px solid var(--line);scroll-margin-top:110px}
.method-slide-kicker{display:flex;align-items:center;gap:18px;color:var(--method-accent);font-size:10px;letter-spacing:.12em;text-transform:uppercase;margin-bottom:24px}
.method-slide-kicker b{font:400 29px var(--heading);letter-spacing:0}
.method-slide h3{font:400 clamp(30px,3.6vw,51px)/1.12 var(--heading);letter-spacing:-.018em;margin-bottom:25px;max-width:510px}
.method-slide>p{font-size:17px;color:#e0e0de;line-height:1.65;max-width:490px}
.method-keywords{display:flex;gap:20px;flex-wrap:wrap;margin-top:30px;font-size:10px;letter-spacing:.06em;color:var(--muted)}
.method-keywords span:before{content:'';display:inline-block;width:4px;height:4px;margin-right:8px;background:var(--method-accent);vertical-align:middle}
.method-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;margin-top:30px}
.method-steps button{position:relative;text-align:left;padding:16px 0 7px;display:flex;align-items:baseline;gap:13px;border-top:1px solid var(--line);font-size:14px;white-space:nowrap}
.method-steps button:before{content:'';position:absolute;left:0;right:0;top:-1px;height:2px;background:var(--method-accent);transform:scaleX(var(--step-progress,0));transform-origin:left}
.method-steps button small{font-size:9px;letter-spacing:.08em;color:var(--muted)}
.method-steps button[aria-current]{color:var(--method-accent)}
.method-steps button[aria-current] small{color:var(--method-accent)}
.method-end{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-top:20px;font-size:10px;letter-spacing:.045em;color:var(--muted)}
.method-count{margin-left:auto;color:var(--method-accent);white-space:nowrap}
.method-end .text-link{font-size:11px;padding:3px 0;gap:15px}
.method.method-scrub{height:var(--method-scene-height)}
.method-scrub .method-pin{position:sticky;top:var(--method-top);height:var(--method-pin-height);padding:24px var(--pad) 18px;display:flex;flex-direction:column}
.method-scrub .section-marker{margin-bottom:24px;flex-shrink:0}
.method-scrub .method-header{flex-shrink:0}
.method-scrub .method-body{flex:1}
.method-scrub .method-diagram{height:100%;min-height:0;max-height:450px}
.method-scrub .method-viewport{overflow:clip;width:100%}
.method-scrub .method-track{display:flex;gap:32px;width:100%;will-change:transform;align-items:center}
.method-scrub .method-slide{flex:0 0 100%;width:100%;padding:8px 0;border:0}
.method-scrub .method-steps,.method-scrub .method-end{flex-shrink:0}
@media(max-width:1000px){.method-header h2{font-size:43px}.method-header>p{max-width:260px;font-size:14px}.method-body{gap:5%;grid-template-columns:minmax(210px,.9fr) minmax(290px,1.1fr)}.method-slide h3{font-size:37px}.method-slide>p{font-size:16px}.method-keywords{gap:12px}}
@media(max-width:760px){
 .method-pin{padding:80px var(--pad)}.method-header{display:block;margin-bottom:20px}.method-header h2{font-size:34px}.method-header>p{max-width:none;font-size:13px;line-height:1.45;margin-top:12px}.method-body{display:flex;flex-direction:column;gap:14px;align-items:stretch}.method-diagram{height:200px;max-height:none;max-width:370px}.method-focus{gap:8px}.method-focus strong{font-size:30px}.method[data-active="2"] .method-focus strong{font-size:27px}.method-focus-caption,.method-orbit-label{display:none}.method-focus-number{font-size:8px}.method-slide-kicker{margin-bottom:13px;font-size:9px;gap:13px}.method-slide-kicker b{font-size:24px}.method-slide h3{font-size:30px;margin-bottom:16px;max-width:100%}.method-slide>p{font-size:15px;line-height:1.55}.method-keywords{display:none}.method-steps{gap:13px;margin-top:22px}.method-steps button{font-size:11px;flex-direction:column;gap:7px;padding-top:12px}.method-steps button small{font-size:8px}.method-end{font-size:9px;gap:12px;margin-top:14px}.method-end .text-link{font-size:9px;gap:8px}.method-hint{max-width:120px;line-height:1.5}.method-scrub .method-pin{padding-top:15px;padding-bottom:12px}.method-scrub .section-marker{margin-bottom:18px;font-size:8px}.method-scrub .method-header{margin-bottom:12px}.method-scrub .method-header h2{font-size:31px}.method-scrub .method-header>p{margin-top:9px;font-size:12px}.method-scrub .method-body{flex:1;justify-content:center;gap:7px}.method-scrub .method-diagram{height:175px;flex:0 0 175px}.method-scrub .method-viewport{flex-shrink:0}.method-scrub .method-slide{padding:0}.method-scrub .method-slide h3{font-size:28px;margin-bottom:13px}.method-scrub .method-slide>p{font-size:14px;line-height:1.5}.method-scrub .method-steps{margin-top:20px}
}
@media(min-width:761px) and (max-height:780px){.method-scrub .method-header h2{font-size:38px}.method-scrub .method-header{margin-bottom:16px}.method-scrub .section-marker{margin-bottom:18px}.method-scrub .method-slide h3{font-size:35px}.method-scrub .method-slide-kicker{margin-bottom:15px}.method-scrub .method-slide>p{font-size:15px}.method-scrub .method-keywords{margin-top:20px}.method-scrub .method-steps{margin-top:16px}}