:is(html:has(.motion-preview),body:has(.motion-preview)){overflow-x:clip}body:has(.motion-preview){--content-max:1560px;--content-gutter:clamp(20px, 3vw, 56px)}body:has(.motion-controls){padding-bottom:calc(96px + env(safe-area-inset-bottom))}html:has(.motion-controls){scroll-padding-bottom:100px}body:has(.motion-preview) .shell{width:min(var(--content-max), calc(100% - 2 * var(--content-gutter)))}.motion-preview .motion-hero>section{padding:clamp(32px,5vh,64px) 0 clamp(48px,6vh,80px)!important}.motion-preview .motion-hero .shell{grid-template-columns:minmax(0,1.12fr) minmax(0,1fr)!important;gap:clamp(28px,4vw,72px)!important}.motion-preview .motion-hero .shell>div:last-child{width:100%;max-width:640px!important}.motion-preview .motion-hero .shell>div:first-child{gap:clamp(16px,2.4vh,24px)!important}.motion-preview .motion-hero h1{font-size:clamp(28px,2.7vw,44px)!important}.motion-preview .motion-hero h1 .word{opacity:1;animation:none;transform:none}.motion-preview .motion-hero .shell>div:first-child>p{max-width:62ch;font-size:clamp(16px,1.25vw,19px)!important}.motion-preview .motion-hero .float{animation:none}.motion-preview .reveal{opacity:1;transition:none;transform:none}.motion-active .float,.motion-active .flow-row,.motion-active .stat{animation:none}.motion-active .lift{transition:box-shadow .25s,border-color .25s}.motion-preview .motion-hero :is(.flow-row,.stat,.stat-bar){animation:none}.motion-preview:not(.motion-active) :is(.aurora span,.marquee,.float),.motion-preview:not(.motion-active) .pulse:after{animation-play-state:paused}.motion-controls{z-index:100;bottom:calc(20px + env(safe-area-inset-bottom));border:1px solid var(--border);background:var(--surface-card);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:20px;align-items:center;gap:18px;width:max-content;max-width:calc(100% - 24px);padding:12px 18px;font-size:12px;display:flex;position:fixed;left:50%;transform:translate(-50%);box-shadow:0 12px 50px #0003}.motion-controls strong,.motion-controls small{display:block}.motion-controls small{color:var(--text-muted);margin-top:3px}.motion-controls button,.motion-controls a{font:inherit;white-space:nowrap;cursor:pointer;background:var(--accent-soft);color:var(--foreground);border:1px solid var(--border);border-radius:10px;padding:9px 12px;font-weight:600}.motion-controls :focus-visible{outline:2px solid var(--accent-strong);outline-offset:4px}.motion-indicator{background:var(--accent-strong);border-radius:50%;width:8px;height:8px}@media (max-width:900px){.motion-preview .motion-hero .shell{grid-template-columns:minmax(0,1fr)!important;gap:40px!important}.motion-preview .motion-hero .shell>div:last-child{justify-self:center!important}}@media (max-width:600px){.motion-controls{bottom:calc(10px + env(safe-area-inset-bottom));flex-wrap:wrap;justify-content:center;gap:8px;padding:10px}.motion-controls>span,.motion-indicator{display:none}.motion-controls strong{font-size:10px}.motion-controls button,.motion-controls a{padding:8px;font-size:10px}.motion-preview .motion-hero .shell,.motion-preview #about .shell,.motion-preview #references .shell>div:last-child,.motion-preview #services .shell>div:last-child{grid-template-columns:minmax(0,1fr)!important}}@media (prefers-reduced-motion:reduce){html:has(.motion-preview){scroll-behavior:auto}.motion-preview .motion-hero{height:auto}}
