@media (prefers-reduced-motion:no-preference){:root{--ease-out:cubic-bezier(.2, .7, .2, 1)}@keyframes m-rise{0%{opacity:0;translate:0 28px;scale:.98}}@keyframes m-zoom{0%{opacity:.4;scale:1.06}}.m-hero-1,.m-hero-accent,.m-hero-2,.m-hero-3,.m-hero-4{animation:m-rise .6s var(--ease-out) both}.m-hero-accent{animation-delay:.1s}.m-hero-2{animation-delay:.18s}.m-hero-3{animation-delay:.26s}.m-hero-4{animation-delay:.34s}@keyframes m-breathe{0%{translate:0;scale:1}to{translate:-1% -1%;scale:1.045}}.m-hero-img{animation:m-zoom 1.6s var(--ease-out) both, m-breathe 16s 1.6s ease-in-out infinite alternate}.m-hero-copy>*{animation:m-rise .7s var(--ease-out) both}.m-hero-copy>:nth-child(2){animation-delay:80ms}.m-hero-copy>:nth-child(3){animation-delay:.16s}.m-hero-copy>:nth-child(4){animation-delay:.24s}.m-hero-copy>:nth-child(n+5){animation-delay:.32s}@supports (animation-timeline:view()){@keyframes m-join-a{0%{opacity:.2;transform:translate(-60px,52px)}}@keyframes m-join-b{0%{opacity:.2;transform:translate(60px,-52px)}}@keyframes m-draw{0%{transform:scaleX(0)}}.m-badge .x-cut-a,.m-badge .x-cut-b{animation:linear both m-join-a;animation-timeline:view();animation-range:entry 20% cover 35%}.m-badge .x-cut-b{animation-name:m-join-b}.m-head,.m-grid>*{animation:linear both m-rise;animation-timeline:view();animation-range:entry entry 70%}.m-grid>:nth-child(2){animation-range:entry 8% entry 78%}.m-grid>:nth-child(3){animation-range:entry 16% entry 86%}.m-grid>:nth-child(4){animation-range:entry 24% entry 94%}.m-grid>:nth-child(5){animation-range:entry 32%}@keyframes m-parallax{0%{transform:translateY(-4%)scale(1.09)}to{transform:translateY(4%)scale(1.09)}}.cta-image{animation:linear both m-parallax;animation-timeline:view()}.m-grid>.m-timeline-line{transform-origin:0;animation:linear both m-draw;animation-timeline:view();animation-range:entry 30% cover 50%}@keyframes m-draw-y{0%{transform:scaleY(0)}}@keyframes m-flow-in{0%{opacity:0;transform:translate(24px,24px)}}@keyframes m-mark-in{0%{opacity:0;transform:translate(-50%)rotate(45deg)scale(.2)}60%{opacity:1;transform:translate(-50%)rotate(45deg)scale(1.35)}}.m-flow-rail{transform-origin:top;animation:linear both m-draw-y;animation-timeline:view();animation-range:entry 40% exit 30%}.m-flow-step{animation:linear both m-flow-in;animation-timeline:view();animation-range:entry 5% entry 65%}.m-flow-mark{animation:linear both m-mark-in;animation-timeline:view();animation-range:entry 15% entry 55%}}}.cta-image{transition:opacity 1.2s}[data-scene=ready] .cta-image{opacity:0}@media (prefers-reduced-motion:no-preference){@keyframes m-quote-in{0%{opacity:0;translate:0 12px}}@keyframes m-quote-line-in{0%{opacity:0;translate:-8px}}.m-quote-step{animation:m-quote-in .32s var(--ease-out,ease-out) both}.m-quote-line{animation:m-quote-line-in .4s var(--ease-out,ease-out) both}}@media (prefers-reduced-motion:no-preference) and (max-width:767px){@keyframes m-marquee{to{translate:-50%}}.m-marquee{animation:22s linear infinite m-marquee}}@media (prefers-reduced-motion:reduce) and (max-width:767px){.m-marquee-wrap{overflow-x:auto}}@media (prefers-reduced-motion:no-preference){.m-404-x{animation:m-rise .9s .2s var(--ease-out) both}.m-404-num{animation:m-rise .8s .5s var(--ease-out) both}.m-404-x .x-cut-a,.m-404-x .x-cut-b{animation:4.5s ease-in-out 1s infinite alternate m-404-apart}.m-404-x .x-cut-b{animation-name:m-404-apart-b}@keyframes m-404-apart{to{transform:translate(-16px,14px)}}@keyframes m-404-apart-b{to{transform:translate(16px,-14px)}}}
@media (prefers-reduced-motion:no-preference){.m-card{transition:transform .35s var(--ease-out), border-color .3s ease, box-shadow .35s var(--ease-out)}.m-card-link:hover{transform:translateY(-4px)}.m-card:not(.m-card-link):hover{border-color:var(--color-paper-line-hover)}.m-card-line{transition:transform .5s var(--ease-out);transform:scaleX(.35)}.m-card:hover .m-card-line{transform:scaleX(1)}.m-tile{transition:background-color .3s,border-color .3s,color .3s}.m-card:hover .m-tile{background-color:var(--color-violet);border-color:var(--color-violet);color:#fff}.m-btn-primary{position:relative;overflow:hidden}.m-btn-primary:after{content:"";pointer-events:none;background:linear-gradient(110deg,#0000 30%,#ffffff4d 50%,#0000 70%);position:absolute;inset:0;transform:translate(-120%)}.m-btn-primary:hover:after{transition:transform .7s var(--ease-out);transform:translate(120%)}.m-btn-primary:active{transform:scale(.97)}.m-link{position:relative}.m-link:after{content:"";inset-inline:0;transform-origin:0;height:1px;transition:transform .35s var(--ease-out);background-color:currentColor;position:absolute;bottom:-3px;transform:scaleX(0)}.m-link:hover:after{transform:scaleX(1)}.m-frame{transition:transform .35s var(--ease-out), border-color .3s ease, box-shadow .35s var(--ease-out)}.m-project:hover .m-frame{border-color:var(--color-paper-line-hover);transform:translateY(-4px);box-shadow:0 16px 32px -6px #0f172a14,0 0 20px #6d28d90f}.m-project .x-cut-a,.m-project .x-cut-b{transition:transform .45s var(--ease-out)}.m-project:hover .x-cut-a{transform:translate(-30px,26px)}.m-project:hover .x-cut-b{transform:translate(30px,-26px)}.m-logo .x-cut-a,.m-logo .x-cut-b{transition:transform .45s var(--ease-out)}.m-logo:hover .x-cut-a{transform:translate(-22px,19px)}.m-logo:hover .x-cut-b{transform:translate(22px,-19px)}.m-link-on:after{transform:scaleX(1)}.m-tile svg{transition:transform .45s var(--ease-out)}.m-card:hover .m-tile svg{transform:scale(1.08)}.m-flow-arrow{width:1.5rem}.m-flow-step:hover .m-flow-arrow{background-color:var(--color-violet);width:3rem}.m-flow-mark{transition:transform .3s var(--ease-out), box-shadow .3s var(--ease-out)}.m-flow-step:hover .m-flow-mark{transform:translate(-50%)rotate(45deg)scale(1.4);box-shadow:0 0 18px #6d28d98c}}