.process{position:relative;isolation:isolate;height:71vw;min-height:940px;max-height:1400px;background:#02120d;overflow:hidden;touch-action:pan-y;scroll-margin-top:0}
.process-bg{position:absolute;inset:0;z-index:-1;pointer-events:none;overflow:hidden}.process-bg img{display:block;width:100%;height:100%;object-fit:cover}
.process-copy{position:relative;z-index:3;width:31.1%;margin-left:6%;padding-top:11.5%}
.process-copy h2{margin:0;font-size:clamp(66px,6.5vw,110px);line-height:.87;letter-spacing:-4.4px;font-weight:500}.process-copy h2 em{font-style:normal;color:#7ce6c4}
.process-intro{font-size:clamp(17px,1.46vw,24px);letter-spacing:-.55px;line-height:1.4;margin:24px 0 24px;color:#e2e5de;white-space:nowrap}
.process-steps{display:grid;gap:0}.process-step{position:relative;display:grid;grid-template-columns:52px 1fr;gap:8px;width:100%;border:0;border-bottom:1px solid #5c90735e;padding:19px 0 25px;background:transparent;color:#f6f6ef;text-align:left;cursor:pointer;touch-action:pan-y;border-radius:0;transition:color 180ms ease}.process-step:last-child{border-bottom:0}.process-step:active{transform:scale(.99)}
.process-number{font-size:21px;color:#b8c1b9;padding-top:5px;line-height:1.2;transition:color 180ms ease}.process-detail{display:block;border-left:1px solid #73958288;padding-left:28px}.process-step-title{display:block;font-size:clamp(22px,1.67vw,29px);line-height:1.2;letter-spacing:-.6px;font-weight:500;margin:0 0 4px}.process-step-description{display:block;font-size:clamp(16px,1.2vw,21px);line-height:1.34;letter-spacing:-.2px;color:#dbe3dc}
.process-step[aria-pressed="true"] .process-step-title,.process-step[aria-pressed="true"] .process-number{color:#84f2d3}.process-step[aria-pressed="true"]::before{content:'';position:absolute;left:-13px;top:19px;bottom:25px;width:2px;background:#b4ffdf;box-shadow:0 0 7px #a4ffcf,0 0 18px #48ffc4,0 0 30px #48ffc466}.process-step:focus-visible{outline:2px solid #eec869;outline-offset:6px;border-radius:4px}
.process-start{display:flex;justify-content:center;align-items:center;gap:30px;width:350px;max-width:100%;height:82px;margin-top:83px;border:3px solid #eeeade;border-radius:22px;background:#00694e;color:#fff;box-shadow:inset 0 0 17px #70ebc640;text-decoration:none;font-size:22px;letter-spacing:-.5px;transition:transform 160ms cubic-bezier(.23,1,.32,1),background 180ms ease}.process-start span{font-size:30px;font-weight:300}.process-start:hover{background:#00805e;transform:translateY(-2px)}.process-start:active{transform:scale(.98)}
.process-visual{position:absolute;inset:0;z-index:1;perspective:1400px;touch-action:pan-y;pointer-events:auto}.process-layer{position:absolute;inset:0;transform-origin:75% 52%;transform:translate3d(var(--process-x,0px),var(--process-y,0px),0) rotateX(var(--process-rx,0deg)) rotateY(var(--process-ry,0deg)) scale(var(--process-scale,1));will-change:transform;backface-visibility:hidden;pointer-events:none}.process-layer img{display:block;width:100%;height:100%;object-fit:fill;transform-origin:0 0;pointer-events:none;user-select:none;-webkit-user-select:none}
.process-wireframe{z-index:1}.process-middle{z-index:2}.process-front{z-index:3}
.process-wireframe img{transform:translate(12.85%,3.65%) scale(.862,.846);clip-path:inset(18% 2% 12% 65%)}
.process-middle img{transform:translate(20.05%,6.90%) scale(.784,.831);clip-path:inset(22% 16% 7% 42%)}
.process-front img{transform:translate(7.12%,4.87%) scale(.8493,.9133);clip-path:inset(25% 22% 9% 41%)}
.process-live{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.process[data-paused="true"] .process-layer{will-change:auto}
@media(min-width:1600px){.process-start{margin-top:70px}.process-copy{padding-top:12.2%}}
@media(min-width:901px) and (max-width:1200px){.process-copy{width:37%;margin-left:5%;padding-top:160px}.process-copy h2{font-size:72px;letter-spacing:-3px}.process-intro{font-size:17px;white-space:normal;max-width:350px;margin-top:22px}.process-step-title{font-size:22px}.process-step-description{font-size:16px}.process-step{grid-template-columns:38px 1fr;padding:18px 0 24px}.process-detail{padding-left:16px}.process-start{height:66px;width:280px;font-size:19px;margin-top:45px}.process-visual{left:2%}}
@media(max-width:900px){.process{height:auto;min-height:0;max-height:none;padding:130px 24px 90px}.process-bg img{object-position:75% center;opacity:.54}.process-copy{width:auto;margin:0;padding:0;max-width:610px;margin:auto}.process-copy h2{font-size:clamp(60px,10vw,80px);letter-spacing:-3px;line-height:.95}.process-intro{font-size:18px;line-height:1.4;margin:22px 0 24px;white-space:normal;max-width:430px}.process-step{grid-template-columns:38px 1fr;padding:18px 0 22px;gap:8px}.process-number{font-size:18px}.process-detail{padding-left:18px}.process-step-title{font-size:23px;letter-spacing:-.55px}.process-step-description{font-size:16px;line-height:1.45;max-width:480px}.process-step[aria-pressed="true"]::before{left:-9px;top:18px;bottom:22px}.process-start{height:60px;width:270px;font-size:19px;border-width:2px;border-radius:17px;margin-top:27px;gap:30px}.process-visual{position:relative;inset:auto;width:100%;height:88vw;max-height:800px;margin:30px auto -20px;pointer-events:auto;perspective:900px}.process-layer{width:190%;height:134.84vw;max-height:1064px;left:-81%;top:-27.5vw;transform-origin:77% 52%}.process .motion-control{bottom:20px}}
@media(max-width:440px){.process{padding:126px 24px 90px}.process-copy h2{font-size:64px;letter-spacing:-3.1px}.process-step-title{font-size:22px}.process-step-description{font-size:15px}.process-visual{height:85vw;margin-top:35px;margin-bottom:12px}.process-intro{font-size:17px;max-width:300px}}
@media(prefers-reduced-motion:reduce){.process-layer{will-change:auto}.process-step,.process-number,.process-start{transition:none}}