.motion-chapter{position:relative;isolation:isolate}
.motion-chapter>.wrap{position:relative;z-index:1}
.chapter-ambience{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:0;contain:paint}
.chapter-ambience *{animation-play-state:paused!important}
.motion-chapter[data-motion="running"] .chapter-ambience *{animation-play-state:running!important}
.web-grid-motion{position:absolute;right:-15%;top:-170px;width:min(1100px,85vw);height:820px;background-image:linear-gradient(#237ed342 1px,transparent 1px),linear-gradient(90deg,#237ed342 1px,transparent 1px);background-size:70px 70px;transform:perspective(750px) rotateX(55deg) rotateZ(-24deg);mask-image:radial-gradient(ellipse,#0008,transparent 70%);animation:web-grid-drift 22s ease-in-out infinite alternate}
.web-light-sweep{position:absolute;right:-160px;top:120px;width:780px;height:210px;background:linear-gradient(110deg,transparent 20%,#458ddd1a 45%,#68a8f028 52%,transparent 75%);transform:rotate(-32deg);animation:web-sweep 16s ease-in-out infinite alternate;filter:blur(16px)}
.web-frame-line{position:absolute;right:10%;top:125px;width:290px;height:220px;border:1px solid #2776c524;transform:rotate(-24deg);animation:web-frame 25s ease-in-out infinite alternate}
@keyframes web-grid-drift{from{transform:perspective(750px) rotateX(55deg) rotateZ(-24deg) translateY(-30px)}to{transform:perspective(750px) rotateX(55deg) rotateZ(-18deg) translateY(40px)}}
@keyframes web-sweep{from{transform:translate(-130px,-50px) rotate(-32deg);opacity:.45}to{transform:translate(120px,60px) rotate(-27deg);opacity:1}}
@keyframes web-frame{to{transform:translate(-45px,55px) rotate(-17deg)}}
.system-flow{position:absolute;right:-8%;top:-70px;width:min(1200px,100%);height:650px;color:#77baff;mask-image:linear-gradient(90deg,transparent,#000 35%)}
.system-tracks{stroke:currentColor;stroke-width:1;opacity:.14}
.system-pulses path{stroke:currentColor;stroke-width:2;stroke-dasharray:90 1300;stroke-linecap:round;opacity:.55;animation:system-travel 13s linear infinite}
.system-nodes{fill:#add7ff;opacity:.35;animation:system-glow 6s ease-in-out infinite alternate}
@keyframes system-travel{from{stroke-dashoffset:1390}to{stroke-dashoffset:0}}
@keyframes system-glow{from{opacity:.2}to{opacity:.65}}
.cg-contours{position:absolute;width:min(820px,78vw);height:auto;right:-120px;top:-220px;color:#286cae;stroke:currentColor;stroke-width:1;opacity:.2}
.cg-orbit-outer,.cg-orbit-inner{transform-origin:400px 400px;animation:cg-orbit 42s linear infinite}
.cg-orbit-inner{animation-direction:reverse;animation-duration:32s;opacity:.7}
.cg-point{fill:currentColor;stroke:none;transform-origin:400px 400px;animation:cg-orbit 42s linear infinite}
@keyframes cg-orbit{to{transform:rotate(360deg)}}
.motion-chapter .chapter-word{display:inline-block;transform:translate3d(var(--chapter-shift,0px),0,0);transition:transform .15s linear}
.motion-chapter .portfolio-image{animation:none;transform:perspective(1100px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg));transition:transform .45s cubic-bezier(.2,.65,.3,1),box-shadow .45s;transform-origin:center}
.motion-chapter .portfolio-image>img{transform:translate3d(0,var(--image-drift,0px),0) scale(1.06);transition:transform .65s cubic-bezier(.2,.65,.3,1)}
.motion-chapter .portfolio-card:hover .portfolio-image>img{transform:translate3d(0,var(--image-drift,0px),0) scale(1.09)}
.motion-chapter .portfolio-3dcg .portfolio-image>img,.motion-chapter .portfolio-3dcg:hover .portfolio-image>img{transform:none}
.motion-chapter .portfolio-card:hover .portfolio-image{box-shadow:0 20px 35px -24px #14345370}
.motion-chapter .portfolio-card[data-revealed="true"]{animation:work-arrive .85s cubic-bezier(.2,.65,.3,1) both;animation-delay:calc(var(--card-order,0)*110ms)}
@keyframes work-arrive{from{opacity:.65;translate:0 24px}to{opacity:1;translate:0 0}}
.motion-chapter .chapter-works-label{position:relative;padding-bottom:12px}
.motion-chapter .chapter-works-label:after{content:'';position:absolute;bottom:0;left:0;width:100%;height:1px;background:linear-gradient(90deg,var(--blue),transparent 85%);opacity:.35;transform-origin:left;scale:.7 1;transition:scale 1.4s cubic-bezier(.2,.65,.3,1)}
.motion-chapter[data-motion="running"] .chapter-works-label:after{scale:1 1}
.motion-experience[data-site-motion="paused"] .motion-chapter .portfolio-card{animation:none;translate:none;opacity:1}
.motion-experience[data-site-motion="paused"] .motion-chapter .portfolio-image,.motion-experience[data-site-motion="paused"] .motion-chapter .portfolio-image>img,.motion-experience[data-site-motion="paused"] .motion-chapter .chapter-word{transform:none;transition:none}
.motion-experience[data-site-motion="paused"] .chapter-ambience *{animation-play-state:paused!important}
.motion-experience[data-site-motion="paused"] .chapter-works-label:after{transition:none}
.home-page .buyer-hero .tech-hero-grid{padding-bottom:42px}
@media(max-width:760px){.web-grid-motion{width:800px;height:600px;right:-390px;top:-120px;opacity:.7}.web-light-sweep{width:520px;right:-250px;opacity:.5}.web-frame-line{right:-100px}.system-flow{width:800px;max-width:none;right:-360px;top:-60px;height:560px;opacity:.7}.cg-contours{width:650px;max-width:none;right:-300px;top:-150px;opacity:.15}.motion-chapter .chapter-word{transform:none}.motion-chapter .portfolio-image,.motion-chapter .portfolio-image>img,.motion-chapter .portfolio-card:hover .portfolio-image>img{transform:none}.home-page .buyer-hero .tech-hero-grid{padding-bottom:24px}}
@media(prefers-reduced-motion:reduce){.chapter-ambience *{animation:none!important}.motion-chapter .portfolio-card{animation:none!important;translate:none!important;opacity:1!important}.motion-chapter .portfolio-image,.motion-chapter .portfolio-image>img,.motion-chapter .chapter-word{transform:none!important;transition:none!important}.motion-chapter .chapter-works-label:after{transition:none!important}}