.motion-journey .motion-theatre{isolation:isolate}.motion-journey .motion-theatre>.spatial-stage{z-index:-1;opacity:.12}.spatial-section{isolation:isolate;position:relative}.spatial-stage{pointer-events:none;z-index:0;opacity:.5;contain:layout paint;width:100%;height:100%;margin:0;position:absolute;inset:0;overflow:hidden}.spatial-stage canvas{width:100%;height:100%;display:block}.spatial-section>:not(.spatial-stage){z-index:1;position:relative}.spatial-hero{opacity:.65;z-index:0;height:100%;margin:0;position:absolute;inset:0}.spatial-ribbon{height:100%;margin:0}.site-footer>.spatial-stage,.vision-band>.spatial-stage{height:100%}.spatial-section .work-comparison{perspective:1800px;gap:36px}.spatial-section .bento-panel{box-shadow:10px 16px 0 -8px var(--line), 18px 28px 45px -30px var(--ink);transform-style:preserve-3d}.spatial-section .canvas-custom-os{perspective:1000px}.spatial-section .cockpit-container{transform-style:preserve-3d;transform:rotateY(-5deg)rotateX(5deg)}.spatial-section .cockpit-node{box-shadow:3px 5px 0 -2px var(--line)}.spatial-section .solution-art{perspective:1100px;overflow:visible}.spatial-section .operations-preview{box-shadow:14px 18px 0 -7px var(--line), 24px 30px 45px -30px var(--ink);transform:rotateX(12deg)rotateY(-12deg)}.spatial-section .product-browser{transform:rotateY(-12deg)rotateX(8deg)}.spatial-section .audience-example,.spatial-section .deliverable-list article,.spatial-section .difference-list article,.spatial-section .investment-columns article{transform-style:preserve-3d;box-shadow:6px 9px 0 -5px var(--line), 10px 18px 25px -25px var(--ink);transition:transform .3s cubic-bezier(.2,.8,.2,1),box-shadow .3s}.spatial-section .contact-form-wrap{box-shadow:12px 16px 0 -6px var(--line), 25px 32px 55px -35px var(--ink)}@media (hover:hover) and (pointer:fine){.spatial-section .audience-example:hover,.spatial-section .deliverable-list article:hover,.spatial-section .difference-list article:hover,.spatial-section .investment-columns article:hover{box-shadow:8px 14px 0 -5px var(--line), 14px 24px 35px -20px var(--ink);transform:perspective(1000px)translateY(-4px)rotateX(2deg)rotateY(-2deg)}}html[data-site-motion=running] .spatial-section .bento-panel{animation:9s ease-in-out infinite alternate spatial-panel}html[data-site-motion=running] .spatial-section .bento-panel:nth-child(2){animation-delay:-4s}html[data-site-motion=running] .spatial-section .operations-preview{animation:10s ease-in-out infinite alternate spatial-workspace}.spatial-section .faq-list details{transition:box-shadow .4s,transform .4s}.spatial-section .faq-list details[open]{box-shadow:0 10px 18px -16px var(--ink);transform:perspective(1200px)translateZ(15px)}@keyframes spatial-panel{0%{transform:rotateY(-2deg)rotateX(1deg)translateY(0)}to{transform:rotateY(2deg)rotateX(-1deg)translateY(-7px)}}@keyframes spatial-workspace{0%{transform:rotateX(10deg)rotateY(-10deg)translateY(0)}to{transform:rotateX(3deg)rotateY(5deg)translateY(-10px)}}@media (max-width:980px){.spatial-stage{width:100%;height:100%;margin-top:0;position:absolute;inset:0}.spatial-hero{height:100%}.spatial-section .work-comparison{gap:24px}}@media (max-width:600px){.spatial-stage{width:100%;height:100%;margin:0;position:absolute;inset:0}.spatial-hero,.spatial-ribbon{height:100%}.spatial-section .bento-panel{animation:none!important;transform:none!important}.spatial-section .operations-preview{transform:rotateX(5deg)rotateY(-4deg)}.spatial-section .cockpit-container{transform:none}}@media (prefers-reduced-motion:reduce){.spatial-section *,.spatial-section :before,.spatial-section :after{animation:none!important}.spatial-section .bento-panel,.spatial-section .operations-preview{transform:none}}
.motion-intro{text-align:center;grid-template-columns:1fr;justify-items:center;gap:20px;padding-top:45px;display:grid}.motion-intro h1{max-width:1000px;font-size:clamp(48px,6vw,88px)}.motion-intro-copy{text-align:left;align-items:center;gap:30px;max-width:760px;display:flex}.motion-intro-copy p{margin:0}.motion-intro-copy .button{flex-shrink:0}.motion-theatre{perspective:1600px;height:clamp(330px,39vh,430px);margin-top:22px}.motion-grid{background-image:radial-gradient(var(--line) 1px, transparent 1px);background-size:22px 22px;-webkit-mask-image:radial-gradient(#000,#0000 80%);mask-image:radial-gradient(#000,#0000 80%)}.motion-orbit{opacity:.35}.workflow-objects{pointer-events:none;transform-style:preserve-3d;z-index:1;position:absolute;inset:0}.workflow-object{--object-tone:var(--teal);--object-angle:-8deg;aspect-ratio:1.12;background:var(--paper);border:1px solid var(--object-tone);width:clamp(58px,7vw,105px);box-shadow:4px 5px 0 -1px var(--object-tone);transform:rotate(var(--object-angle));border-radius:6px;transition:top 1.8s cubic-bezier(.22,1,.36,1),left 1.8s cubic-bezier(.22,1,.36,1),scale 1.8s,opacity 1.2s;position:absolute}.workflow-object svg{width:100%;height:100%;stroke:var(--object-tone);stroke-width:1.3px}.object-0{--object-tone:var(--cyan);top:8%;left:7%}.object-1{--object-tone:var(--amber);--object-angle:8deg;top:2%;left:22%}.object-2{--object-tone:var(--teal);--object-angle:-10deg;top:0;left:76%}.object-3{--object-tone:var(--green);--object-angle:12deg;top:38%;left:88%}.object-4{--object-tone:var(--pink);--object-angle:7deg;top:63%;left:13%}.object-5{--object-tone:var(--green);--object-angle:-7deg;top:67%;left:72%}.object-6{--object-tone:var(--teal);--object-angle:-14deg;top:40%;left:3%}.object-7{--object-tone:var(--amber);--object-angle:4deg;top:78%;left:85%}.motion-journey[data-chapter="1"] .workflow-object{scale:.8}.motion-journey[data-chapter="2"] .workflow-object{opacity:0;top:42%;left:46%;scale:.2}html[data-site-motion=running] .motion-journey[data-paused=false] .workflow-object{animation:6s ease-in-out infinite alternate paper-drift}.workflow-object:nth-child(2n){animation-delay:-2s!important}.workflow-object:nth-child(3n){animation-delay:-4s!important}@keyframes paper-drift{0%{translate:0 -6px;rotate:y -12deg}to{translate:0 8px;rotate:y 12deg}}.motion-brief,.motion-tile-design,.motion-tile-build,.motion-phone,.motion-product{z-index:2}.motion-journey[data-chapter="0"] .motion-brief{transform:translate(-18px)rotate(-6deg)rotateY(-10deg)}.motion-journey[data-chapter="1"] .motion-product{transform:translateY(0)rotateX(8deg)rotateY(-8deg)scale(.98)}.motion-journey[data-chapter="2"] .motion-product{transform:translateY(-5px)rotateX(3deg)rotateY(0)scale(1.04)}.motion-story{border-top:1px solid var(--line);max-width:1100px;margin-inline:auto}.spatial-section:not(.motion-journey)>.spatial-stage{opacity:.18;-webkit-mask-image:linear-gradient(90deg,#000,#0000 32% 68%,#000);mask-image:linear-gradient(90deg,#000,#0000 32% 68%,#000)}.motion-theatre>.spatial-stage{opacity:.22}.solution-layout{border:1px solid var(--line);box-shadow:0 18px 38px -32px var(--ink);border-radius:18px;padding:24px}.solution-panel,.audience-example{border-radius:12px}.process-step{position:relative}.process-step:after{content:"";background:var(--teal);transform-origin:0;height:3px;position:absolute;bottom:0;left:0;right:0;scale:0 1}html[data-site-motion=running] .process-step:after{animation:8s ease-in-out infinite build-progress}.process-step:nth-child(2):after{animation-delay:2s!important}.process-step:nth-child(3):after{animation-delay:4s!important}.process-step:nth-child(4):after{animation-delay:6s!important}@keyframes build-progress{0%,to{scale:0 1}20%,70%{scale:1}}.deliverable-list article{border-radius:10px}@media (min-width:981px){.process-grid{perspective:1400px}.process-step:nth-child(2n){translate:0 18px}}@media (max-width:980px){.motion-intro{padding-top:30px}.motion-intro-copy{max-width:640px}.workflow-object{width:65px}.object-1{left:15%}.object-2{left:80%}}@media (max-width:600px){.motion-intro{text-align:left;padding-top:22px;display:block}.motion-intro h1{font-size:clamp(38px,8vw,48px)}.motion-intro-copy{margin-top:20px;display:block}.motion-intro-copy p{margin-bottom:14px}.motion-theatre{height:300px;margin-top:10px}.workflow-object{opacity:.65;width:48px}.object-1,.object-2{top:0}.object-3{left:84%}.object-5{top:72%;left:77%}.object-7{display:none}.solution-layout{padding:12px}.motion-journey[data-chapter="1"] .motion-product,.motion-journey[data-chapter="2"] .motion-product{transform:rotateX(4deg)rotateY(-3deg)scale(.7)}}html[data-site-motion=paused] .workflow-object,.motion-journey[data-paused=true] .workflow-object{transition:none!important;animation-play-state:paused!important}@media (prefers-reduced-motion:reduce){.workflow-object{transition:none;animation:none!important}.process-step:after{scale:1;animation:none!important}}.motion-intro-copy{flex-wrap:wrap;row-gap:10px}.motion-intro-copy>p{flex:1;min-width:260px}.hero-week-offer{color:var(--teal);border-left:2px solid var(--teal);flex-basis:100%;order:3;padding-left:12px;text-decoration:none;display:block}.hero-week-offer strong{font-size:15px;display:block}.hero-week-offer span{color:var(--muted);margin-top:3px;font-size:12px;display:block}@media (max-width:600px){.hero-week-offer{margin:12px 0 16px}}
@media (max-width:600px){.shell{width:calc(100% - 32px)}#main-content .section-space{padding-block:40px}.nav-inner{height:72px}.nav-cta{min-height:44px;margin-right:8px;padding:10px 12px;font-size:12px}.menu-toggle{min-width:44px;min-height:44px}#main-content .eyebrow{letter-spacing:1px;font-size:11px;line-height:1.5}.motion-journey .motion-intro{padding-top:24px}.motion-journey .motion-intro h1{letter-spacing:-.045em;text-wrap:balance;margin-top:16px;font-size:clamp(34px,9.7vw,52px);line-height:1.05}.motion-journey .motion-intro-copy{margin-top:20px}.motion-journey .motion-intro-copy>p{min-width:0;margin-bottom:16px;font-size:16px;line-height:1.6}.motion-journey .motion-intro-copy .button{gap:12px;min-height:48px;padding:12px 16px;font-size:14px}.hero-week-offer{margin:16px 0;padding-left:12px}.hero-week-offer strong{font-size:16px;line-height:1.4}.hero-week-offer span{margin-top:4px;font-size:14px;line-height:1.5}.motion-journey .motion-theatre{margin-top:8px}.motion-journey .motion-story{gap:16px;padding-block:16px 24px}.motion-journey .motion-story h2{font-size:24px;line-height:1.2}.motion-journey .motion-story-copy>p{font-size:16px;line-height:1.6}.motion-chapters{gap:8px}.motion-chapters button{min-height:48px;padding:10px 4px;font-size:12px;line-height:1.3}.motion-playback{gap:12px;margin-top:8px}.motion-playback button,.motion-playback a{min-height:44px;font-size:12px}#main-content .section-heading,.delivery-heading{margin-bottom:24px}#main-content .section-heading .eyebrow{margin-bottom:12px}#main-content .section-heading h2,.delivery-heading h2,.project-details-heading h2,.difference-heading h2,.faq-section h2,.contact-copy h2{letter-spacing:-1px;text-wrap:balance;font-size:32px;line-height:1.15}#main-content .section-heading>p,.project-details-heading>p:not(.eyebrow),.difference-heading>p:not(.eyebrow),.contact-copy>p:not(.eyebrow),.faq-section>div>p:not(.eyebrow){max-width:none;margin-top:16px;font-size:16px;line-height:1.6}.about-section .about-header{margin-bottom:16px}.delivery-heading{gap:12px}.delivery-heading p{font-size:16px;line-height:1.6}.delivery-flow{margin-top:24px}.delivery-step{min-height:120px;padding:0 0 28px 80px}.delivery-marker{border-radius:16px;width:56px;height:56px}.delivery-marker>svg{width:24px;height:24px}.delivery-connector{top:68px;bottom:12px;left:27px}.delivery-step h3{margin:4px 0 8px;font-size:20px;line-height:1.25}.delivery-step p{margin:0;line-height:1.5}.delivery-next{gap:12px;margin-top:8px;padding-top:20px}.delivery-next p{font-size:14px;line-height:1.5}.clear-service-card,.clear-audience-card{padding:20px}.clear-card-icon{border-radius:12px;width:44px;height:44px;margin-bottom:12px}.clear-service-card h3,.clear-audience-card h3{margin:0 0 12px;font-size:22px;line-height:1.25}.clear-service-card p,.clear-audience-card .audience-intro>p:not(.eyebrow){margin:0 0 16px;font-size:16px;line-height:1.5}.service-examples{gap:8px;margin-bottom:16px}.service-examples li{align-items:flex-start;font-size:14px;line-height:1.5}.service-examples svg{margin-top:3px}#main-content .text-link{min-height:44px;font-size:14px;line-height:1.5}.service-guidance{gap:12px;padding-block:20px}.service-guidance p,.practical-build-grid p{font-size:16px;line-height:1.5}.practical-builds{margin-top:28px}.practical-builds>h3{margin:12px 0 20px;font-size:26px;line-height:1.2}.practical-build-grid article{padding:20px}.practical-build-grid h4{margin-top:12px;font-size:20px;line-height:1.3}.practical-build-answer{margin-top:16px;padding-top:16px}.clear-audience-card .audience-symbol{width:44px;height:44px;margin-bottom:12px}.clear-audience-card .audience-symbol svg{width:28px;height:28px}.clear-audience-card .audience-tags{gap:8px 12px;margin-top:0;font-size:12px;line-height:1.5}.clear-audience-card .audience-example{margin-top:12px}.clear-audience-card .audience-example .text-link{margin-top:0}.business-caption{padding-top:16px;font-size:14px;line-height:1.5}.project-details-layout,.scope-note,.investment-columns{gap:24px}.deliverable-list article{gap:12px;padding-block:20px}.deliverable-list h3,.investment-columns h3{font-size:21px;line-height:1.3}.deliverable-list p,.scope-note p,.investment-columns p,.budget-conversation p,.difference-list p,.company-identity p{font-size:16px;line-height:1.5}.scope-note{gap:12px;margin-top:24px;padding-top:20px}.budget-conversation{gap:16px;margin-top:24px;padding:20px}.difference-list{margin-top:24px}.difference-list h3{font-size:19px;line-height:1.3}.company-identity{margin-top:24px;padding-block:20px}.company-identity .company-legal{font-size:12px;line-height:1.6}.engineering-line{margin-top:24px;padding-top:20px}.engineering-line p{font-size:12px;line-height:1.5}.faq-list{margin-top:24px}.faq-list summary{gap:10px;padding-block:20px;font-size:16px;line-height:1.5}.faq-list details>p{padding-inline:0;font-size:16px;line-height:1.6}.faq-number{font-size:12px}.vision-caption{font-size:10px;line-height:1.5}.contact-form-wrap{margin-top:24px;padding:24px 16px}.contact-expectations{margin-top:24px}.contact-expectations>div{font-size:14px;line-height:1.5}.form-field label{font-size:14px}.form-field label>span{font-size:12px}.form-field textarea::placeholder{font-size:16px}.preview-notice p{font-size:14px;line-height:1.5}.form-privacy{font-size:12px;line-height:1.6}.form-submit{min-height:48px;font-size:14px}.footer-top p,.footer-location p{font-size:14px;line-height:1.6}.footer-location{margin-top:20px}.footer-location>span{font-size:11px}.footer-top .text-link{min-height:44px;font-size:14px}.footer-links nav{gap:8px 16px;font-size:14px}.footer-links nav a{align-items:center;min-height:44px;display:inline-flex}.footer-bottom,.footer-bottom>span:nth-child(2){font-size:11px;line-height:1.6}}