.method-feature{background:var(--desk-paper);padding:2.8rem 2.6rem;scroll-margin-top:1rem}.method-panel{isolation:isolate;color:var(--color-paper);background:var(--color-charcoal);box-shadow:6px 6px 0 color-mix(in srgb,var(--desk-ink) 15%,transparent);border:1px solid #707b53;position:relative;overflow:hidden}.method-panel:before{content:"";z-index:2;pointer-events:none;background:linear-gradient(90deg,transparent,var(--desk-accent),transparent);width:30%;height:2px;animation:7s ease-in-out infinite method-edge;position:absolute;top:0;left:0}.method-panel>summary{cursor:pointer;background:radial-gradient(ellipse at 90% 40%,color-mix(in srgb,var(--desk-accent) 9%,transparent),transparent 65%),linear-gradient(#ffffff03 1px,transparent 1px),linear-gradient(90deg,#ffffff03 1px,transparent 1px);background-size:auto,24px 24px,24px 24px;grid-template-columns:minmax(0,1fr) 230px;align-items:center;gap:1.3rem 1rem;padding:2.2rem 2rem 1.3rem;list-style:none;display:grid;position:relative}.method-panel>summary::-webkit-details-marker{display:none}.method-panel>summary:focus-visible{outline:2px solid var(--desk-accent);outline-offset:-6px}.method-eyebrow{font:.63rem/1.6 var(--font-mono);color:var(--desk-accent);text-transform:uppercase;letter-spacing:.1em}.method-copy h2{letter-spacing:-.06em;margin:.65rem 0 .85rem;font-size:clamp(2rem,3.7vw,3.7rem);font-weight:550;line-height:1.1}.method-copy>p:last-of-type{max-width:31ch;color:var(--quiet);font-size:.85rem;line-height:1.7}.method-action{color:var(--desk-accent);border-bottom:1px solid color-mix(in srgb,var(--desk-accent) 50%,transparent);font:.7rem/1.5 var(--font-mono);align-items:center;gap:1.5rem;margin-top:.85rem;padding:.65rem 0;display:inline-flex}.method-plus{border:1px solid;border-radius:50%;place-items:center;width:24px;height:24px;font-size:1.2rem;transition:transform .3s;display:grid}.method-panel[open] .method-plus{transform:rotate(45deg)}.method-close-label,.method-panel[open] .method-open-label{display:none}.method-panel[open] .method-close-label{display:inline}.method-circuit{width:100%;max-width:260px;height:auto;color:var(--desk-accent);transition:filter .3s;overflow:visible}.method-panel>summary:hover .method-circuit,.method-panel>summary:focus-visible .method-circuit{filter:drop-shadow(0 0 7px color-mix(in srgb,var(--desk-accent) 25%,transparent))}.method-wire,.method-grid-ring{stroke:currentColor;opacity:.24}.method-trace{stroke:currentColor;stroke-width:1.5px;stroke-dasharray:10 110;animation:9s linear infinite method-travel}.method-orbit{stroke:currentColor;transform-origin:130px 110px;animation:24s linear infinite method-orbit}.method-orbit-inner{opacity:.45;animation-duration:18s;animation-direction:reverse}.method-satellite{fill:currentColor;stroke:none}.method-core{stroke:currentColor;stroke-width:1.2px}.method-node rect{stroke:currentColor;fill:var(--color-charcoal);stroke-opacity:.6}.method-node text{fill:currentColor;font:10px var(--font-mono)}.method-preview{border-top:1px solid var(--hairline);font:.6rem/1.7 var(--font-mono);grid-column:1/-1;grid-template-columns:repeat(4,minmax(0,1fr));gap:.7rem;padding-top:1rem;display:grid}.method-preview>span{align-items:center;gap:.5rem;display:flex}.method-preview i{color:var(--desk-accent);font-style:normal}.method-preview b{color:var(--quiet);margin-left:auto;font-weight:400}.method-content{border-top:1px solid var(--hairline)}.method-content .workflow-section{background:0 0;padding:1.8rem 2rem}.method-content .workflow-intro{margin:0 0 1.5rem;display:block}.method-content .workflow-intro h2,.method-content .section-label{display:none}.method-content .workflow-deck{max-width:55ch;font-size:1rem}.method-content .workflow-steps{gap:0 1.5rem}.method-content .workflow-steps>li{grid-template-columns:1.5rem 1fr;gap:.5rem}.method-content .workflow-evidence{grid-template-columns:1fr;gap:.5rem}.method-panel[open] .workflow-steps>li{animation:.45s both method-step-in}.method-panel[open] .workflow-steps>li:nth-child(2){animation-delay:70ms}.method-panel[open] .workflow-steps>li:nth-child(3){animation-delay:.14s}.method-panel[open] .workflow-steps>li:nth-child(4){animation-delay:.21s}.method-panel:not([data-visible]):before,.method-panel:not([data-visible]) .method-trace,.method-panel:not([data-visible]) .method-orbit{animation-play-state:paused}@keyframes method-orbit{to{transform:rotate(360deg)}}@keyframes method-travel{to{stroke-dashoffset:-120px}}@keyframes method-edge{0%,to{opacity:0;transform:translate(-100%)}15%,85%{opacity:1}95%{opacity:0;transform:translate(335%)}}@keyframes method-step-in{0%{opacity:.35;transform:translateY(9px)}to{opacity:1;transform:none}}@media (width<=1100px){.method-feature{padding-inline:1.7rem}.method-panel>summary{grid-template-columns:minmax(0,1fr) 155px;padding-inline:1.5rem}.method-copy h2{font-size:2.5rem}}@media (width<=600px){.method-feature{padding:2rem 1.3rem}.method-panel>summary{grid-template-columns:minmax(0,1fr) 80px;gap:1.2rem .3rem;padding:1.5rem 1.1rem 1rem}.method-copy h2{font-size:2rem}.method-copy>p:last-of-type{font-size:.78rem}.method-action{gap:.65rem;font-size:.61rem}.method-eyebrow{font-size:.55rem}.method-circuit{align-self:start;margin-top:2rem}.method-preview{grid-template-columns:1fr 1fr;row-gap:.8rem}.method-preview>span:nth-child(2) b{visibility:hidden}.method-content .workflow-section{padding:1.3rem 1.1rem}.method-content .workflow-steps{grid-template-columns:1fr}.method-content .workflow-steps h3{font-size:1rem}.method-content .workflow-steps p{font-size:.9rem}}@media (prefers-reduced-motion:reduce){.method-panel,.method-panel *,.method-panel:before{transition:none!important;animation:none!important}}html[data-motion=paused] .method-panel,html[data-motion=paused] .method-panel *,html[data-motion=paused] .method-panel:before{transition:none!important;animation:none!important}
