:root{--motion-ease:cubic-bezier(.22,1,.36,1);--motion-time:.65s}
/* The opening's reflected light carries into the work section. */
.hero .forge-sculpture{translate:0 var(--opening-shift,0px);scale:var(--opening-scale,1);opacity:var(--opening-opacity,1);transition:opacity .15s linear}.hero{isolation:isolate}.hero:after{content:'';position:absolute;inset:45% -5% -5%;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 75% 80%,#ff6e1617,transparent 60%);opacity:var(--opening-glow,.35)}.work-section{position:relative;isolation:isolate}.work-section:before{content:'';position:absolute;left:0;right:0;top:0;height:300px;background:radial-gradient(ellipse at 70% 0,#e5781b0d,transparent 65%);pointer-events:none;z-index:-1}
/* Two metal leaves uncover the live website once, leaving it sharp and unobstructed. */
.cinematic-ready .case-visual{position:relative;isolation:isolate}.showcase-curtain{position:absolute;top:0;bottom:0;width:50.5%;z-index:35;pointer-events:none;background:linear-gradient(115deg,#303638,#0d1317 50%,#20292d);box-shadow:inset 0 1px #e2d6bd22;transition:transform 1.3s var(--motion-ease),visibility 0s 1.3s}.showcase-curtain.left{left:0;border-right:1px solid #edaa6555;background:linear-gradient(115deg,#2e3537,#10171c 75%,#42362a)}.showcase-curtain.right{right:0;border-left:1px solid #edaa6555;background:linear-gradient(-115deg,#2e3537,#10171c 75%,#42362a)}.showcase-curtain:after{content:'';position:absolute;top:20%;bottom:20%;left:18%;right:18%;border:1px solid #aaa79d16;background:linear-gradient(90deg,transparent,#e5c39205,transparent)}.showcase-curtain{transform:translateX(0)}.showcase-uncovered .showcase-curtain.left{transform:translateX(-101%);visibility:hidden}.showcase-uncovered .showcase-curtain.right{transform:translateX(101%);visibility:hidden}.project-screen{overflow:clip}.project-screen.is-expanded{overflow:visible}.showcase-uncovered .project-screen{overflow:visible}
/* Connected paths and a readable record show the automation's changing state. */
.automation-stage{min-height:510px;perspective:1000px}.automation-orbit{opacity:.35;top:20px;width:350px;height:350px}.automation-nodes{width:min(100%,500px);gap:38px 45px;transform:none;isolation:isolate}.automation-nodes:before{display:none}.workflow-paths{position:absolute;inset:0;width:100%;height:100%;z-index:-1;overflow:visible;pointer-events:none}.workflow-paths path{fill:none;stroke:#c1a07e44;stroke-width:1.3}.workflow-paths .workflow-energy{stroke:#ffc482;stroke-width:2;stroke-dasharray:70 930;stroke-dashoffset:0;opacity:0;filter:drop-shadow(0 0 3px #ff7d19)}.workflow-playing .workflow-energy{opacity:1;animation:workflow-route 3s linear infinite}.automation-node{min-height:124px;transition:border-color .45s,transform .6s var(--motion-ease),box-shadow .5s,background .5s;box-shadow:0 2px 0 #373735,0 16px 28px #0006;background:linear-gradient(145deg,#333936,#152027 75%)}.automation-node.is-running{transform:translateY(-5px);box-shadow:0 2px 0 #6f4b2b,0 12px 30px #0006,0 0 25px #ff711e15}.automation-node strong{font-size:14px}.automation-node small{font-size:10px;line-height:1.5}.workflow-record{width:min(100%,460px);margin-top:34px;padding:20px 22px;border:1px solid #9f9f963d;background:linear-gradient(120deg,#232c31,#111a20);box-shadow:0 12px 35px #0005;border-radius:5px;text-align:left;transition:border-color .5s}.record-top{display:flex;justify-content:space-between;gap:12px;font-size:8px;letter-spacing:.1em;color:#b8b8b0;margin-bottom:15px}.record-state{color:#ffd0a0}.record-title{font-size:17px;font-weight:600;color:#eee8de;display:block;line-height:1.4}.record-lines{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:18px}.record-lines span{font-size:9px;line-height:1.5;color:#98a5aa;border-left:2px solid #9f84613d;padding-left:9px;transition:color .4s,border-color .4s}.record-lines span.is-captured{color:#dbdcd1;border-color:#e0a66c}.record-next{margin-top:18px;padding-top:13px;border-top:1px solid #a5a5a522;font-size:11px;color:#d5b693;line-height:1.6}.record-updated{animation:record-arrive .45s var(--motion-ease)}.automation-status{margin-top:20px!important;font-size:11px!important}
/* Layered pricing stays readable while its payment milestones arrive in sequence. */
.price-card{transform:none!important;border-color:#baa07b66;box-shadow:inset 0 1px #fff3,inset 1px 0 #e6c79a12,8px 10px 0 -2px #1a2329,8px 10px 0 -1px #9c806133,0 30px 60px #0006}.price-card:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(125deg,transparent 20%,#fff08 45%,transparent 65%);opacity:0;transform:translateX(-50%);transition:opacity .8s,transform 1.3s var(--motion-ease)}.price-card.pricing-visible:after{opacity:.3;transform:translateX(25%)}.cinematic-ready .payment-milestones>div{opacity:.4;transform:translateY(12px);transition:opacity .7s var(--motion-ease),transform .7s var(--motion-ease)}.pricing-visible .payment-milestones>div{opacity:1;transform:none}.pricing-visible .payment-milestones>div:last-child{transition-delay:.18s}
/* Quiet molten reflections behind the closing headline; the form remains stable. */
.contact-section{position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(135deg,#121b20,#080e12 75%)}.contact-section:before{content:'';position:absolute;width:750px;height:750px;left:-420px;top:0;border-radius:44%;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 65% 40%,transparent 22%,#ffb15c10 29%,#e65f1318 36%,transparent 45%),radial-gradient(ellipse at 40% 65%,#ad330c15,transparent 60%);filter:blur(18px);animation:contact-current 24s ease-in-out infinite alternate;animation-play-state:paused}.contact-section.is-in-view:before{animation-play-state:running}.contact-grid>div:first-child{position:relative}.contact-grid form{transform:none!important;box-shadow:inset 0 1px #fff2,0 30px 80px #0006!important}.button,.lab-control,.lab-tab,.text-link{transition-timing-function:var(--motion-ease)}
@keyframes workflow-route{to{stroke-dashoffset:-1000}}@keyframes record-arrive{from{opacity:.4;translate:0 6px}to{opacity:1;translate:0 0}}@keyframes contact-current{from{transform:translate(-20px,10px) rotate(-20deg) scale(.9)}to{transform:translate(100px,100px) rotate(35deg) scale(1.1)}}
@media(max-width:700px){.hero .forge-sculpture{scale:1;translate:none;opacity:1}.automation-stage{min-height:490px}.automation-nodes{gap:28px 22px}.automation-node{min-height:113px;padding:17px 11px}.automation-node strong{font-size:12px}.automation-node small{font-size:9px}.workflow-record{padding:18px;margin-top:27px}.record-title{font-size:15px}.record-lines{gap:8px}.record-next{font-size:10px}.contact-section:before{left:-480px;opacity:.65}.price-card{box-shadow:inset 0 1px #fff2,4px 6px 0 #1a2329,0 25px 50px #0006}}
@media(prefers-reduced-motion:reduce){.hero .forge-sculpture{translate:none;scale:1;opacity:1}.showcase-curtain{display:none}.workflow-energy,.contact-section:before{animation:none!important}.cinematic-ready .payment-milestones>div{opacity:1;transform:none;transition:none}.record-updated{animation:none}.automation-node,.price-card:after{transition:none}.price-card:after{display:none}}
.motion-paused .showcase-curtain{display:none}.motion-paused .workflow-energy,.motion-paused .contact-section:before{animation-play-state:paused}.motion-paused .hero .forge-sculpture{translate:none;scale:1;opacity:1}.motion-paused .payment-milestones>div{opacity:1;transform:none;transition:none}
/* Only the website window moves; no decorative side panels. */
.showcase-curtain{display:none!important}.project-screen.is-browsing{scale:var(--showcase-scale,1);translate:0 var(--showcase-rise,0px);transform-origin:50% 50%;will-change:scale,translate}.project-screen.is-expanded{scale:1!important;translate:none!important}.slide-visit-overlay{touch-action:none}.slide-visit-overlay:focus-visible>span{background:#3b2c1e}.motion-paused .project-screen.is-browsing{scale:1;translate:none}@media(prefers-reduced-motion:reduce){.project-screen.is-browsing{scale:1;translate:none;will-change:auto}}
/* Visible sphere-to-pool handoff, driven by scroll rather than a repeating animation. */
.hero:after{inset:18% -8% -12%;background:radial-gradient(ellipse at 76% 70%,#ff8b2840,transparent 38%),radial-gradient(ellipse at 65% 98%,#e85d1d44,transparent 55%);opacity:calc(var(--handoff,0)*.8);transform:translateY(calc(var(--handoff,0)*85px)) scaleY(calc(.7 + var(--handoff,0)*.5));filter:blur(22px)}
.hero .forge-sculpture{rotate:calc(var(--handoff,0)*-16deg);filter:drop-shadow(0 0 24px #f77b1222);transform-origin:50% 60%;will-change:translate,scale,opacity}
.hero .sculpture-label{opacity:calc(1 - var(--handoff,0)*1.7)}
@media(max-width:700px){.hero .forge-sculpture{translate:0 calc(var(--handoff,0)*70px);scale:calc(1 - var(--handoff,0)*.22);opacity:calc(1 - var(--handoff,0)*.55);rotate:calc(var(--handoff,0)*-9deg)}.hero:after{filter:blur(16px)}}
@media(prefers-reduced-motion:reduce){.hero:after{display:none}.hero .forge-sculpture{rotate:none;filter:none;will-change:auto}.hero .sculpture-label{opacity:1}}
.motion-paused .hero:after{display:none}.motion-paused .hero .forge-sculpture{rotate:none;filter:none}.motion-paused .hero .sculpture-label{opacity:1}