/* Motion remains progressive: all content is readable without JavaScript. */
.motion-lab{display:grid;grid-template-columns:1fr 1.1fr;gap:6%;align-items:center;padding-top:64px;padding-bottom:64px}.lab-copy>p:not(.eyebrow){max-width:410px;font-size:15px;line-height:1.8;color:var(--muted);margin-top:24px}.lab-modes{display:flex;flex-wrap:wrap;gap:8px;margin:28px 0}.lab-modes button{font-size:12px;border:1px solid #ded6ef;border-radius:30px;padding:11px 16px;background:white;transition:background .25s,color .25s,transform .25s}.lab-modes button[aria-pressed=true]{background:#6838ef;color:white;border-color:#6838ef}.lab-modes button:hover{transform:translateY(-3px)}.lab-result{min-height:90px}.lab-result h3{font-size:20px;letter-spacing:-.6px;margin-bottom:10px}.lab-result p{font-size:13px;line-height:1.8;color:var(--muted);max-width:390px}.lab-copy .action-link{font-size:13px;margin-top:18px}.lab-stage{aspect-ratio:1;position:relative;isolation:isolate;overflow:hidden;border:1px solid #e9e1f8;border-radius:22px;background:#f3eeff;--lab-accent:#6838ef;--lab-soft:#e1d5ff;transition:background .7s}.lab-stage[data-mode=seo]{background:#edfaf5;--lab-accent:#236c59;--lab-soft:#c0e8d8}.lab-stage[data-mode=auto]{background:#f0f1ff;--lab-accent:#505cc4;--lab-soft:#d9ddff}.lab-grid{position:absolute;inset:0;background-image:radial-gradient(#9484b73b .8px,transparent .8px);background-size:24px 24px;mask-image:radial-gradient(ellipse,black,transparent 75%)}.lab-object{position:absolute;width:43%;aspect-ratio:1;left:28.5%;top:25%;animation:coreFloat 7s ease-in-out infinite;translate:var(--px,0px) var(--py,0px);transition:translate .5s ease-out}.lab-object-inner{width:100%;height:100%;background:var(--lab-accent);border-radius:30%;display:flex;flex-direction:column;align-items:center;justify-content:center;color:white;box-shadow:0 24px 60px -20px var(--lab-accent),inset 0 1px 0 #ffffff70;transform:rotate(-10deg);transition:border-radius .7s,background .7s,transform .7s}.lab-stage[data-mode=seo] .lab-object-inner{border-radius:50%;transform:rotate(0)}.lab-stage[data-mode=auto] .lab-object-inner{border-radius:15%;transform:rotate(10deg)}.lab-symbol{font-size:clamp(60px,7vw,120px);line-height:1;letter-spacing:-.11em;padding-right:.12em;font-weight:600}.lab-core-label{font-size:9px;letter-spacing:.15em;margin-top:14px}.lab-orbit{position:absolute;inset:13%;border:1px solid var(--lab-soft);border-radius:50%;animation:orbitSpin 24s linear infinite;transition:border-color .7s}.lab-orbit:before{content:'';width:12px;height:12px;background:var(--lab-accent);border:4px solid #fff;border-radius:50%;position:absolute;left:calc(50% - 6px);top:-6px;box-sizing:content-box}.orbit-two{inset:5%;animation-direction:reverse;animation-duration:36s}.orbit-two:before{width:6px;height:6px;top:42%;left:-3px;background:var(--lab-soft)}.lab-chip{position:absolute;background:#ffffffed;backdrop-filter:blur(8px);box-shadow:0 10px 28px #3d245211;border:1px solid #ffffff;border-radius:10px;padding:15px 20px;display:flex;align-items:center;gap:12px;font-size:13px;animation:chipFloat 6s ease-in-out infinite}.lab-chip span{color:var(--lab-accent);font-size:21px}.lab-chip b{font-weight:500}.chip-one{left:8%;top:18%;rotate:-8deg}.chip-two{right:5%;top:43%;rotate:7deg;animation-delay:-2s}.chip-three{left:14%;bottom:17%;rotate:-3deg;animation-delay:-4s}.lab-cross{position:absolute;color:var(--lab-accent);font-size:24px;font-weight:400}.cross-one{right:15%;top:14%}.cross-two{left:10%;bottom:35%}.lab-stage-foot{position:absolute;left:24px;right:24px;bottom:22px;display:flex;justify-content:space-between;font-size:8px;letter-spacing:.12em;color:#706481}.lab-stage-foot i{display:inline-block;width:5px;height:5px;background:var(--lab-accent);border-radius:50%;margin-right:5px}.kinetic-strip{overflow:hidden;border-block:1px solid #ece6f4;padding:22px 0;color:#c6b6e4}.kinetic-track{display:flex;width:max-content;animation:marqueeSlide 35s linear infinite}.kinetic-track>span{flex-shrink:0;font-size:clamp(30px,5vw,74px);font-weight:500;letter-spacing:-.04em;white-space:nowrap}.kinetic-track i{display:inline-block;font-style:normal;color:#6838ef;margin:0 28px}.reading-progress{position:fixed;z-index:120;left:0;top:0;height:3px;width:100%;background:#6838ef;transform:scaleX(var(--read-progress,0));transform-origin:left;pointer-events:none}.motion-toggle{position:fixed;z-index:30;bottom:16px;left:16px;display:flex;align-items:center;gap:8px;background:#ffffffed;border:1px solid #e4d9f6;color:#665c76;border-radius:30px;box-shadow:0 3px 15px #2d164410;padding:9px 13px;font-size:10px}.motion-toggle[hidden]{display:none}.modal-open .motion-toggle{visibility:hidden}.motion-enabled .hero-gallery .sheet-back{animation:sheetDrift 8s ease-in-out infinite}.motion-enabled .hero-gallery .sheet-middle{animation:sheetDrift 8s ease-in-out -4s infinite}.motion-enabled .gallery-track{translate:var(--px,0px) var(--py,0px);transition:translate .6s ease-out}.motion-enabled .work-window{translate:0 var(--work-y,0px)}.motion-enabled .reveal-in{animation:sectionArrive .85s cubic-bezier(.16,1,.3,1) both}.motion-enabled .hero-copy{animation:sectionArrive .9s cubic-bezier(.16,1,.3,1) both}.motion-enabled .hero-gallery{animation:sectionArrive 1.1s .1s cubic-bezier(.16,1,.3,1) both}.motion-enabled .service-panel.mode-enter{animation:sectionArrive .55s ease both}.motion-enabled .lab-result.mode-enter{animation:sectionArrive .45s ease both}.motion-enabled .contact-button,.motion-enabled .header-cta{translate:var(--mx,0px) var(--my,0px);transition:translate .25s ease-out,background .25s}.motion-paused *,body.motion-paused *:before,body.motion-paused *:after{animation-play-state:paused!important}.motion-paused .reveal-in,.motion-paused .hero-copy,.motion-paused .hero-gallery,.motion-paused .mode-enter{animation:none!important}.motion-paused .gallery-track,.motion-paused .lab-object,.motion-paused .work-window,.motion-paused .contact-button,.motion-paused .header-cta{translate:0 0!important}.motion-paused{scroll-behavior:auto}html:has(.motion-paused){scroll-behavior:auto}
@keyframes coreFloat{0%,100%{transform:translateY(-7px) rotate(-2deg)}50%{transform:translateY(9px) rotate(2deg)}}@keyframes chipFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}@keyframes orbitSpin{to{transform:rotate(360deg)}}@keyframes marqueeSlide{to{transform:translateX(-50%)}}@keyframes sheetDrift{0%,100%{translate:0 -5px}50%{translate:0 9px}}@keyframes sectionArrive{from{opacity:.25;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:850px){.motion-lab{gap:30px}.lab-modes button{padding:9px 12px;font-size:11px}.lab-chip{padding:10px 13px;font-size:11px}.lab-stage-foot{font-size:6px;left:16px;right:16px;bottom:16px}.lab-core-label{font-size:7px}.lab-result{min-height:100px}}
@media(max-width:650px){.motion-lab{grid-template-columns:1fr;padding-top:40px;padding-bottom:40px}.lab-copy h2{font-size:43px}.lab-copy>p:not(.eyebrow){font-size:13px;margin-top:20px}.lab-stage{max-width:450px;width:100%;justify-self:center;aspect-ratio:1.1}.lab-symbol{font-size:78px}.lab-chip{font-size:12px;padding:12px 16px}.lab-result{min-height:80px}.lab-modes{margin:22px 0}.motion-toggle{font-size:9px;padding:8px 10px;bottom:10px;left:10px}.kinetic-strip{padding:14px 0}.kinetic-track i{margin:0 18px}.motion-enabled .work-window{translate:0 0}.lab-core-label{font-size:8px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}*,*:before,*:after{animation:none!important;transition:none!important}.gallery-track,.lab-object,.work-window,.contact-button,.header-cta{translate:0 0!important}}
/* A tighter editorial rhythm and a more visible, scroll-led portfolio. */
.motion-lab{padding-top:40px;padding-bottom:44px;gap:5%}.lab-stage{aspect-ratio:1.14}.lab-copy h2{font-size:clamp(42px,4.6vw,70px)}.lab-result{min-height:126px;max-width:430px}.lab-result h3{font-size:clamp(22px,2vw,30px);line-height:1.15;letter-spacing:-1px}.lab-copy>.action-link{margin-top:4px}.kinetic-strip{padding:12px 0;background:#faf8ff}.kinetic-track>span{font-size:clamp(24px,3.4vw,50px);color:#ad99cb}.kinetic-track{animation-duration:27s}.work.section{padding-top:65px}.hero h1{font-size:clamp(52px,6.2vw,96px);letter-spacing:-.065em}.hero-description{max-width:430px}.motion-enabled .section h2 .accent{background-image:linear-gradient(90deg,#6838ef 0%,#6838ef var(--text-reveal,100%),#c9bce0 var(--text-reveal,100%),#c9bce0 100%);background-clip:text;-webkit-background-clip:text;color:transparent}.motion-enabled .work-window{rotate:var(--work-roll,0deg);transition:rotate .25s,translate .25s,transform .5s}.motion-enabled .work-image:hover .work-window{transform:perspective(900px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg)) scale(1.035)}.gallery-autoplay{position:absolute;left:0;right:0;bottom:-12px;height:2px;background:#ddd1ee;overflow:hidden}.gallery-autoplay span{display:block;width:100%;height:100%;background:#6838ef;transform-origin:left;transform:scaleX(var(--slide-progress,0));transition:transform .2s linear}.gallery-caption{position:absolute}.motion-enabled .lab-object{animation-duration:4.5s}.motion-enabled .lab-chip{animation-duration:4s}.motion-enabled .orbit-one{animation-duration:16s}.motion-enabled .orbit-two{animation-duration:25s}.lab-stage:after{content:'';position:absolute;inset:-30%;pointer-events:none;background:linear-gradient(110deg,transparent 40%,#ffffff65 50%,transparent 60%);animation:lightPass 9s ease-in-out infinite;z-index:-1}.motion-enabled .studio-mark{animation:brandBreathe 8s ease-in-out infinite}.venture-path article{transition:translate .3s,border-color .3s}.venture-path article:hover{translate:8px 0;border-color:#6838ef}.motion-paused .work-window{rotate:0deg!important}.motion-paused .section h2 .accent{background:none;color:#6838ef}.motion-paused .gallery-autoplay{visibility:hidden}@keyframes lightPass{0%,25%{transform:translateX(-60%) rotate(-10deg)}75%,100%{transform:translateX(60%) rotate(-10deg)}}@keyframes brandBreathe{0%,100%{transform:rotate(-6deg) translateY(0)}50%{transform:rotate(5deg) translateY(-12px)}}@media(max-width:650px){.motion-lab{padding-top:30px;padding-bottom:30px}.lab-result{min-height:110px}.lab-result h3{font-size:25px}.lab-stage{aspect-ratio:1.16}.hero h1{font-size:clamp(48px,11.5vw,68px)}.work.section{padding-top:40px}.motion-enabled .work-window{rotate:0deg}.venture-path article:hover{translate:0}.gallery-autoplay{bottom:-6px}}@media(prefers-reduced-motion:reduce){.motion-enabled .section h2 .accent{background:none;color:#6838ef}.gallery-autoplay{display:none}}

/* A vivid brand ribbon: filled and outlined type, rotating marks, and a second rail. */
.kinetic-strip{position:relative;isolation:isolate;padding:24px 0 20px;border:0;color:#fff;background:radial-gradient(ellipse at 75% 0%,#8b5bff66,transparent 65%),linear-gradient(115deg,#4c22bc,#6838ef 60%,#5928d5);overflow:hidden}
.kinetic-strip:before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background-image:linear-gradient(#ffffff07 1px,transparent 1px),linear-gradient(90deg,#ffffff07 1px,transparent 1px);background-size:64px 64px}
.kinetic-heading{display:flex;align-items:center;justify-content:space-between;padding:0 5%;margin-bottom:20px;font-size:9px;font-weight:500;letter-spacing:.18em;color:#e5d9ff}
.kinetic-track{display:flex;width:max-content;animation-duration:44s;will-change:transform}
.kinetic-group{display:flex;align-items:center;flex:none;gap:clamp(30px,4vw,72px);padding-right:clamp(30px,4vw,72px)}
.kinetic-item{flex:none;font-size:clamp(36px,5vw,76px);font-weight:500;line-height:1.14;letter-spacing:-.045em;white-space:nowrap;color:#fff}
.kinetic-outline{color:#e0d3ff}
@supports(-webkit-text-stroke:1px #fff){.kinetic-outline{color:transparent;-webkit-text-stroke:1px #fff}}
.kinetic-symbol{flex:none;width:clamp(34px,4vw,62px);height:clamp(34px,4vw,62px);color:#e3d6ff;animation:ribbonMark 18s linear infinite}
.kinetic-arrow{flex:none;display:grid;place-items:center;width:clamp(44px,5vw,70px);height:clamp(44px,5vw,70px);border:1px solid #ffffff66;border-radius:50%;background:#ffffff0d;color:#fff;font-size:clamp(26px,3vw,43px);line-height:1}
.kinetic-secondary{margin-top:22px;padding-top:16px;border-top:1px solid #ffffff26;animation-duration:62s;animation-direction:reverse}
.kinetic-secondary .kinetic-group{min-width:100vw;justify-content:space-around;gap:28px;padding:0 28px;box-sizing:border-box}
.kinetic-secondary span{flex:none;font-size:10px;font-weight:500;letter-spacing:.16em;color:#f2ebff;white-space:nowrap}
.kinetic-secondary i{flex:none;margin:0;font-style:normal;font-size:16px;font-weight:400;color:#ccb4ff;line-height:1}
@keyframes ribbonMark{to{transform:rotate(360deg)}}
@media(hover:hover){.kinetic-strip:hover .kinetic-track,.kinetic-strip:hover .kinetic-symbol{animation-play-state:paused}}
@media(max-width:650px){.kinetic-strip{padding:18px 0 16px}.kinetic-heading{font-size:8px;margin-bottom:16px}.kinetic-secondary{margin-top:18px;padding-top:13px}.kinetic-secondary .kinetic-group{gap:20px;padding:0 20px}.kinetic-secondary span{font-size:9px}.kinetic-outline{-webkit-text-stroke-width:.8px}}
@media(prefers-reduced-motion:reduce){.kinetic-track,.kinetic-symbol{animation:none;will-change:auto}}
.kinetic-primary .kinetic-group{min-width:100vw;justify-content:space-around;padding-inline:32px;box-sizing:border-box}
@media(max-width:650px){.kinetic-primary .kinetic-group{padding-inline:20px}}