/* Section content follows the viewport; the page itself keeps its natural height. */
@property --route-angle{syntax:"<angle>";inherits:false;initial-value:0deg}
main{overflow:clip}
.cinema-target{transform-origin:50% 50%}
.kinetic-title{overflow:visible}
.title-mask{display:inline-block;overflow:hidden;vertical-align:top;padding:.08em .08em .2em;margin:-.08em -.08em -.2em;clip-path:inset(0)}
.title-mask>span{display:inline-block;opacity:var(--word-opacity,1);transform:translate3d(var(--word-shift,0),var(--word-rise,0),0) rotate(var(--word-rotate,0)) scale(var(--word-scale,1));transform-origin:50% 60%;transition:transform .36s cubic-bezier(.16,.74,.22,1),opacity .2s linear;will-change:transform,opacity}
.kinetic-label{display:inline-block;opacity:var(--label-opacity,1);letter-spacing:calc(.11em + var(--label-track,0em));transform:translate3d(var(--label-slide,0),0,0);transition:opacity .18s linear,letter-spacing .22s ease-out,transform .22s ease-out}
.card-index.kinetic-label{display:block}
.atmosphere-scene{position:relative;isolation:isolate}
.atmosphere-scene:before{content:"";position:absolute;z-index:-1;pointer-events:none;inset:0;background:radial-gradient(ellipse at 80% 35%,#ff621011,transparent 55%);transform:translateY(var(--scene-drift,0));opacity:.8}
.atmosphere-scene:nth-child(even):before{background:radial-gradient(ellipse at 15% 55%,#ff621016,transparent 50%)}
.reference-motion{overflow:clip}
.reference-motion>.wrap{position:relative;z-index:1}
.reference-motion>.wrap:before{content:"";position:absolute;z-index:-1;left:50%;top:12%;width:min(74vw,980px);height:min(45vw,560px);border-radius:50%;background:radial-gradient(ellipse,#ff621018,transparent 62%);opacity:var(--reference-glow,.18);transform:translate3d(-50%,calc(var(--reference-cover,0) * .22),0) scale(calc(1 + var(--reference-cover,0) * .002));filter:blur(20px);pointer-events:none}
.reference-motion>.wrap:after{content:"";position:absolute;left:0;right:0;top:0;height:2px;background:linear-gradient(90deg,transparent,#ff6210,transparent);opacity:.45;transform:translateX(calc(var(--reference-cover,0) * -1));pointer-events:none}
.reference-motion:after{content:"";position:absolute;z-index:0;pointer-events:none;inset:-10%;opacity:.74;mix-blend-mode:screen;filter:blur(.1px)}
.motion-hero:after{background:radial-gradient(circle at 72% 42%,#ff621045,transparent 18%),conic-gradient(from 0deg at 72% 42%,transparent 0 18%,#ff621038 19%,transparent 22% 45%,#ffffff18 46%,transparent 49% 100%),repeating-radial-gradient(circle at 72% 42%,transparent 0 72px,#ff62101c 74px,transparent 76px);animation:bg-orbit 24s linear infinite}
.motion-clients:after{background:linear-gradient(100deg,transparent 12%,#ff62103a 42%,#ffffff18 48%,transparent 70%),repeating-linear-gradient(90deg,transparent 0 78px,#ff62101a 79px,#ff62101a 80px,transparent 81px 156px);animation:bg-client-sweep 14s ease-in-out infinite}
.motion-services:after{background:linear-gradient(135deg,#ff621020 1px,transparent 1px),linear-gradient(45deg,#ffffff10 1px,transparent 1px),radial-gradient(circle at 18% 28%,#ff621038,transparent 24%),radial-gradient(circle at 84% 70%,#ffffff18,transparent 20%);background-size:84px 84px,84px 84px,auto,auto;animation:bg-service-drift 16s ease-in-out infinite}
.motion-work:after{background:linear-gradient(135deg,transparent 0 37%,#ff62103b 38% 39%,transparent 40% 100%),linear-gradient(45deg,transparent 0 56%,#ffffff18 57% 58%,transparent 59% 100%),radial-gradient(ellipse at 50% 42%,#ff621026,transparent 48%);animation:bg-work-slice 15s ease-in-out infinite}
.motion-process:after{background:repeating-linear-gradient(90deg,transparent 0 92px,#ff621024 93px,#ff621024 94px,transparent 95px 184px),repeating-linear-gradient(0deg,transparent 0 92px,#ffffff10 93px,#ffffff10 94px,transparent 95px 184px),linear-gradient(90deg,transparent,#ff621028,transparent);animation:bg-process-grid 18s linear infinite}
.motion-voices:after{background:radial-gradient(ellipse at 35% 45%,#ffffff1c,transparent 38%),radial-gradient(ellipse at 70% 58%,#ff621038,transparent 36%),conic-gradient(from 180deg at 45% 52%,transparent,#ff621024,transparent 30%);animation:bg-voice-focus 16s ease-in-out infinite}
.motion-cta:after{background:radial-gradient(circle at 50% 55%,#ff621055,transparent 36%),repeating-radial-gradient(circle at 50% 55%,transparent 0 54px,#ff62101e 56px,transparent 58px),conic-gradient(from 0deg at 50% 55%,transparent,#ffffff18,transparent 26%);animation:bg-cta-pulse 9s ease-in-out infinite}
.section-bg-depth{position:absolute;z-index:0;inset:0;pointer-events:none;overflow:hidden;opacity:.85}
.section-bg-depth span{position:absolute;display:block;transform:translate3d(var(--bg-pan,0),var(--bg-depth,0),0) scale(var(--bg-zoom,1));transition:transform .55s cubic-bezier(.16,.72,.18,1),opacity .35s ease;will-change:transform,opacity}
.section-bg-depth span:first-child{width:36vw;height:36vw;left:6%;top:16%;border:1px solid #ff621020;border-radius:50%;box-shadow:0 0 80px #ff621012 inset,0 0 70px #ff621010}
.section-bg-depth span:nth-child(2){width:42vw;height:1px;right:-8%;top:38%;background:linear-gradient(90deg,transparent,#ff621090,transparent)}
.section-bg-depth span:nth-child(3){width:24vw;height:24vw;right:8%;bottom:8%;border:1px solid #ffffff12;border-radius:18px;background:linear-gradient(135deg,#ff62100d,transparent)}
.motion-hero .section-bg-depth span:first-child{width:44vw;height:30vw;left:4%;top:10%;border-radius:28px;background:linear-gradient(90deg,#ff621030 1px,transparent 1px),linear-gradient(0deg,#ffffff0b 1px,transparent 1px);background-size:80px 80px;animation:depth-strategy-board 14s ease-in-out infinite}
.motion-hero .section-bg-depth span:nth-child(2){height:160px;right:5%;top:30%;background:linear-gradient(90deg,transparent,#ff62108c,transparent),repeating-linear-gradient(90deg,transparent 0 110px,#ff62102b 111px,#ff62102b 112px,transparent 113px 220px);animation:depth-roadmap 8s ease-in-out infinite}
.motion-hero .section-bg-depth span:nth-child(3){border-radius:999px;background:repeating-radial-gradient(circle,transparent 0 42px,#ff621023 43px,transparent 45px);animation:depth-radar 18s linear infinite}
.motion-clients .section-bg-depth span:first-child{width:58vw;height:150px;left:8%;top:33%;border-radius:24px;background:linear-gradient(90deg,#ffffff10 0 12%,transparent 12% 18%,#ff62101f 18% 32%,transparent 32% 39%,#ffffff12 39% 52%,transparent 52% 60%,#ff621024 60% 76%,transparent 76% 100%);animation:depth-logo-stream 9s ease-in-out infinite}
.motion-clients .section-bg-depth span:nth-child(2){height:2px;background:linear-gradient(90deg,transparent,#ff6210,#fff4,transparent);animation:depth-client-line 7s ease-in-out infinite}
.motion-services .section-bg-depth span:first-child{width:34vw;height:24vw;left:7%;top:18%;border-radius:16px;background:linear-gradient(90deg,#ff621026 0 28%,transparent 28% 100%),linear-gradient(0deg,#ffffff10 1px,transparent 1px);background-size:auto,100% 58px;animation:depth-dashboard 12s ease-in-out infinite}
.motion-services .section-bg-depth span:nth-child(2){height:210px;right:10%;top:24%;background:linear-gradient(90deg,transparent,#ff62105f,transparent);animation:depth-data-beam 7.5s ease-in-out infinite}
.motion-services .section-bg-depth span:nth-child(3){border-radius:18px;background:linear-gradient(135deg,#ff621020,transparent 60%),repeating-linear-gradient(90deg,transparent 0 38px,#fff1 39px,transparent 40px 76px);animation:depth-service-cube 10s ease-in-out infinite}
.motion-work .section-bg-depth span:first-child{width:24vw;height:15vw;left:9%;top:24%;border-radius:12px;background:linear-gradient(#fff 0 38%,#171717 38% 100%);opacity:.11;animation:depth-project-card-a 9s ease-in-out infinite}
.motion-work .section-bg-depth span:nth-child(2){width:24vw;height:15vw;right:12%;top:32%;border-radius:12px;background:linear-gradient(#fff 0 38%,#171717 38% 100%);opacity:.12;animation:depth-project-card-b 10s ease-in-out infinite}
.motion-work .section-bg-depth span:nth-child(3){width:50vw;height:2px;right:4%;bottom:20%;background:linear-gradient(90deg,transparent,#ff621090,transparent);animation:depth-case-line 8s ease-in-out infinite}
.motion-process .section-bg-depth span:first-child{width:70vw;height:80px;left:12%;top:28%;border-radius:999px;background:linear-gradient(90deg,#ff621040 0 12%,transparent 12% 20%,#ff62102c 20% 32%,transparent 32% 41%,#ff621038 41% 56%,transparent 56% 68%,#ff62102a 68% 82%,transparent 82%);animation:depth-process-pipeline 8s ease-in-out infinite}
.motion-process .section-bg-depth span:nth-child(2){height:180px;background:repeating-linear-gradient(0deg,transparent 0 28px,#ff62101f 29px,#ff62101f 30px,transparent 31px 56px);animation:depth-process-river 12s linear infinite}
.motion-voices .section-bg-depth span:first-child{width:34vw;height:18vw;left:11%;top:24%;border-radius:26px;background:linear-gradient(135deg,#ffffff14,#ff621014);box-shadow:0 0 90px #ffffff0a inset;animation:depth-testimonial-card 9s ease-in-out infinite}
.motion-voices .section-bg-depth span:nth-child(2){height:120px;background:linear-gradient(90deg,transparent,#ffffff20,#ff621040,transparent);animation:depth-sentiment-wave 8s ease-in-out infinite}
.motion-cta .section-bg-depth span:first-child{left:32%;top:18%;background:repeating-radial-gradient(circle,transparent 0 52px,#ff62102d 54px,transparent 56px);animation:depth-launch-ring 7s ease-in-out infinite}
.motion-cta .section-bg-depth span:nth-child(2){height:2px;right:18%;top:52%;background:linear-gradient(90deg,transparent,#fff8,#ff6210,transparent);animation:depth-launch-line 5.8s ease-in-out infinite}
.motion-cta .section-bg-depth span:nth-child(3){right:31%;bottom:10%;animation:depth-cta-core 5.8s ease-in-out infinite}
.section-funnel{perspective:1200px;perspective-origin:50% 42%}
.section-funnel>.wrap{transform-origin:50% 40%;opacity:var(--funnel-opacity,1);filter:blur(var(--funnel-blur,0));transform:translate3d(var(--funnel-x,0),var(--funnel-y,0),0) rotateX(var(--funnel-tilt,0)) scale(var(--funnel-scale,1));transition:opacity .45s ease,filter .62s ease,transform .82s cubic-bezier(.16,.72,.18,1);will-change:opacity,filter,transform}
.motion-ribbon{width:100%;overflow:hidden;margin:-25px 0 70px;pointer-events:none;white-space:nowrap}
.motion-ribbon>span{display:block;width:max-content;font-size:clamp(4.2rem,10vw,10rem);line-height:1.18;font-weight:500;letter-spacing:-.065em;background:linear-gradient(100deg,#ff621033,#ff6210 38%,#ffe4d2 60%,#ff621033);background-clip:text;-webkit-background-clip:text;color:transparent;transform:translateX(var(--ribbon-travel,0));transition:transform .2s ease-out}
@media(max-width:760px){.motion-ribbon{margin:0 0 40px}.motion-ribbon>span{font-size:clamp(3rem,12vw,5rem)}.reference-motion>.wrap:before{width:120vw;height:70vw}.reference-motion>.wrap:after{opacity:.32}}
@media(prefers-reduced-motion:no-preference){
  .cinema-target,.section-hero .hero-copy.cinema-target,.section-hero .growth-workflow.cinema-target{
    animation:none;opacity:var(--cinema-opacity,1);
    transform:translate3d(var(--cinema-x,0),var(--cinema-y,0),0) rotate(var(--cinema-rotate,0)) scale(var(--cinema-scale,1));
    transition:opacity .55s ease,transform .86s cubic-bezier(.16,.72,.18,1);
  }
  .cinema-target:focus-within{opacity:1;transform:none}
  .section-funnel:focus-within>.wrap{opacity:1;filter:none;transform:none}
  .section-cards .card.cinema-target{transform-origin:center bottom}
  .section-cta .section-heading.cinema-target{transform:translateY(var(--cinema-y,0)) scale(var(--cinema-scale,1));transform-origin:center bottom}
}
.motion-hero .growth-workflow{box-shadow:0 28px 90px #0005}
.motion-hero .workflow-core{box-shadow:0 0 0 9px #ffffff03,0 0 40px #ff621016}
.motion-hero .workflow-map{position:relative}
.motion-hero .workflow-tabs{position:absolute;inset:0;z-index:4;pointer-events:none}
.motion-hero .workflow-node{position:absolute!important;width:38%;pointer-events:auto;z-index:5}
.motion-hero .workflow-core{z-index:3}
.motion-hero .workflow-connections{z-index:1}
.motion-hero .workflow-loop{z-index:6}
.motion-hero .node-0{top:35px!important;left:0!important;right:auto!important;bottom:auto!important}
.motion-hero .node-1{top:35px!important;right:0!important;left:auto!important;bottom:auto!important}
.motion-hero .node-2{bottom:35px!important;left:0!important;right:auto!important;top:auto!important}
.motion-hero .node-3{bottom:35px!important;right:0!important;left:auto!important;top:auto!important}
.motion-clients .client-group{box-shadow:0 0 calc(20px + var(--section-appear,1) * 42px) #ff621014 inset,0 30px 90px #0003}
.motion-clients .client-group:before{content:"";position:absolute;inset:18px;border:1px solid #ff621018;border-radius:16px;transform:scaleX(var(--section-appear,1));transform-origin:left;pointer-events:none}
.motion-services .card{background:linear-gradient(145deg,#ffffff04,#ff621007);box-shadow:0 24px 70px #0002}
.motion-services .card:before{content:"";height:2px;background:linear-gradient(90deg,transparent,var(--accent),transparent);display:block;transform:translateX(calc(var(--section-sweep,0) - 50%));opacity:.55}
.motion-work .project-card{box-shadow:0 30px 80px #0004,0 0 0 1px #ff621012}
.motion-work .project-card>img,.motion-work .project-art{filter:drop-shadow(0 20px 36px #ff621012)}
.motion-work .cards,.motion-voices .testimonials{position:relative}
.motion-work .cards:after{content:"";position:absolute;left:0;right:0;bottom:-14px;height:2px;background:linear-gradient(90deg,transparent,#ff6210,#fff6,transparent);transform:translateX(calc(var(--active-index,0) * 33.333%)) scaleX(.28);transform-origin:left;transition:transform .7s cubic-bezier(.16,.72,.18,1),opacity .3s;opacity:.9;pointer-events:none}.motion-voices .testimonials:after{content:"";position:absolute;left:0;right:0;bottom:-12px;height:2px;background:linear-gradient(90deg,transparent,#ffffff55,#ff6210,transparent);transform:translateX(calc(var(--active-index,0) * 33.333%)) scaleX(.18);transform-origin:left;transition:transform .55s cubic-bezier(.16,.72,.18,1),opacity .3s;opacity:.7;pointer-events:none}
.motion-work .project-card,.motion-voices .testimonials figure{transition:opacity .48s ease,transform .72s cubic-bezier(.16,.72,.18,1),box-shadow .48s ease,border-color .48s ease,filter .48s ease}
.motion-work .project-card:not(.is-selected),.motion-voices .testimonials figure:not(.is-selected){opacity:.55;filter:saturate(.8)}
.motion-work .project-card.is-selected{opacity:1;transform:translateY(-16px) scale(1.035)!important;z-index:5;border-color:#ff621080;box-shadow:0 42px 100px #0008,0 0 0 1px #ff621070,0 0 55px #ff62101c}
.motion-work .project-card.is-selected>img,.motion-work .project-card.is-selected .project-art{filter:brightness(1.08) drop-shadow(0 18px 34px #ff621024)}
.motion-work .project-card.is-selected .text-link span{color:#fff;filter:drop-shadow(0 0 10px #ff6210)}
.motion-work .project-card:not(.is-selected) .card-content{transform:translateY(8px)}
.interactive-hub{position:absolute;z-index:0;pointer-events:none;display:grid;place-items:center;opacity:.82;filter:drop-shadow(0 0 34px #ff621018)}
.interactive-hub .hub-core{width:72px;height:72px;border-radius:20px;border:1px solid #ff621050;background:radial-gradient(circle,#ff621025,transparent 68%),#17151499;box-shadow:0 0 0 10px #ffffff04,0 0 55px #ff621024}
.interactive-hub span{position:absolute;width:180px;height:1px;background:linear-gradient(90deg,transparent,#ff6210,transparent);transform-origin:center}
.project-hub{right:10%;top:42%;width:260px;height:190px}
.project-hub span:first-of-type{transform:translate(-90px,-48px) rotate(-12deg)}
.project-hub span:nth-of-type(2){transform:translate(-10px,0) rotate(0deg)}
.project-hub span:nth-of-type(3){transform:translate(76px,48px) rotate(12deg)}
.project-hub .hub-core:before{content:"↗";display:grid;place-items:center;height:100%;font-size:1.8rem;color:var(--accent)}
.project-hub[data-active="0"] span:first-of-type,.project-hub[data-active="1"] span:nth-of-type(2),.project-hub[data-active="2"] span:nth-of-type(3){height:2px;box-shadow:0 0 18px #ff6210;animation:hub-signal 1.35s linear infinite}
.motion-work .cards{--route-angle:0deg;isolation:isolate}
.motion-work .cards:before{content:"";position:absolute;inset:-34px -22px;z-index:-1;border-radius:30px;background:conic-gradient(from var(--route-angle) at calc(50% + (var(--active-index,0) - 1) * 22%) 48%,transparent 0 12%,#ff621030 18%,transparent 27% 100%),radial-gradient(ellipse at calc(50% + (var(--active-index,0) - 1) * 22%) 45%,#ff621026,transparent 42%);opacity:.9;filter:blur(.2px);transition:background-position .7s ease,opacity .45s ease;pointer-events:none}
.motion-work.is-auto-routing .cards:before{animation:case-route-radar 3.6s linear infinite}
.motion-work .project-card{position:relative;overflow:hidden}
.motion-work .project-card:after{content:"";position:absolute;left:-20%;right:-20%;top:0;height:1px;background:linear-gradient(90deg,transparent,#ff6210,#fff8,transparent);opacity:0;transform:translateY(0);pointer-events:none}
.motion-work .project-card.is-selected:after{opacity:.95;animation:case-card-scan 1.8s ease-in-out infinite}
.motion-work.is-auto-routing .work-control{border-color:#ff621036;background:linear-gradient(135deg,#ff62100d,#ffffff04)}
.motion-work.is-auto-routing .work-control:after{content:"";position:absolute;left:16px;right:16px;bottom:0;height:2px;background:linear-gradient(90deg,var(--accent),#fff7,transparent);transform-origin:left;animation:work-route-progress 3s linear infinite;box-shadow:0 0 18px #ff621050}
.motion-work.is-auto-routing .project-hub .hub-core{animation:route-core-pulse 3s ease-in-out infinite}
.work-control .control-tabs button{border-radius:12px;width:54px;background:linear-gradient(180deg,#1d1b1a,#111)}
.work-control .control-status span:after{content:" / auto route";color:#cfc7c1}
.voice-control{grid-template-columns:minmax(0,1fr) auto;border-radius:26px;background:radial-gradient(ellipse at 18% 50%,#ffffff0b,transparent 44%),linear-gradient(135deg,#ffffff05,#ff62100d)}
.voice-control .control-tabs{order:2;flex-direction:column;justify-content:center}
.voice-control .control-tabs button{font-family:Georgia,serif;border-radius:999px;background:#100f0f;color:#ffb18d}
.voice-control .control-tabs button:before{content:"";margin-right:0}
.voice-control .control-status{border-left:0;border-right:1px solid #ffffff14;padding-left:0;padding-right:20px;position:relative}
.voice-control .control-status:before{content:"Client signal";position:absolute;right:18px;top:-4px;font-size:.58rem;letter-spacing:.16em;text-transform:uppercase;color:#ffffff55}
.motion-voices .testimonials{perspective:1000px;isolation:isolate}
.motion-voices .testimonials figure{transform-origin:center;cursor:pointer}
.motion-voices .testimonials figure.is-selected{opacity:1;transform:translateY(-10px) rotateY(calc((var(--active-index,0) - 1) * -2deg)) scale(1.03)!important;border-color:#ff621070;box-shadow:0 32px 90px #0007,0 0 0 1px #ff621060,0 0 58px #ff621018}
.motion-voices .testimonials:before{content:"";position:absolute;inset:18px 0 auto;height:1px;background:linear-gradient(90deg,transparent,#ffffff40,#ff6210,#ffffff40,transparent);opacity:.62;transform:translateY(calc(var(--active-index,0) * 22px));transition:transform .55s cubic-bezier(.16,.72,.18,1);pointer-events:none}
.motion-work .section-heading{position:relative;overflow:visible}
.motion-work .section-heading:before{content:"";position:absolute;left:-12px;top:-8px;width:0;height:calc(100% + 16px);border-radius:18px;background:linear-gradient(90deg,#ff62101f,transparent);opacity:0;pointer-events:none}
.motion-work.is-case-popping .section-heading:before{animation:case-heading-wipe .72s cubic-bezier(.16,.72,.18,1) both}
.motion-work.is-case-popping .section-heading .eyebrow{animation:case-pop-left .52s cubic-bezier(.16,.72,.18,1) both}
.motion-work.is-case-popping .section-heading h2{animation:case-pop-left .62s .08s cubic-bezier(.16,.72,.18,1) both}
.motion-work.is-case-popping .section-heading .section-intro{animation:case-pop-right .62s .18s cubic-bezier(.16,.72,.18,1) both}
.motion-work.is-case-popping .project-card.is-selected img,.motion-work.is-case-popping .project-card.is-selected .project-art{animation:case-material-pop .7s .22s cubic-bezier(.16,.72,.18,1) both}
.motion-work.is-case-popping .project-card.is-selected .card-content h3{animation:case-pop-up .52s .36s cubic-bezier(.16,.72,.18,1) both}
.motion-work.is-case-popping .project-card.is-selected .card-content p{animation:case-pop-up .52s .48s cubic-bezier(.16,.72,.18,1) both}
.motion-work.is-case-popping .project-card.is-selected .text-link{animation:case-pop-up .52s .6s cubic-bezier(.16,.72,.18,1) both}
.motion-work.is-case-popping .work-control .control-tabs{animation:case-pop-left .52s .72s cubic-bezier(.16,.72,.18,1) both}
.motion-work.is-case-popping .work-control .control-status>*{animation:case-pop-up .48s cubic-bezier(.16,.72,.18,1) both}
.motion-work.is-case-popping .work-control .control-status span{animation-delay:.82s}
.motion-work.is-case-popping .work-control .control-status strong{animation-delay:.92s}
.motion-work.is-case-popping .work-control .control-status p{animation-delay:1.02s}
.motion-work.is-case-popping .work-control .control-status em{animation-delay:1.12s}
.motion-work .project-card.is-selected{cursor:pointer}
.motion-work .project-card.is-selected:hover{transform:translateY(-20px) scale(1.045)!important}
.motion-work .cards.grid{display:grid!important;grid-template-columns:1fr!important;min-height:500px;align-items:center;perspective:1400px;perspective-origin:50% 45%;overflow:visible;margin-top:34px}
.motion-work .cards.grid .project-card{grid-area:1/1;width:min(58%,560px);justify-self:center;transform:translate3d(calc(var(--case-offset,0) * 48%),calc(var(--case-distance,0) * 18px),calc((1 - var(--case-distance,0)) * 90px)) rotateY(calc(var(--case-offset,0) * -18deg)) scale(calc(1 - var(--case-distance,0) * .16))!important;opacity:calc(1 - var(--case-distance,0) * .28);filter:saturate(calc(1 - var(--case-distance,0) * .18)) brightness(calc(1 - var(--case-distance,0) * .08));transition:transform .9s cubic-bezier(.16,.72,.18,1),opacity .55s ease,filter .55s ease,box-shadow .55s ease,border-color .55s ease;transform-style:preserve-3d;will-change:transform,opacity,filter;cursor:pointer}
.motion-work .cards.grid .project-card.is-selected{opacity:1;filter:brightness(1.05) saturate(1);z-index:5;border-color:#ff621090;box-shadow:0 52px 120px #0009,0 0 0 1px #ff621080,0 0 80px #ff621024!important}
.motion-work .cards.grid .project-card.is-prev,.motion-work .cards.grid .project-card.is-next{z-index:2;pointer-events:auto}
.motion-work .cards.grid .project-card.is-hidden-slide{opacity:0;pointer-events:none;transform:translateY(30px) scale(.72)!important}
.motion-work .cards.grid .project-card:not(.is-selected) .card-content{transform:translateY(10px);opacity:.72}
.motion-work .cards.grid .project-card.is-selected .card-content{opacity:1}
.motion-work .cards.grid:before{inset:-44px -34px;border-radius:36px;background:radial-gradient(circle at 50% 50%,#ff62102f,transparent 38%),conic-gradient(from var(--route-angle) at calc(50% + (var(--active-index,0) - 1) * 18%) 50%,transparent 0 11%,#ff621045 16%,#ffffff18 19%,transparent 28% 100%)}
.motion-work .cards.grid:after{bottom:-20px;height:3px;transform:translateX(calc(var(--active-index,0) * 33.333%)) scaleX(.22);box-shadow:0 0 28px #ff621070}
.motion-work .project-card.is-selected:before{content:"";position:absolute;inset:14px;border:1px solid #ff62102e;border-radius:inherit;pointer-events:none;animation:case-frame-lock 3.6s ease-in-out infinite}
.motion-work .project-card.is-selected .card-content{position:relative}
.motion-work .project-card.is-selected .card-content:before{content:"LIVE CASE ROUTE";display:block;margin-bottom:10px;font-size:.6rem;letter-spacing:.16em;color:var(--accent);text-transform:uppercase;opacity:.9}
.work-control{grid-template-columns:auto minmax(0,1fr) auto;align-items:center}
.work-control:before{content:"CASE SLIDESHOW";font-size:.6rem;letter-spacing:.16em;color:#ffb18d;text-transform:uppercase;writing-mode:vertical-rl;transform:rotate(180deg);opacity:.8}
.work-control .control-tabs{position:relative}
.work-control .control-tabs:after{content:"";position:absolute;left:0;right:0;top:50%;height:1px;background:linear-gradient(90deg,transparent,#ff621055,transparent);z-index:-1}
.motion-process .process-journey{filter:drop-shadow(0 0 24px #ff621016)}
.motion-process .journey-step>span{box-shadow:0 0 calc(10px + var(--section-appear,1) * 24px) #ff621018}
.motion-process .process-grid details.is-current{box-shadow:inset 0 1px 0 var(--accent)}
.motion-voices .testimonials figure{background:linear-gradient(150deg,#ffffff03,#ff621006);border-top:1px solid #ffffff10;border-bottom:1px solid #ff621018}
.motion-voices .quote-mark{filter:drop-shadow(0 0 18px #ff621050)}
.motion-voices .testimonials figure.is-selected{opacity:1;transform:translateY(-14px) scale(1.035)!important;border-color:#ff621070;box-shadow:0 32px 90px #0007,0 0 0 1px #ff621060,0 0 58px #ff621018}
.motion-voices .testimonials figure.is-selected blockquote{color:#fff;filter:drop-shadow(0 0 12px #ff621018)}
.motion-voices .testimonials figure.is-selected .quote-mark{transform:scale(1.18);color:var(--accent)}
.motion-voices .testimonials figure:not(.is-selected) blockquote{color:#c7c2be}
.voice-hub{right:7%;top:36%;width:260px;height:220px}
.voice-hub .hub-core{border-radius:50%;background:radial-gradient(circle,#ffffff18,transparent 34%),radial-gradient(circle,#ff62102c,transparent 68%),#17151499}
.voice-hub .hub-core:before{content:"“";display:grid;place-items:center;height:100%;font-size:4rem;line-height:1;color:var(--accent);font-family:Georgia,serif}
.voice-hub span:first-of-type{transform:translate(-82px,-54px) rotate(-18deg)}
.voice-hub span:nth-of-type(2){transform:translate(-18px,0) rotate(0deg)}
.voice-hub span:nth-of-type(3){transform:translate(76px,54px) rotate(18deg)}
.voice-hub[data-active="0"] span:first-of-type,.voice-hub[data-active="1"] span:nth-of-type(2),.voice-hub[data-active="2"] span:nth-of-type(3){height:2px;box-shadow:0 0 18px #ff6210;animation:hub-signal 1.35s linear infinite}
.section-control-panel{position:relative;z-index:3;margin:26px 0 0;display:grid;grid-template-columns:auto minmax(0,1fr);gap:18px;align-items:stretch;border:1px solid #ffffff16;border-radius:16px;background:linear-gradient(135deg,#ffffff05,#ff621007);padding:16px;box-shadow:0 24px 70px #0003}
.control-tabs{display:flex;gap:8px;align-items:center}
.control-tabs button{width:44px;height:44px;border-radius:50%;border:1px solid #ffffff24;background:#171514;color:#bdb9b6;font-size:.78rem;transition:background .25s,border-color .25s,color .25s,box-shadow .25s,transform .25s}
.control-tabs button[aria-selected="true"]{background:var(--accent);border-color:var(--accent);color:#16110e;box-shadow:0 0 26px #ff621040;transform:translateY(-2px)}
.control-status{min-height:86px;border-left:1px solid #ffffff14;padding-left:18px;display:grid;gap:4px}
.control-status span{font-size:.62rem;letter-spacing:.14em;text-transform:uppercase;color:var(--accent)}
.control-status strong{font-size:1.15rem;font-weight:600;letter-spacing:-.04em}
.control-status p{margin:0;max-width:760px;font-size:.9rem;line-height:1.6;color:#d0ccc8}
.control-status em{font-style:normal;font-size:.72rem;color:#9f958e}
.motion-cta .section-heading{position:relative}
.motion-cta .section-heading:before{content:"";position:absolute;inset:-26px 8%;z-index:-1;border-radius:999px;background:radial-gradient(ellipse,#ff621025,transparent 65%);opacity:var(--section-appear,1);transform:scale(calc(.8 + var(--section-appear,1) * .2))}
@media(prefers-reduced-motion:no-preference){
  .motion-clients .client-group:before{animation:client-frame 3.8s ease-in-out infinite}
  .motion-clients .client-group:after{animation:client-light 2.4s linear infinite}
  .motion-services .card:nth-child(3n+1) .card-content{animation:service-float-a 5.2s ease-in-out infinite}
  .motion-services .card:nth-child(3n+2) .card-content{animation:service-float-b 5.6s ease-in-out infinite}
  .motion-services .card:nth-child(3n) .card-content{animation:service-float-c 6s ease-in-out infinite}
  .motion-process .journey-step>span{animation:process-node 2.8s ease-in-out infinite}
  .motion-process .process-grid details.is-current{animation:process-panel 2.2s ease-in-out infinite}
  .motion-cta .section-heading:before{animation:cta-pulse 2.8s ease-in-out infinite}
  .motion-cta .button{animation:cta-button 2.6s ease-in-out infinite}
}
@keyframes case-frame-lock{0%,100%{opacity:.35;transform:scale(.985)}50%{opacity:1;transform:scale(1.01);box-shadow:0 0 32px #ff621026}}
@keyframes case-heading-wipe{0%{width:0;opacity:0}35%{opacity:1}100%{width:min(520px,65%);opacity:.75}}
@keyframes case-pop-left{0%{opacity:0;transform:translate3d(-38px,0,0) scale(.96);filter:blur(8px)}100%{opacity:1;transform:translate3d(0,0,0) scale(1);filter:blur(0)}}
@keyframes case-pop-right{0%{opacity:0;transform:translate3d(42px,0,0) scale(.96);filter:blur(8px)}100%{opacity:1;transform:translate3d(0,0,0) scale(1);filter:blur(0)}}
@keyframes case-pop-up{0%{opacity:0;transform:translate3d(0,22px,0) scale(.96);filter:blur(7px)}70%{opacity:1;transform:translate3d(0,-2px,0) scale(1.01);filter:blur(0)}100%{opacity:1;transform:translate3d(0,0,0) scale(1);filter:blur(0)}}
@keyframes case-material-pop{0%{opacity:.25;transform:translate3d(0,28px,0) scale(.92);filter:blur(10px) brightness(.85)}65%{opacity:1;transform:translate3d(0,-5px,0) scale(1.035);filter:blur(0) brightness(1.1)}100%{opacity:1;transform:translate3d(0,0,0) scale(1);filter:blur(0) brightness(1.04)}}
@keyframes case-route-radar{to{--route-angle:360deg}}
@keyframes case-card-scan{0%,100%{transform:translateY(0);opacity:.2}50%{transform:translateY(196px);opacity:.95}}
@keyframes work-route-progress{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@keyframes route-core-pulse{0%,100%{box-shadow:0 0 0 10px #ffffff04,0 0 55px #ff621024;transform:scale(1)}50%{box-shadow:0 0 0 16px #ff621014,0 0 78px #ff621040;transform:scale(1.06)}}
@keyframes hero-breathe{50%{box-shadow:0 0 95px #ff62101f,0 34px 110px #0007;transform:translateY(-6px)}}
@keyframes hero-core{50%{filter:drop-shadow(0 0 22px #ff621080);transform:translate(-50%,-50%) scale(1.06)}}
@keyframes client-frame{50%{border-color:#ff621050;transform:scaleX(.96) scaleY(.93)}}
@keyframes client-light{to{left:72%}}
@keyframes service-float-a{50%{transform:translateY(-12px) rotate(-1.2deg)}}
@keyframes service-float-b{50%{transform:translateY(10px) rotate(1deg)}}
@keyframes service-float-c{50%{transform:translateY(-7px) rotate(.8deg)}}
@keyframes work-card-a{50%{transform:translateY(-16px) rotate(-1deg);filter:drop-shadow(0 20px 30px #ff621016)}}
@keyframes work-card-b{50%{transform:translateY(12px) scale(.985)}}
@keyframes work-card-c{50%{transform:translateY(-10px) rotate(1.2deg)}}
@keyframes project-pipeline-a{0%,100%{transform:translate3d(0,0,0) scale(1);z-index:1}33%{transform:translate3d(16px,-14px,0) scale(1.025);z-index:3;box-shadow:0 34px 90px #0006,0 0 0 1px #ff621045}66%{transform:translate3d(-8px,10px,0) scale(.985);z-index:1}}
@keyframes project-pipeline-b{0%,100%{transform:translate3d(0,0,0) scale(1);z-index:2}33%{transform:translate3d(-10px,12px,0) scale(.985);z-index:1}66%{transform:translate3d(0,-18px,0) scale(1.03);z-index:3;box-shadow:0 36px 95px #0007,0 0 0 1px #ff62104a}}
@keyframes project-pipeline-c{0%,100%{transform:translate3d(0,0,0) scale(1);z-index:1}33%{transform:translate3d(-14px,8px,0) scale(.985);z-index:1}66%{transform:translate3d(-16px,-14px,0) scale(1.025);z-index:3;box-shadow:0 34px 90px #0006,0 0 0 1px #ff621045}}
@keyframes project-media-scan{50%{filter:brightness(1.07) drop-shadow(0 16px 28px #ff621018)}}
@keyframes process-node{50%{box-shadow:0 0 34px #ff621050;transform:scale(1.08)}}
@keyframes process-panel{50%{background:#ff621008}}
@keyframes voice-focus-a{50%{transform:translateY(-8px);filter:drop-shadow(0 18px 34px #ff621010)}}
@keyframes voice-focus-b{50%{transform:translateY(8px);filter:drop-shadow(0 18px 34px #ffffff08)}}
@keyframes story-panel-a{0%,100%{transform:translate3d(0,0,0) scale(1);opacity:.82}25%{transform:translate3d(0,-12px,0) scale(1.035);opacity:1;box-shadow:0 26px 80px #0005,0 0 0 1px #ff621038}65%{transform:translate3d(0,8px,0) scale(.985);opacity:.72}}
@keyframes story-panel-b{0%,100%{transform:translate3d(0,7px,0) scale(.985);opacity:.76}35%{transform:translate3d(0,0,0) scale(1);opacity:.84}58%{transform:translate3d(0,-14px,0) scale(1.04);opacity:1;box-shadow:0 26px 80px #0005,0 0 0 1px #ff621038}}
@keyframes story-panel-c{0%,100%{transform:translate3d(0,8px,0) scale(.985);opacity:.75}28%{transform:translate3d(0,10px,0) scale(.98);opacity:.72}78%{transform:translate3d(0,-12px,0) scale(1.035);opacity:1;box-shadow:0 26px 80px #0005,0 0 0 1px #ff621038}}
@keyframes quote-read{50%{color:#fff;filter:drop-shadow(0 0 12px #ff621018)}}
@keyframes hub-signal{to{background-position:180px 0;filter:hue-rotate(18deg)}}
@keyframes cta-pulse{50%{opacity:.95;transform:scale(1.08)}}
@keyframes cta-button{50%{box-shadow:0 0 34px #ff621050;transform:translateY(-4px) scale(1.025)}}
@keyframes bg-orbit{to{transform:rotate(1turn) scale(1.08)}}
@keyframes bg-client-sweep{50%{transform:translateX(14%);opacity:.86}}
@keyframes bg-service-drift{50%{transform:translate3d(-3%,2%,0) scale(1.06);opacity:.86;background-position:42px -42px,-42px 42px,0 0,0 0}}
@keyframes bg-work-slice{50%{transform:translateX(8%) scaleY(1.06);opacity:.86}}
@keyframes bg-process-grid{to{transform:translate3d(-92px,-46px,0)}}
@keyframes bg-voice-focus{50%{transform:scale(1.08) translateY(-2%);opacity:.84}}
@keyframes bg-cta-pulse{50%{transform:scale(1.12);opacity:.92}}
@keyframes depth-strategy-board{50%{transform:translate3d(calc(var(--bg-pan,0) + 18px),calc(var(--bg-depth,0) + 10px),0) scale(1.04);background-position:40px -24px}}
@keyframes depth-roadmap{50%{transform:translate3d(calc(var(--bg-pan,0) - 8%),calc(var(--bg-depth,0) + 8px),0) scaleX(1.12);opacity:1}}
@keyframes depth-radar{to{rotate:360deg}}
@keyframes depth-logo-stream{50%{transform:translate3d(calc(var(--bg-pan,0) - 8%),calc(var(--bg-depth,0) - 6px),0) scale(1.03);opacity:1}}
@keyframes depth-client-line{50%{transform:translate3d(calc(var(--bg-pan,0) - 15%),calc(var(--bg-depth,0) + 12px),0);opacity:1}}
@keyframes depth-dashboard{50%{transform:translate3d(calc(var(--bg-pan,0) + 22px),calc(var(--bg-depth,0) + 14px),0) scale(1.04);background-position:0 29px}}
@keyframes depth-data-beam{50%{transform:translate3d(calc(var(--bg-pan,0) - 10%),calc(var(--bg-depth,0) + 10px),0) scaleX(1.08);opacity:1}}
@keyframes depth-service-cube{50%{transform:translate3d(calc(var(--bg-pan,0) - 18px),calc(var(--bg-depth,0) - 14px),0) rotate(8deg) scale(1.06)}}
@keyframes depth-project-card-a{50%{transform:translate3d(calc(var(--bg-pan,0) + 28px),calc(var(--bg-depth,0) - 16px),0) rotate(-2deg) scale(1.08);opacity:.2}}
@keyframes depth-project-card-b{50%{transform:translate3d(calc(var(--bg-pan,0) - 24px),calc(var(--bg-depth,0) + 14px),0) rotate(2deg) scale(1.05);opacity:.2}}
@keyframes depth-case-line{50%{transform:translate3d(calc(var(--bg-pan,0) - 12%),calc(var(--bg-depth,0) + 8px),0) scaleX(1.2);opacity:1}}
@keyframes depth-process-pipeline{50%{transform:translate3d(calc(var(--bg-pan,0) + 20px),calc(var(--bg-depth,0) - 8px),0) scaleX(1.04);filter:drop-shadow(0 0 24px #ff621030)}}
@keyframes depth-process-river{to{background-position:0 -112px}}
@keyframes depth-testimonial-card{50%{transform:translate3d(calc(var(--bg-pan,0) - 22px),calc(var(--bg-depth,0) + 16px),0) scale(1.08);box-shadow:0 0 120px #ffffff12 inset,0 0 70px #ff621019}}
@keyframes depth-sentiment-wave{50%{transform:translate3d(calc(var(--bg-pan,0) + 11%),calc(var(--bg-depth,0) - 8px),0) scaleX(1.18);opacity:1}}
@keyframes depth-launch-ring{50%{transform:translate3d(var(--bg-pan,0),var(--bg-depth,0),0) scale(1.22);border-color:#ff621070;box-shadow:0 0 120px #ff621028 inset,0 0 90px #ff621026}}
@keyframes depth-launch-line{50%{transform:translate3d(calc(var(--bg-pan,0) - 12%),var(--bg-depth,0),0) scaleX(1.3);opacity:1}}
@keyframes depth-cta-core{50%{transform:translate3d(calc(var(--bg-pan,0) * -.4),calc(var(--bg-depth,0) * .5),0) scale(.88);opacity:.95}}
.interactive-material{position:relative;transform-style:preserve-3d}
.interactive-material:after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:radial-gradient(circle at var(--pointer-x,50%) var(--pointer-y,50%),#ff621026,transparent 34%);opacity:0;transition:opacity .2s ease;z-index:2}
.interactive-material.is-interacting:after{opacity:1}
@media(hover:hover) and (prefers-reduced-motion:no-preference){
  .interactive-material.is-interacting{transform:perspective(900px) rotateX(var(--tilt-x,0)) rotateY(var(--tilt-y,0)) translateY(-6px) scale(1.012);transition:transform .12s ease-out,box-shadow .2s ease,border-color .2s ease;box-shadow:0 26px 80px #0005,0 0 0 1px #ff621035,0 0 45px #ff621016}
  .interactive-material.is-interacting img,.interactive-material.is-interacting .project-art,.interactive-material.is-interacting .workflow-core{transform:translateZ(24px) scale(1.025)}
  .button.interactive-material.is-interacting{transform:translateY(-4px) scale(1.035);box-shadow:0 16px 38px #ff621030}
  .workflow-node.interactive-material.is-interacting,.client-deck-controls button.interactive-material.is-interacting{transform:translateY(-3px) scale(1.04);box-shadow:0 0 24px #ff621020}
}
.card img,.project-art,.workflow-core{transition:transform .22s ease,filter .22s ease}
.interactive-material.is-interacting .text-link span,.interactive-material.is-interacting .node-indicator{color:#fff;filter:drop-shadow(0 0 10px #ff6210)}
.process-grid details.interactive-material.is-interacting summary h3,.testimonials figure.interactive-material.is-interacting blockquote{color:#fff}
.client-group{position:relative;border:1px solid #ffffff19;border-radius:20px;padding:24px 26px;background:radial-gradient(ellipse at 50% 70%,#ff621014,transparent 65%);overflow:hidden}
.section-clients .client-group{grid-column:1/-1}
.client-group-heading{position:relative;z-index:15}
.client-group .clients.client-deck{position:relative;display:block;height:260px;perspective:900px;overflow:hidden;margin:0 -26px;width:calc(100% + 52px);isolation:isolate}
.client-group .clients.client-deck>div{position:absolute;left:50%;top:35px;margin:0 0 0 -125px;width:250px;height:180px;padding:18px;border-radius:16px;white-space:normal;background:#fff;box-shadow:0 18px 38px #0005;opacity:calc(1 - var(--depth)*.26);transform:translateX(calc(var(--slot)*185px)) translateY(calc(var(--depth)*16px)) translateZ(calc(var(--depth)*-90px)) rotateY(calc(var(--slot)*-16deg));transition:transform .85s cubic-bezier(.22,.75,.16,1),opacity .65s,box-shadow .65s;animation:none}
.client-group .clients.client-deck>div img{width:100%;height:145px;object-fit:contain}
.client-group .clients.client-deck>div.is-featured{box-shadow:0 0 0 1px #ff621090,0 22px 45px #0006}
.client-group .clients.client-deck>div.is-offstage{opacity:0;pointer-events:none}
.client-deck-controls{display:flex;align-items:center;gap:9px;border-top:1px solid #ffffff18;padding-top:17px;position:relative;z-index:15;min-height:50px}
.client-deck-controls>span{flex:1;font-size:.77rem;color:#cfc3ba;letter-spacing:.025em}
.client-deck-controls button{width:36px;height:36px;border:1px solid #ffffff28;border-radius:50%;color:#fff;background:#ffffff06;transition:background .2s}
.client-deck-controls button:hover{background:var(--accent);color:#17120e}
.client-group:after{content:"";position:absolute;width:45%;height:1px;background:linear-gradient(90deg,transparent,var(--accent),transparent);left:27.5%;bottom:0}
@media(min-width:1000px){.section-clients .wrap:has(.client-group){display:grid;grid-template-columns:1fr 1fr;gap:22px}.section-clients .section-heading{grid-column:1/-1;margin-bottom:0}.client-group{margin-top:0}}
@media(max-width:760px){
  .interactive-hub{right:-28px!important;top:20%!important;width:150px;height:130px;opacity:.42}.interactive-hub .hub-core{width:48px;height:48px}.interactive-hub span{width:96px}
  .section-control-panel,.voice-control{grid-template-columns:1fr;gap:12px;padding:14px}.control-tabs,.voice-control .control-tabs{justify-content:center;flex-direction:row;order:0}.control-status,.voice-control .control-status{border-left:0;border-right:0;border-top:1px solid #ffffff14;padding:12px 0 0}.control-status p{font-size:.84rem}
  .section-bg-depth span:first-child{width:70vw;height:70vw;left:-24%;top:22%}.section-bg-depth span:nth-child(2){width:75vw}.section-bg-depth span:nth-child(3){width:48vw;height:48vw;right:-18%}
  .client-group{padding:20px 16px;margin-top:22px}.client-group-heading{gap:12px}.client-group-heading h3{font-size:.94rem}
  .client-group .clients.client-deck{height:220px;margin:0 -16px;width:calc(100% + 32px)}
  .client-group .clients.client-deck>div{width:180px;height:150px;margin-left:-90px;top:26px;padding:12px;transform:translateX(calc(var(--slot)*126px)) translateY(calc(var(--depth)*12px)) translateZ(calc(var(--depth)*-80px)) rotateY(calc(var(--slot)*-19deg))}
  .client-group .clients.client-deck>div img{height:124px}.client-deck-controls>span{font-size:.69rem}
}
@media(prefers-reduced-motion:reduce){
  .title-mask{display:inline;overflow:visible}.title-mask>span{opacity:1;transform:none;transition:none}
  .atmosphere-scene:before,.reference-motion:after,.section-bg-depth span,.motion-ribbon>span{transform:none;transition:none;animation:none!important}
  .section-funnel>.wrap{opacity:1!important;filter:none!important;transform:none!important;transition:none!important}
  .cinema-target{opacity:1!important;transform:none!important}
  .client-group .clients.client-deck{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));height:auto;gap:10px;margin:0;width:100%;perspective:none}
  .client-group .clients.client-deck>div,.client-group .clients.client-deck>div.is-offstage{position:static;opacity:1;transform:none;margin:0;width:auto;height:120px;padding:10px;box-shadow:none;pointer-events:auto;transition:none}
  .client-group .clients.client-deck>div img{height:100px}.client-deck-controls{display:none}
}

@media(max-width:760px){
  .motion-work .cards.grid{min-height:430px;margin-top:24px;overflow:hidden}
  .motion-work .cards.grid .project-card{width:86%;transform:translate3d(calc(var(--case-offset,0) * 72%),calc(var(--case-distance,0) * 16px),0) rotateY(calc(var(--case-offset,0) * -10deg)) scale(calc(1 - var(--case-distance,0) * .18))!important}
  .work-control:before{writing-mode:horizontal-tb;transform:none}.work-control{grid-template-columns:1fr!important}
}
/* Cleaner auto-sliding case carousel: keep side cards visual, prevent content overlap. */
.motion-work .cards.grid{min-height:560px;overflow:hidden;padding:20px 0 34px}
.motion-work .cards.grid .project-card{width:min(52%,520px);min-height:430px;display:flex;flex-direction:column;backface-visibility:hidden}
.motion-work .cards.grid .project-card>img,.motion-work .cards.grid .project-art{flex:0 0 220px;width:100%;object-fit:contain;background:#f5f6f7}
.motion-work .cards.grid .project-card .card-content{flex:1;display:flex;flex-direction:column;gap:10px;justify-content:flex-start;min-height:190px;overflow:hidden;transition:opacity .45s ease,transform .65s cubic-bezier(.16,.72,.18,1)}
.motion-work .cards.grid .project-card .card-content h3,.motion-work .cards.grid .project-card .card-content p{margin:0;max-width:100%}
.motion-work .cards.grid .project-card .card-content p{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.motion-work .cards.grid .project-card .text-link{margin-top:auto}
.motion-work .cards.grid .project-card:not(.is-selected) .card-content{opacity:0;transform:translateY(16px);pointer-events:none}
.motion-work .cards.grid .project-card:not(.is-selected)>img,.motion-work .cards.grid .project-card:not(.is-selected) .project-art{opacity:.64;filter:saturate(.72) brightness(.86)}
.motion-work .cards.grid .project-card.is-prev{transform:translate3d(-58%,24px,0) rotateY(12deg) scale(.82)!important;opacity:.48;z-index:1}
.motion-work .cards.grid .project-card.is-next{transform:translate3d(58%,24px,0) rotateY(-12deg) scale(.82)!important;opacity:.48;z-index:1}
.motion-work .cards.grid .project-card.is-selected{transform:translate3d(0,0,80px) rotateY(0) scale(1)!important;z-index:5}
.motion-work .cards.grid .project-card.is-hidden-slide{opacity:0!important;pointer-events:none!important;transform:translateY(40px) scale(.72)!important}
.motion-work .project-card.is-selected:hover{transform:translate3d(0,-8px,80px) scale(1.01)!important}
.motion-work .project-card.is-selected .card-content:before{margin-bottom:4px}
.work-control{margin-top:8px;grid-template-columns:minmax(0,1fr)!important;padding:14px 16px 16px}
.work-control:before{content:"CASE SIGNAL";writing-mode:horizontal-tb;transform:none;margin-bottom:2px}
.work-control .control-tabs{justify-content:center;order:2;margin-top:10px}
.work-control .control-status{border-left:0;border-top:1px solid #ffffff14;padding:12px 0 0;text-align:center;min-height:auto}
.work-control .control-status p{margin-inline:auto;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.work-control .control-status em{display:block}
@media(max-width:760px){
  .motion-work .cards.grid{min-height:470px;padding-inline:0;overflow:hidden}
  .motion-work .cards.grid .project-card{width:82%;min-height:390px}
  .motion-work .cards.grid .project-card>img,.motion-work .cards.grid .project-art{flex-basis:190px}
  .motion-work .cards.grid .project-card.is-prev{transform:translate3d(-76%,18px,0) rotateY(8deg) scale(.78)!important;opacity:.34}
  .motion-work .cards.grid .project-card.is-next{transform:translate3d(76%,18px,0) rotateY(-8deg) scale(.78)!important;opacity:.34}
  .motion-work .cards.grid .project-card.is-selected{transform:translate3d(0,0,0) scale(1)!important}
}
/* Keep side slides outside the active card frame and remove the arrow hub from Selected Work. */
.motion-work .project-hub{display:none!important}
.motion-work .cards.grid{overflow:hidden;clip-path:inset(0 round 30px);padding-inline:6%}
.motion-work .cards.grid .project-card{width:min(46%,500px)}
.motion-work .cards.grid .project-card.is-prev{transform:translate3d(-86%,28px,0) rotateY(10deg) scale(.76)!important;opacity:.32;filter:blur(.2px) saturate(.6) brightness(.72);z-index:1}
.motion-work .cards.grid .project-card.is-next{transform:translate3d(86%,28px,0) rotateY(-10deg) scale(.76)!important;opacity:.32;filter:blur(.2px) saturate(.6) brightness(.72);z-index:1}
.motion-work .cards.grid .project-card.is-selected{width:min(48%,520px);z-index:6}
.motion-work .cards.grid .project-card:not(.is-selected){box-shadow:none!important;border-color:#ffffff12!important}
.motion-work .cards.grid .project-card:not(.is-selected):after,.motion-work .cards.grid .project-card:not(.is-selected):before{display:none!important}
.motion-work .cards.grid .project-card:not(.is-selected) .card-content{visibility:hidden}
.motion-work .cards.grid .project-card:not(.is-selected)>img,.motion-work .cards.grid .project-card:not(.is-selected) .project-art{opacity:.42;filter:blur(1px) saturate(.55) brightness(.82)}
@media(max-width:760px){
  .motion-work .cards.grid{padding-inline:0;clip-path:inset(0 round 24px)}
  .motion-work .cards.grid .project-card,.motion-work .cards.grid .project-card.is-selected{width:82%}
  .motion-work .cards.grid .project-card.is-prev{transform:translate3d(-94%,18px,0) rotateY(7deg) scale(.72)!important;opacity:.22}
  .motion-work .cards.grid .project-card.is-next{transform:translate3d(94%,18px,0) rotateY(-7deg) scale(.72)!important;opacity:.22}
}
/* Auto-sliding testimonial presentation. */
.motion-voices .quote-mark,.voice-hub{display:none!important}
.motion-voices .testimonials.grid{display:grid!important;grid-template-columns:1fr!important;min-height:430px;align-items:center;perspective:1200px;overflow:hidden;clip-path:inset(0 round 28px);padding:18px 0 28px;margin-top:26px}
.motion-voices .testimonials figure{grid-area:1/1;width:min(66%,700px);justify-self:center;min-height:310px;display:flex;flex-direction:column;justify-content:center;gap:24px;padding:42px 44px;border:1px solid #ffffff16;border-radius:28px;background:linear-gradient(145deg,#171717f0,#24130cee);box-shadow:0 34px 100px #0008;transition:transform .9s cubic-bezier(.16,.72,.18,1),opacity .55s ease,filter .55s ease,border-color .45s ease;transform:translate3d(calc(var(--case-offset,0) * 62%),calc(var(--case-distance,0) * 20px),0) rotateY(calc(var(--case-offset,0) * -12deg)) scale(calc(1 - var(--case-distance,0) * .15))!important;opacity:calc(1 - var(--case-distance,0) * .42);will-change:transform,opacity;cursor:pointer}
.motion-voices .testimonials figure.is-selected{z-index:5;opacity:1;filter:none;border-color:#ff621070;box-shadow:0 44px 110px #0009,0 0 0 1px #ff62104d,0 0 70px #ff62101c!important}
.motion-voices .testimonials figure.is-prev{transform:translate3d(-82%,24px,0) rotateY(10deg) scale(.78)!important;z-index:1;opacity:.28;filter:blur(.6px) saturate(.72)}
.motion-voices .testimonials figure.is-next{transform:translate3d(82%,24px,0) rotateY(-10deg) scale(.78)!important;z-index:1;opacity:.28;filter:blur(.6px) saturate(.72)}
.motion-voices .testimonials figure.is-hidden-slide{opacity:0!important;pointer-events:none!important;transform:translateY(40px) scale(.72)!important}
.motion-voices .testimonials figure:not(.is-selected) blockquote,.motion-voices .testimonials figure:not(.is-selected) figcaption{opacity:0;visibility:hidden}
.motion-voices .testimonials figure blockquote{font-size:clamp(1.1rem,2vw,1.65rem);line-height:1.5;color:#fff;margin:0;letter-spacing:-.035em}
.motion-voices .testimonials figure figcaption{display:grid;gap:5px;border-top:1px solid #ffffff12;padding-top:18px}
.motion-voices .testimonials:before{display:none!important}
.motion-voices .testimonials:after{bottom:4px;height:3px;transform:translateX(calc(var(--active-index,0) * 33.333%)) scaleX(.2);box-shadow:0 0 24px #ff621060}
.voice-control{grid-template-columns:minmax(0,1fr)!important;text-align:center;margin-top:8px;padding:14px 16px 16px}
.voice-control:before{content:"CLIENT INSIGHT";font-size:.6rem;letter-spacing:.16em;color:#ffb18d;text-transform:uppercase;opacity:.82}
.voice-control .control-tabs{order:2;flex-direction:row;justify-content:center;margin-top:10px}
.voice-control .control-status{border:0;border-top:1px solid #ffffff14;padding:12px 0 0;min-height:auto}
.voice-control .control-status:before{display:none}
.voice-control .control-status p{margin-inline:auto;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.motion-voices.is-voice-sliding .testimonials figure.is-selected blockquote{animation:voice-story-in .62s .08s cubic-bezier(.16,.72,.18,1) both}
.motion-voices.is-voice-sliding .testimonials figure.is-selected figcaption{animation:voice-story-in .55s .28s cubic-bezier(.16,.72,.18,1) both}
.motion-voices.is-auto-voice .voice-control:after{content:"";position:absolute;left:16px;right:16px;bottom:0;height:2px;background:linear-gradient(90deg,var(--accent),#fff7,transparent);transform-origin:left;animation:voice-progress 3.6s linear infinite;box-shadow:0 0 18px #ff621050}
@keyframes voice-story-in{0%{opacity:0;transform:translateY(22px);filter:blur(8px)}100%{opacity:1;transform:translateY(0);filter:blur(0)}}
@keyframes voice-progress{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@media(max-width:760px){
  .motion-voices .testimonials.grid{min-height:430px;margin-top:18px;padding:12px 0 24px}
  .motion-voices .testimonials figure{width:84%;min-height:330px;padding:30px 24px;transform:translate3d(calc(var(--case-offset,0) * 82%),calc(var(--case-distance,0) * 18px),0) rotateY(calc(var(--case-offset,0) * -8deg)) scale(calc(1 - var(--case-distance,0) * .18))!important}
  .motion-voices .testimonials figure.is-prev{transform:translate3d(-92%,18px,0) rotateY(7deg) scale(.74)!important;opacity:.22}
  .motion-voices .testimonials figure.is-next{transform:translate3d(92%,18px,0) rotateY(-7deg) scale(.74)!important;opacity:.22}
}
/* Compact carousel status panels: avoid repeating the full slide text. */
.work-control .control-status strong,.voice-control .control-status strong{font-size:1rem}
.work-control .control-status p,.voice-control .control-status p{max-width:620px;color:#bfb8b2;font-size:.82rem;line-height:1.5}
.work-control .control-status em,.voice-control .control-status em{color:#ffb18d;font-size:.68rem;letter-spacing:.08em;text-transform:uppercase}
.motion-work .cards.grid{margin-bottom:12px}
.motion-voices .testimonials.grid{margin-bottom:12px}
/* Reorder homepage flow and smooth scrolling/reveals. */
main{display:flex;flex-direction:column;scroll-behavior:smooth}
.motion-clients{order:5}
.motion-voices{order:6}
.motion-cta{order:7}
.motion-work .project-card.is-selected .card-content:before{content:"CASE STUDY"!important}
.work-control .control-status span:after{content:""!important}
.section-funnel>.wrap{transition:opacity .62s ease,filter .82s ease,transform 1.05s cubic-bezier(.16,.72,.18,1)!important}
@media(prefers-reduced-motion:no-preference){.cinema-target,.section-hero .hero-copy.cinema-target,.section-hero .growth-workflow.cinema-target{transition:opacity .68s ease,transform 1.05s cubic-bezier(.16,.72,.18,1)!important}.title-mask>span{transition:transform .58s cubic-bezier(.16,.74,.22,1),opacity .32s linear!important}.kinetic-label{transition:opacity .35s linear,letter-spacing .42s ease-out,transform .42s ease-out!important}}
/* Final homepage section order. */
.motion-services{order:1}
.motion-process{order:2}
.motion-work{order:3}
.motion-clients{order:4}
.motion-voices{order:5}
.motion-cta{order:6}
/* Smoother local scroll behavior: reduce heavy text travel, blur, and tilt. */
.title-mask{overflow:visible!important;padding:.02em .02em .08em!important;margin:-.02em!important}
.title-mask>span{transition:transform .72s cubic-bezier(.16,.72,.18,1),opacity .48s ease!important;will-change:auto!important}
.kinetic-label{transition:opacity .5s ease,letter-spacing .5s ease,transform .5s ease!important;will-change:auto!important}
.section-funnel>.wrap{filter:none!important;transition:opacity .7s ease,transform .85s cubic-bezier(.16,.72,.18,1)!important;will-change:auto!important}
.cinema-target,.section-hero .hero-copy.cinema-target,.section-hero .growth-workflow.cinema-target{transition:opacity .65s ease,transform .85s cubic-bezier(.16,.72,.18,1)!important;will-change:auto!important}
.reference-motion>.wrap:before{filter:blur(10px)!important;opacity:calc(var(--reference-glow,.18) * .65)!important}
.reference-motion>.wrap:after{opacity:.22!important}
.motion-ribbon>span{transition:transform .45s ease-out!important}
/* Performance-first scroll mode: keep sections stable while carousels/backgrounds remain active. */
.smooth-scroll-mode .cinema-target,.cinema-target{opacity:1!important;transform:none!important}
.smooth-scroll-mode .section-funnel>.wrap,.section-funnel>.wrap{opacity:1!important;filter:none!important;transform:none!important}
.smooth-scroll-mode .title-mask>span,.title-mask>span{opacity:1!important;transform:none!important}
.smooth-scroll-mode .kinetic-label,.kinetic-label{opacity:1!important;transform:none!important;letter-spacing:.11em!important}
.reference-motion>.wrap:after{transform:none!important;opacity:.18!important}
.section-bg-depth span{transition:opacity .35s ease!important;will-change:auto!important}
/* Stability mode: remove animated section backgrounds and scroll-reactive decorative layers. */
.reference-motion:after,
.reference-motion>.wrap:before,
.reference-motion>.wrap:after,
.section-bg-depth,
.atmosphere-scene:before,
.motion-ribbon{display:none!important}
.reference-motion,.atmosphere-scene{overflow:visible!important}
.page-section{contain:layout paint;transform:none!important}
.section-funnel{perspective:none!important}
.section-funnel>.wrap{transform:none!important;filter:none!important;opacity:1!important;transition:none!important;will-change:auto!important}
.cinema-target{transform:none!important;opacity:1!important;transition:none!important;will-change:auto!important}
.title-mask>span,.kinetic-label{transform:none!important;opacity:1!important;transition:none!important;will-change:auto!important}
.interactive-material.is-interacting{transition:box-shadow .18s ease,border-color .18s ease!important}
@media(hover:hover) and (prefers-reduced-motion:no-preference){
  .interactive-material.is-interacting{transform:none!important}
  .interactive-material.is-interacting img,.interactive-material.is-interacting .project-art,.interactive-material.is-interacting .workflow-core{transform:none!important}
}
/* Directional smooth reveal mode: sections enter from sides and bottom without heavy background motion. */
@media(prefers-reduced-motion:no-preference){
  main > .section{overflow:hidden}
  .section-hero{overflow:visible}
  .cinema-target.directional-reveal,
  .kinetic-title.directional-title .title-mask>span,
  .kinetic-label.directional-label{
    will-change:transform,opacity;
  }
  .cinema-target.directional-reveal{
    opacity:0!important;
    transition:opacity .72s ease,transform .9s cubic-bezier(.16,.72,.18,1)!important;
    transition-delay:calc(var(--item-index,0) * 55ms)!important;
  }
  .cinema-target.directional-reveal.from-left{transform:translate3d(-54px,0,0)!important}
  .cinema-target.directional-reveal.from-right{transform:translate3d(54px,0,0)!important}
  .cinema-target.directional-reveal.from-bottom{transform:translate3d(0,46px,0)!important}
  .cinema-target.directional-reveal.from-soft-bottom{transform:translate3d(0,28px,0) scale(.985)!important}
  .cinema-target.directional-reveal.is-revealed{
    opacity:1!important;
    transform:translate3d(0,0,0) scale(1)!important;
  }
  .kinetic-title.directional-title .title-mask{overflow:hidden!important;display:inline-block;vertical-align:bottom}
  .kinetic-title.directional-title .title-mask>span{
    opacity:0!important;
    transition:opacity .55s ease,transform .8s cubic-bezier(.16,.72,.18,1)!important;
    transition-delay:calc(var(--word-order,0) * 42ms)!important;
  }
  .kinetic-title.directional-title .title-mask:nth-of-type(odd)>span{transform:translate3d(-115%,0,0)!important}
  .kinetic-title.directional-title .title-mask:nth-of-type(even)>span{transform:translate3d(115%,0,0)!important}
  .kinetic-title.directional-title.is-revealed .title-mask>span{
    opacity:1!important;
    transform:translate3d(0,0,0)!important;
  }
  .kinetic-label.directional-label{
    opacity:0!important;
    transform:translate3d(0,16px,0)!important;
    transition:opacity .45s ease,transform .62s cubic-bezier(.16,.72,.18,1),letter-spacing .62s ease!important;
  }
  .kinetic-label.directional-label.is-revealed{
    opacity:1!important;
    transform:translate3d(0,0,0)!important;
  }
}
@media(prefers-reduced-motion:reduce){
  .cinema-target.directional-reveal,.kinetic-title.directional-title .title-mask>span,.kinetic-label.directional-label{opacity:1!important;transform:none!important;transition:none!important}
}

/* Carousel navigator arrows. */
.control-arrows{display:flex;align-items:center;justify-content:center;gap:8px;order:3}
.control-arrows button{width:42px;height:42px;border-radius:50%;border:1px solid #ffffff24;background:#111;color:#fff;font-size:1rem;line-height:1;transition:transform .22s ease,border-color .22s ease,background .22s ease,color .22s ease;cursor:pointer}
.control-arrows button:hover,.control-arrows button:focus-visible{transform:translateY(-2px);border-color:var(--accent);background:var(--accent);color:#16110e;outline:none}
.work-control,.voice-control{grid-template-columns:minmax(0,1fr) auto!important}
.work-control .control-tabs,.voice-control .control-tabs{grid-column:1 / -1}
.work-control .control-status,.voice-control .control-status{grid-column:1}
.work-control .control-arrows,.voice-control .control-arrows{grid-column:2;grid-row:1;align-self:center}
@media(max-width:760px){.work-control,.voice-control{grid-template-columns:1fr!important}.work-control .control-arrows,.voice-control .control-arrows{grid-column:1;grid-row:auto}}