.method{color:var(--fg);min-height:100svh;padding:calc(var(--nav-h) + 24px) 0 56px;align-items:center;display:flex;position:relative}.method>.wrap>.sec-mark{margin-bottom:clamp(24px,5vh,56px)}.method-grid{grid-template-columns:.9fr 1.1fr;align-items:center;gap:48px;display:grid}.method-text{flex-direction:column;gap:28px;display:flex}.method-title{text-wrap:nowrap;font-size:clamp(2.25rem,4vw,4rem)}.method-list{border-top:1px solid var(--rule);max-width:520px;margin:0;padding:0;list-style:none}.method-item{border-bottom:1px solid var(--rule);position:relative}.method-item button{text-align:left;width:100%;color:var(--fg-3);transition:color .5s var(--ease);background:0 0;border:0;align-items:baseline;gap:18px;padding:16px 0;display:flex}.method-item button:hover,.method-item.is-active button{color:var(--fg)}.method-code{width:28px;color:var(--fg-3);flex-shrink:0;font-size:12px;transition:color .5s}.method-item.is-active .method-code{color:var(--blue)}.method-name{letter-spacing:-.03em;font-size:clamp(1.25rem,1.9vw,1.75rem);font-weight:560;line-height:1.15}.method-body{transition:grid-template-rows .7s var(--ease);grid-template-rows:0fr;display:grid}.method-item.is-active .method-body{grid-template-rows:1fr}.method-body>div{overflow:hidden}.method-body p{color:var(--fg-2);opacity:0;max-width:440px;transition:opacity .5s, transform .7s var(--ease);padding:0 0 20px 46px;font-size:16px;line-height:1.6;transform:translateY(8px)}.method-item.is-active .method-body p{opacity:1;transition-delay:.12s;transform:none}.method-bar{height:1px;position:absolute;bottom:-1px;left:0;right:0;overflow:hidden}.method-bar b{background:var(--blue);transform-origin:0;position:absolute;inset:0;transform:scaleX(0)}.method-visual{place-items:center;display:grid;position:relative}.method-anchor{aspect-ratio:1;width:min(46vw,620px);position:relative}.method-label{text-align:center;color:#fff;opacity:0;width:38%;height:38%;transition:opacity .6s var(--ease), transform .8s var(--ease);pointer-events:none;background:0 0;border:0;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:4px;display:flex;position:absolute;transform:scale(.9)}.method-anchor[data-orb-here] .method-label{opacity:.55;pointer-events:auto;transform:scale(.94)}.method-anchor[data-orb-here] .method-label.is-active{opacity:1;transform:scale(1)}.method-anchor[data-orb-here].is-merged .method-label{opacity:0;pointer-events:none}.method-label span{color:#ffffffb3;font-size:11px}.method-label strong{letter-spacing:-.02em;font-size:clamp(1rem,1.7vw,1.5rem);font-weight:600}.method-label em{color:#ffffffb8;max-width:150px;font-size:12px;font-style:normal;line-height:1.4}.method-label--0{top:11.5%;left:11.5%}.method-label--1{top:11.5%;right:11.5%}.method-label--2{bottom:11.5%;left:11.5%}.method-label--3{bottom:11.5%;right:11.5%}.method-core{aspect-ratio:1;background:var(--ink);color:#fff;opacity:0;pointer-events:none;width:17%;transition:opacity .6s var(--ease), transform .8s var(--ease);border:0;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:2px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(.9);box-shadow:0 0 0 1px #ffffff1f,0 20px 50px #00000059}.method-anchor[data-orb-here] .method-core{opacity:1;transform:translate(-50%,-50%)scale(1)}.method-anchor[data-orb-here].is-merged .method-core{opacity:0;pointer-events:none}.method-core strong{letter-spacing:-.03em;font-size:clamp(1.1rem,2vw,1.75rem);font-weight:600;line-height:1}.method-core span{letter-spacing:.12em;text-transform:uppercase;color:var(--faint);font-size:8px}@media (max-width:900px){.method{align-items:stretch}.method-grid{grid-template-columns:1fr;gap:8px}.method-visual{order:-1}.method-anchor{width:min(80vw,42vh)}.method-title,.method-label em{display:none}.method-name{font-size:1.25rem}.method-item button{padding:13px 0}}