.creative-hero{--idea-x:0;--idea-y:0;background:#f4ebd9;isolation:isolate}
.creative-hero .hero-img{object-position:75% center;transform:translate3d(calc(var(--idea-x)*-11px),calc(var(--idea-y)*-8px),0) scale(1.025);transition:transform .65s cubic-bezier(.2,.7,.2,1)}
.creative-hero:after{background:linear-gradient(90deg,#f4ebd9d9 0%,#f4ebd980 34%,transparent 62%)}
.creative-hero .hero-copy{z-index:2}.creative-hero .hero-entry{z-index:3}
.idea-layers{position:absolute;inset:0;pointer-events:none;z-index:1}
.idea-layers>span{position:absolute;display:block;transition:transform .8s cubic-bezier(.2,.7,.2,1)}
.idea-orbit{border-radius:50%;width:29px;height:29px;background:radial-gradient(circle at 30% 25%,#78b9f4,#0053b4 65%,#00317c);box-shadow:4px 9px 15px #163c5c26}
.orbit-one{left:62%;top:21%;transform:translate3d(calc(var(--idea-x)*29px),calc(var(--idea-y)*23px),0)}
.orbit-two{right:4%;top:49%;width:22px;height:22px;background:radial-gradient(circle at 30% 25%,#ffbe56,#fa6507 65%,#a43c00);transform:translate3d(calc(var(--idea-x)*-21px),calc(var(--idea-y)*-18px),0)}
.idea-spark{right:24%;top:10%;font:70px/1 Arial,sans-serif;color:#ff650a;transform:translate3d(calc(var(--idea-x)*17px),calc(var(--idea-y)*-25px),0) rotate(calc(var(--idea-x)*12deg))}
.idea-frame{right:6%;top:17%;width:100px;padding:7px 7px 18px;background:#fff9ed;box-shadow:4px 12px 22px #231b1625;transform:translate3d(calc(var(--idea-x)*-31px),calc(var(--idea-y)*26px),0) rotate(calc(9deg + var(--idea-x)*5deg))}
.idea-frame img{width:100%;display:block;aspect-ratio:1;object-fit:cover}
.motion-toggle{position:absolute;z-index:4;right:20px;bottom:18px;font-size:11px;padding:9px 12px;background:#fff8eeeb;border-color:#c9ac89}.motion-toggle[hidden]{display:none}
@media(max-width:900px){.creative-hero .hero-img{object-position:78% center}.creative-hero:after{background:linear-gradient(90deg,#f4ebd9ee,#f4ebd970 50%,transparent 90%)}.idea-frame{width:75px;right:6%;top:26%}.idea-spark{top:20%;right:15%;font-size:45px}.orbit-one{left:78%}}
@media(max-width:600px){.creative-hero{height:900px}.creative-hero .hero-img{top:290px;height:420px;object-position:86% center;transform:none}.creative-hero:after{background:linear-gradient(#f4ebd9 0%,#f4ebd9 28%,transparent 38%,transparent 74%,#f4ebd9 82%)}.idea-layers{display:none}.creative-hero .hero-entry{bottom:18px}.creative-hero .hero-note{max-width:290px}.motion-toggle{display:none}}
@media(prefers-reduced-motion:reduce){.creative-hero .hero-img,.idea-layers>span{transform:none!important;transition:none!important}.idea-frame{rotate:9deg}.motion-toggle{display:none}}

/* A single four-second float settles; pointer movement remains optional. */
@media(prefers-reduced-motion:no-preference) and (min-width:701px){
 .creative-hero:not(.motion-paused) .idea-layers>span{animation:idea-settle 4s ease-in-out both}
 .creative-hero:not(.motion-paused) .idea-layers>.orbit-two{animation-direction:reverse}
 .creative-hero:not(.motion-paused) .idea-layers>.idea-spark{animation-duration:3.5s}
}
@keyframes idea-settle{0%,100%{translate:0 0}40%{translate:0 -14px}70%{translate:0 5px}}
.creative-hero.motion-paused .idea-layers>span{animation:none;translate:none}
.creative-hero .send{transition:background .2s,box-shadow .2s}
.creative-hero .send:hover,.creative-hero .send:focus-visible{background:#d94d00;box-shadow:0 4px 16px #b23d0029}
@media(prefers-reduced-motion:reduce){.idea-layers>span{animation:none!important;translate:none!important}.creative-hero .send{transition:none}}