/* Pivot Working Method — sculptural connected motion */
.process-cinematic{isolation:isolate;overflow:hidden;background:#07110d;min-height:850px;padding-top:78px;padding-bottom:76px}
.process-cinematic .process-ambient{position:absolute;inset:0;z-index:-2;background:linear-gradient(180deg,rgba(5,14,10,.94) 0%,rgba(5,14,10,.72) 34%,rgba(5,14,10,.64) 65%,rgba(4,10,8,.91) 100%),url('../assets/working-method-reference.webp') center 66%/cover no-repeat;opacity:.92}
.process-cinematic:after{content:'';position:absolute;inset:auto 0 0;height:230px;z-index:-1;pointer-events:none;background:linear-gradient(transparent,#06100c)}
.process-cinematic .section-top{position:relative;z-index:2}
.process-cinematic .process-head{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(280px,.7fr);align-items:end;gap:48px;margin:35px 0 8px}
.process-cinematic .process-head h2{font-family:var(--serif);font-size:clamp(46px,5.4vw,89px);line-height:1.07;letter-spacing:-.055em;margin:0;max-width:880px}
.process-cinematic .process-head h2 em{color:#dfc65d}
.process-cinematic .process-head p{font-size:15px;color:#d2d6cd;line-height:1.8;max-width:435px;padding-bottom:10px}
.method-scene{position:relative;min-height:500px;margin:0 -3vw;display:flex;align-items:center;justify-content:center;perspective:900px}
.method-paths{position:absolute;width:100%;height:88%;top:5%;left:0;overflow:visible;pointer-events:none;filter:drop-shadow(0 0 9px rgba(214,188,91,.65))}
.method-wire{fill:none;stroke:url(#methodFlow);stroke-width:2.1;stroke-dasharray:12 8;animation:methodFlow 27s linear infinite;opacity:.87}
.method-wire.secondary{stroke-width:1.2;opacity:.55;animation-duration:37s;animation-direction:reverse}.method-wire.tertiary{stroke-width:1;opacity:.38;animation-duration:42s}
@keyframes methodFlow{to{stroke-dashoffset:-1200}}
.method-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(22px,4.3vw,78px);position:relative;width:100%;max-width:1300px;padding:42px 4% 10px;align-items:center}
.method-card{position:relative;min-width:0;aspect-ratio:1/1.04;display:grid;place-items:center;transition:transform .6s cubic-bezier(.2,.7,.2,1);outline-offset:10px}
.method-card:nth-child(2){transform:translateY(24px)}.method-card:hover,.method-card:focus-within{transform:translateY(-13px) scale(1.025)}.method-card:nth-child(2):hover,.method-card:nth-child(2):focus-within{transform:translateY(6px) scale(1.025)}
.method-glass{height:100%;width:100%;border:1px solid rgba(226,203,109,.6);border-radius:50%;padding:20% 13% 12%;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(circle at 35% 19%,rgba(34,111,68,.23),transparent 52%),radial-gradient(circle at 40% 70%,rgba(3,14,10,.97),rgba(7,26,16,.98) 70%);box-shadow:0 0 0 7px rgba(226,202,109,.045),inset 0 0 38px rgba(206,171,67,.12),0 21px 55px rgba(0,0,0,.63),0 0 35px rgba(29,112,70,.17);overflow:hidden;position:relative}
.method-glass:before{content:'';position:absolute;inset:5px;border:1px solid rgba(223,198,106,.13);border-radius:50%;pointer-events:none}.method-glass:after{content:'';height:45%;width:18%;position:absolute;inset:-13% auto auto 13%;transform:rotate(35deg);background:linear-gradient(90deg,transparent,rgba(246,224,140,.16),transparent);filter:blur(9px);pointer-events:none}
.method-ball{position:absolute;z-index:3;top:-13px;left:50%;transform:translateX(-50%);height:clamp(52px,5vw,76px);width:clamp(52px,5vw,76px);display:grid;place-items:center;border:1px solid #ecd47c;border-radius:50%;color:#e7d078;font:normal clamp(19px,2vw,29px) var(--serif);background:radial-gradient(circle at 31% 22%,#42794e,#072618 45%,#030a07 78%);box-shadow:inset -9px -12px 20px #020805,0 0 23px rgba(224,192,91,.65)}
.method-card:nth-child(2) .method-ball{border-color:#73d39b}.method-card:nth-child(3) .method-ball{background:radial-gradient(circle at 28% 19%,#e2c25e,#43300c 43%,#060b08 78%)}
.method-label{color:#deca6c;font-size:clamp(8px,.76vw,11px);letter-spacing:.19em;font-weight:700;margin-bottom:18px}.method-glass h3{font:normal clamp(22px,2.45vw,36px)/1.18 var(--serif);letter-spacing:-.035em;margin:0 0 14px;color:#f7f1e8}.method-glass p{font-size:clamp(11px,1vw,14px);line-height:1.65;color:#d1d9d1;max-width:255px;margin:0}.method-arrow{display:grid;place-items:center;flex:0 0 auto;border:1px solid #d9c36a;border-radius:50%;height:44px;width:44px;color:#e7d477;font-size:22px;margin-top:18px;transition:background .3s,color .3s,transform .3s}.method-arrow:hover,.method-arrow:focus-visible{background:#d5c467;color:#08120d;transform:translateX(3px)}
.process-cinematic .process-foot{position:relative;z-index:2;margin:16px 0 0;font-size:14px;color:#d4dbd3}.process-cinematic .process-foot a{color:#e0cc70;text-decoration:none;border-bottom:1px solid transparent}.process-cinematic .process-foot a:hover{border-bottom-color:currentColor}
@media(max-width:1050px){.method-steps{gap:20px;padding-inline:0}.method-scene{margin:0}.method-glass{padding:21% 10% 8%}.method-label{margin-bottom:12px}.method-glass h3{font-size:clamp(20px,2.6vw,28px)}.method-glass p{font-size:11px}.method-arrow{height:36px;width:36px;margin-top:10px}}
@media(max-width:760px){.process-cinematic{padding-top:65px;padding-bottom:75px;min-height:0}.process-cinematic .process-head{display:block;margin:30px 0 25px}.process-cinematic .process-head h2{font-size:clamp(43px,9vw,68px)}.process-cinematic .process-head p{font-size:14px;margin-top:20px}.method-scene{min-height:0;display:block}.method-paths{display:none}.method-steps{grid-template-columns:1fr;gap:36px;max-width:430px;margin:auto;padding:20px 20px}.method-card,.method-card:nth-child(2){width:min(100%,340px);margin:0 auto;transform:none;aspect-ratio:1}.method-card:hover,.method-card:nth-child(2):hover,.method-card:focus-within,.method-card:nth-child(2):focus-within{transform:translateY(-5px)}.method-glass{padding:19% 13% 8%}.method-label{font-size:10px;margin-bottom:16px}.method-glass h3{font-size:30px}.method-glass p{font-size:12px}.method-ball{width:65px;height:65px}.process-cinematic .process-foot{max-width:450px;margin:20px auto 0;line-height:1.7}}
@media(max-width:380px){.method-steps{padding-inline:0}.method-glass h3{font-size:26px}.method-glass p{font-size:11px}.method-label{margin-bottom:10px}.method-arrow{margin-top:8px}}
@media(prefers-reduced-motion:reduce){.method-wire{animation:none}.method-card{transition:none}}

/* Final release: intentional progression and tap controls */
.method-controls{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin:10px auto 26px;position:relative;z-index:3}
.method-control{font:600 12px/1.4 inherit;letter-spacing:.11em;color:#d9dccc;border:1px solid rgba(216,202,121,.32);border-radius:999px;padding:13px 20px;background:rgba(8,24,17,.8);cursor:pointer;min-height:44px;transition:background .3s,border-color .3s,box-shadow .3s}
.method-control:hover,.method-control:focus-visible,.method-control.is-current{border-color:#ddc567;background:rgba(150,140,54,.22);color:#fff1bc;box-shadow:0 0 22px rgba(208,192,75,.13)}
.method-card.method-current .method-glass{box-shadow:0 0 38px rgba(194,174,70,.15),inset 0 0 35px rgba(25,96,54,.11)}
.method-scene[data-active-step="1"] .method-wire{stroke-dashoffset:0}
.method-scene[data-active-step="2"] .method-wire{filter:drop-shadow(0 0 6px rgba(240,211,112,.65))}
.method-scene[data-active-step="3"] .method-wire{filter:drop-shadow(0 0 10px rgba(90,205,142,.75))}
.method-card:focus-visible{outline:2px solid #e7d078;outline-offset:8px}
@media(max-width:720px){.method-controls{justify-content:stretch;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}.method-control{padding:12px 4px;font-size:10px;letter-spacing:0}.method-scene{overflow:visible}}
@media(prefers-reduced-motion:reduce){.method-wire{animation:none!important}.method-card,.method-control{transition:none!important}}