.work-process{--assembly:0;--phase-strategy:clamp(0,calc((var(--assembly) - .04)*8),1);--phase-system:clamp(0,calc((var(--assembly) - .21)*7),1);--phase-realization:clamp(0,calc((var(--assembly) - .42)*6),1);--phase-final:clamp(0,calc((var(--assembly) - .64)*5),1);color:#292c28;background:#d8d2c7;position:relative}.process-stage{overflow-anchor:none;contain:layout paint;isolation:isolate;background:#d8d2c7;border-top:1px solid #ffffffad;border-bottom:1px solid #74786f45;border-radius:54px;width:calc(100% - 2px);min-height:112svh;position:relative;left:-22px;overflow:hidden;box-shadow:0 -30px 80px #252b231f,0 30px 80px #252b231f,inset 0 1px #ffffffad}.process-artwork{z-index:0;contain:paint;background:#d8d2c7;width:100%;height:100%;margin:0;position:absolute;inset:0;overflow:hidden}.process-statue-stack{transform:scaleX(-1) scale(calc(1.02 + var(--phase-final)*.018)) translateZ(0);backface-visibility:hidden;transition:transform .7s cubic-bezier(.22,1,.36,1);position:absolute;inset:-1px}.process-statue-base{object-fit:cover;object-position:center;backface-visibility:hidden;contain:paint;width:100%;height:100%;position:absolute;inset:0;transform:translateZ(0)}.work-process[data-motion-active="1"] .process-statue-stack{will-change:transform}.work-process[data-motion-active="1"] .process-statue-base{will-change:opacity}.process-statue-base{opacity:calc(.035 + var(--phase-strategy)*.22 + var(--phase-system)*.31 + var(--phase-realization)*.29 + var(--phase-final)*.145);filter:saturate(.78)contrast(1.25)brightness(.94);transition:opacity .62s cubic-bezier(.22,1,.36,1)}.process-statue-stack>picture{display:contents}.process-blueprint{z-index:2;color:#4f544c;width:100%;height:100%;opacity:calc(.62 - var(--phase-system)*.32 - var(--phase-realization)*.18);stroke-width:1.35px;stroke-dasharray:10 10;transition:opacity .62s cubic-bezier(.22,1,.36,1);position:absolute;inset:0}.process-color-wash{z-index:3;pointer-events:none;opacity:var(--phase-system);background:radial-gradient(circle at 78% 39%,#8d9b6654,#0000 31%),linear-gradient(108deg,#0000 48%,#66734d24 100%);transition:opacity .62s cubic-bezier(.22,1,.36,1);position:absolute;inset:-10%}.process-final-motion{z-index:4;opacity:var(--phase-final);pointer-events:none;transition:opacity .62s cubic-bezier(.22,1,.36,1);position:absolute;inset:0}.process-final-motion:after{content:"";transform:translateX(calc((1 - var(--phase-final))*12%));background:linear-gradient(108deg,#0000 55%,#fff8e62b 76%,#0000 93%);position:absolute;inset:0}.process-final-motion span{aspect-ratio:1;background:radial-gradient(circle,#dbe4c778 0,#dbe4c738 38%,#0000 72%);border-radius:50%;width:14vw;animation:7s ease-in-out infinite alternate paused process-float;display:block;position:absolute}.work-process[data-motion-active="1"][data-step="5"] .process-final-motion span{animation-play-state:running}.process-final-motion span:first-child{top:8%;right:7%}.process-final-motion span:nth-child(2){width:20vw;animation-delay:-2.2s;bottom:2%;right:24%}.process-final-motion span:nth-child(3){width:10vw;animation-delay:-4.1s;bottom:10%;left:45%}.process-ui{z-index:6;pointer-events:none;flex-direction:column;width:min(39vw,590px);padding-left:0;padding-right:0;display:flex;position:absolute;top:50%;bottom:auto;left:calc(5.2% + .104px);transform:translateY(-50%)}.process-glass{pointer-events:auto;background:#ece9e1e8;border:1px solid #ffffffad;border-radius:20px;width:100%;padding:27px 28px 25px;box-shadow:0 22px 70px #30332b21,inset 0 1px #fff}.process-glass h2{color:#292c28;font-size:var(--vv-title);font-weight:400;line-height:var(--vv-title-lh);letter-spacing:var(--vv-title-ls);margin:0}.process-glass h2 em{color:#5a5d57;font-family:Nata Sans,Arial,sans-serif;font-style:italic;font-weight:400}.process-steps{grid-template-columns:1fr;gap:5px;margin:25px 0 0;padding:0;list-style:none;display:grid}.process-steps li{min-width:0}.process-steps button{color:#60635d;text-align:left;width:100%;min-height:45px;font-size:var(--vv-text);background:#f4f0e75c;border:1px solid #ffffff73;border-radius:10px;grid-template-columns:34px 1fr;align-items:center;gap:11px;padding:8px 12px;line-height:1.2;transition:background .25s,color .25s,border-color .25s,transform .25s;display:grid}.process-steps button:hover{background:#f8f6ef78;transform:translate(3px)}.process-number{font-size:var(--vv-text);color:#696c66}.process-steps li[data-done="1"] button{color:#46503d;background:#dce2d04a}.process-steps li[data-active="1"] button{color:#20271d;background:#a3b183ad;border-color:#eff4e4c7;box-shadow:0 10px 28px #4350351c}.process-step-note{color:#3f4739;font-family:Nata Sans,Arial,sans-serif;font-size:var(--vv-text);font-style:italic;line-height:var(--vv-text-lh);letter-spacing:0;margin:12px 14px 15px 45px;animation:.36s process-description-in}.process-progress{z-index:7;background:#575b5340;height:1px;position:absolute;bottom:7svh;left:calc(5.2% + .104px);right:calc(5.2% - 1.896px)}.process-progress>span{height:100%;transform:scaleX(var(--assembly));transform-origin:0;background:#66734d;transition:transform .62s cubic-bezier(.22,1,.36,1);display:block}@keyframes process-description-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes process-float{0%{transform:translate(-14px,-8px)scale(.94)}to{transform:translate(18px,14px)scale(1.08)}}.process-artwork--flower{background:linear-gradient(#b9c29e 0%,#c6cdac 20%,#d4d9bf 38%,#e1e3d3 56%,#eaeae0 74%,#e4e0d4 90%,#dcd6cb 100%)}.process-haze{z-index:1;pointer-events:none;position:absolute;inset:0;overflow:hidden}.process-haze span{background:radial-gradient(closest-side,var(--c) 0%,color-mix(in srgb,var(--c) 45%,transparent) 48%,transparent 100%);will-change:transform;animation:process-haze-drift var(--t) ease-in-out infinite alternate;animation-delay:var(--d,0s);border-radius:50%;display:block;position:absolute}.process-haze span:first-child{--c:#a9b58b8f;--t:23s;width:78%;height:78%;top:-24%;left:-18%}.process-haze span:nth-child(2){--c:#d3dcb59c;--t:18s;--d:-7s;width:70%;height:70%;top:-28%;left:52%}.process-haze span:nth-child(3){--c:#f1f3e8a8;--t:27s;--d:-13s;width:88%;height:76%;top:44%;left:10%}@keyframes process-haze-drift{0%{transform:translate(-4%,-3%)scale(.92)}to{transform:translate(5%,4%)scale(1.1)}}.process-grain{z-index:2;pointer-events:none;mix-blend-mode:overlay;opacity:.22;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.82' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='1.9 0 0 0 -.45 1.9 0 0 0 -.45 1.9 0 0 0 -.45 0 0 0 0 1'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23g)'/%3E%3C/svg%3E") 0 0/180px 180px;position:absolute;inset:0}.process-flower{aspect-ratio:175/251;width:auto;height:92%;display:block;position:absolute;bottom:0;right:7%}@media (width>=801px){.work-process:not([data-animated="0"]){height:260svh;padding:7svh 0}.work-process:not([data-animated="0"]) .process-stage{height:112svh;position:sticky;top:-6svh}}@media (width<=1100px){.process-ui{width:min(46vw,535px)}.process-glass{padding:23px}.process-steps{margin-top:19px}.process-steps button{min-height:41px}}@media (width<=800px){.work-process{--assembly:0}.work-process:not([data-animated="0"]){height:280svh}.process-stage,.work-process:not([data-animated="0"]) .process-stage{border-radius:38px;width:100%;height:auto;min-height:0;position:sticky;top:0;left:0}.process-artwork{border-bottom:0;height:auto;min-height:0;inset:0}.process-statue-stack{transform:translateY(calc(10svh + 46px)) scale(calc(.9 + var(--phase-final)*.025));transform-origin:top;inset:0}.process-statue-base{object-fit:contain;object-position:center 30%}.process-flower{display:none}.process-blueprint{transform-origin:70% 28%;height:61%;transform:translateY(44px)scale(1.35)}.process-color-wash{height:63%;bottom:auto}.process-final-motion{height:61%;bottom:auto}.process-ui{width:auto;min-height:0;padding:calc(var(--vv-notice-h,0px) + clamp(96px,12svh,128px)) 4.5% max(24px,env(safe-area-inset-bottom));justify-content:flex-end;position:relative;inset:auto;transform:none}.process-glass{background:#f4f1e8f2;border-radius:22px;padding:18px}.process-steps{gap:4px;margin-top:16px}.process-steps button{min-height:40px;padding:7px 10px}.process-step-note{margin:9px 10px 12px 39px}.process-progress{display:none}}@media (prefers-reduced-motion:reduce){.process-final-motion span,.process-step-note,.process-haze span{animation:none}.process-steps button,.process-statue-stack,.process-statue-base,.process-blueprint,.process-color-wash,.process-final-motion,.process-progress>span{transition:none}}