.mix-site{--background:var(--mx-cream);--foreground:var(--mx-ink);--card:var(--mx-paper);--card-foreground:var(--mx-ink);--popover:var(--mx-cream);--popover-foreground:var(--mx-ink);--primary:var(--mx-ink);--primary-foreground:var(--mx-white);--secondary:var(--mx-peach);--secondary-foreground:var(--mx-ink);--muted:var(--mx-paper);--muted-foreground:var(--mx-ink);--accent:var(--mx-peach);--accent-foreground:var(--mx-ink);--brand:var(--mx-orange);--brand-foreground:var(--mx-ink);--border:var(--mx-line);--input:var(--mx-line);--ring:var(--mx-orange)}.mix-site .mx-nav{background:var(--mx-white);border-bottom:1px solid var(--mx-line)}.mix-site .mx-drop{background:var(--mx-white)}.mix-site .mx-pagehero{padding-top:36px;padding-bottom:56px}.mix-site .mx-pagehero .mx-h1{max-width:1000px}.mix-site .mx-pagehero .mx-sub{max-width:760px}.mix-site .mx-sectionheading{margin-bottom:32px}.mix-site .mx-sectionheading .mx-h2{margin-bottom:16px}.mix-site .mx-content{border-top:1px solid var(--mx-line);padding-top:56px;padding-bottom:56px}.mix-site .mx-content h2,.mix-site .mx-content h3,.mix-site .mx-content h4,.mix-site .mx-post h1,.mix-site .mx-post h2,.mix-site .mx-post h3,.mix-site .mx-post h4{letter-spacing:0;font-family:Fraunces,serif;font-weight:400;line-height:1.15}.mix-site .mx-content h2{font-size:34px}.mix-site .mx-content h3{font-size:27px}.mix-site .mx-formpanel,.mix-site .mx-bookingpanel{padding:0}.mix-site input,.mix-site textarea{background:var(--mx-paper);box-shadow:none;border-radius:8px}.mix-site .mx-contactgrid{grid-template-columns:1fr 1fr;align-items:start;gap:64px;display:grid}.mix-site .mx-jumpnav{z-index:30;background:var(--mx-cream);border-block:1px solid var(--mx-line);position:sticky;top:68px}.mix-site .mx-jumplinks{scrollbar-width:none;gap:8px;padding-block:12px;display:flex;overflow-x:auto}.mix-site .mx-jumplink{border:1px solid var(--mx-line);border-radius:40px;flex-shrink:0;align-items:center;gap:8px;padding:10px 16px;font-size:13px;display:inline-flex}.mix-site .mx-jumplink[aria-current=true]{background:var(--mx-orange);border-color:var(--mx-orange)}.mix-site .mx-service{scroll-margin-top:150px}.mix-site .mx-servicegrid{grid-template-columns:1fr 1fr;align-items:start;gap:54px;display:grid}.mix-site .mx-service h2{margin:20px 0 18px;font-size:42px}.mix-site .mx-service .mx-eye{margin:0}.mix-site .mx-example{border-left:3px solid var(--mx-orange);margin-top:24px;padding-left:20px}.mix-site .mx-example p+p{margin-top:12px}.mix-site .mx-build{background:var(--mx-paper);border-radius:24px;padding:32px}.mix-site .mx-build h3{margin:0}.mix-site .mx-tools{border-top:1px solid var(--mx-line);margin-top:28px;padding-top:24px}.mix-site .mx-tools h4{text-transform:uppercase;font-family:JetBrains Mono,monospace;font-size:11px}.mix-site .mx-blogcard{background:var(--mx-paper);box-shadow:none;border-radius:24px}.mix-site .mx-blogcard:hover{background:var(--mx-peach)}.mix-site .mx-post{max-width:800px;padding-block:56px}.mix-site .mx-post h1{font-size:56px}.mix-site .mx-post .prose{--tw-prose-body:var(--mx-ink);--tw-prose-headings:var(--mx-ink);--tw-prose-links:var(--mx-deep);--tw-prose-bold:var(--mx-ink);--tw-prose-quotes:var(--mx-ink);--tw-prose-quote-borders:var(--mx-orange);--tw-prose-code:var(--mx-ink);--tw-prose-pre-bg:var(--mx-ink);--tw-prose-pre-code:var(--mx-cream);--tw-prose-hr:var(--mx-line)}.mix-site .mx-post .prose p{margin-block:1.25em}.mix-site .mx-post .prose h2{font-size:36px}.mix-site .mx-post .prose h3{font-size:28px}.mix-site .mx-post .prose pre{overflow-x:auto}.mix-site .mx-post .prose table{display:block;overflow-x:auto}.mix-site .mx-badge-role{font-weight:700}.mix-site .mx-badge{cursor:pointer}.mix-site .mx-badge:focus-visible{outline:2px solid var(--mx-ink);outline-offset:5px}.mix-site .mx-badge-clip:after{transition:background .2s}.mix-site .mx-badge:hover .mx-badge-clip:after,.mix-site .mx-badge:focus-visible .mx-badge-clip:after{background:var(--mx-orange)}.mix-site .mx-about{grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);align-items:center;gap:56px;scroll-margin-top:84px;display:grid}.mix-site .mx-about-photo{width:256px;position:relative}.mix-site .mx-about-photo:before{content:"";z-index:-1;background:var(--mx-orange);opacity:.25;filter:blur(48px);border-radius:50%;position:absolute;inset:-24px}.mix-site .mx-about-photo img{object-fit:cover;object-position:top center;border:1px solid var(--mx-line);border-radius:24px;width:256px;height:256px;display:block}.mix-site .mx-about-stats{color:var(--mx-deep);gap:8px;margin:24px 0 0;padding:0;list-style:none;display:grid}.mix-site .mx-about-p+.mx-about-p{margin-top:16px}@media (width<=767px){.mix-site .mx-about{grid-template-columns:1fr;gap:40px}}.mix-site .mx-hero-underline svg path{stroke-dasharray:1;stroke-dashoffset:1px;animation:.8s ease-out .6s forwards mx-hero-draw}@keyframes mx-hero-draw{to{stroke-dashoffset:0}}@media (prefers-reduced-motion:reduce){.mix-site .mx-hero-underline svg path{stroke-dashoffset:0;animation:none}}.mix-site .mx-masonry{column-count:1;column-gap:24px}.mix-site .mx-masonry>*{break-inside:avoid;margin-bottom:24px}@media (width>=768px){.mix-site .mx-masonry{column-count:2}}@media (width>=1024px){.mix-site .mx-masonry{column-count:3}}.mix-site .mx-videocard{background:var(--mx-white);border:1px solid var(--mx-line);border-radius:24px;padding:12px}.mix-site .mx-videocard iframe{aspect-ratio:16/9;border:0;border-radius:14px;width:100%;display:block}.mix-site .mx-timeline{max-width:42rem;margin-inline:auto}.mix-site .mx-timelinecard{background:var(--mx-cream,#fef9ef);border:1px solid var(--mx-line);text-align:center;border-radius:24px;flex-direction:column;align-items:center;gap:14px;margin-top:32px;padding:40px 32px;transition:transform .25s,box-shadow .25s;display:flex}.mix-site .mx-timelinecard:hover{transform:translateY(-3px);box-shadow:0 12px 32px #12264a14}.mix-site .mx-timelinecard .mx-sub{margin:0}.mix-site .mx-timelinecard .mx-btn{margin-top:10px}.mix-site .mx-timelinecard-handle{color:var(--mx-ink,#12264a);margin:0;font-size:20px;font-weight:700}.mix-site .mx-timelinecard-live{text-align:left;padding:16px;display:block}@media (width<=640px){.mix-site .mx-timelinecard{padding:32px 20px}}.mix-site .mx-finalband{background:var(--mx-peach);text-align:center}.mix-site .mx-finalband h2,.mix-site .mx-finalband p{margin-inline:auto}.mix-site .mx-finalband .mx-ctas{justify-content:center}.mix-site .mx-foot{border-top:1px solid var(--mx-line);margin-top:24px;padding:56px 0 32px}.mix-site .mx-footin{grid-template-columns:2fr 1fr 1fr;gap:32px;display:grid}.mix-site .mx-footin a{margin-bottom:8px;font-size:14px;display:block}.mix-site .mx-footin a:hover{color:var(--mx-deep)}.mix-site .mx-footlogo{mix-blend-mode:multiply;width:auto;height:120px;display:block}.mix-site .mx-copy{opacity:.6;margin-top:40px}@media (width<=640px){.mix-site .mx-footin{grid-template-columns:1fr}.mix-site .mx-footlogo{height:88px}}.mix-site .mx-home>section{transition:opacity 1.4s,translate 1.4s}.mix-site .mx-home .mx-motion-waiting{opacity:0;translate:0 18px}.mix-site .mx-home .mx-motion-visible .mx-h2{animation:2s both mx-home-enter}.mix-site .mx-home .mx-motion-visible :is(.mx-card,.mx-learnitem,.mx-faqitem){animation:1.4s both mx-home-enter}.mix-site .mx-home .mx-motion-visible :is(.mx-card,.mx-learnitem,.mx-faqitem):nth-child(2){animation-delay:.16s}.mix-site .mx-home .mx-motion-visible :is(.mx-card,.mx-learnitem,.mx-faqitem):nth-child(3){animation-delay:.32s}.mix-site .mx-home .mx-motion-visible :is(.mx-learnitem,.mx-faqitem):nth-child(n+4){animation-delay:.48s}.mix-site .mx-home :is(.mx-card,.mx-learnitem,.mx-faqitem){transition:translate .22s}.mix-site .mx-home :is(.mx-card,.mx-learnitem)>svg{transition:transform .22s}.mix-site .mx-home .mx-final{transition:translate .25s}@keyframes mx-home-enter{0%{opacity:0;translate:0 12px}to{opacity:1;translate:0}}@media (hover:hover) and (prefers-reduced-motion:no-preference){.mix-site .mx-home :is(.mx-card,.mx-learnitem):hover{translate:0 -4px}.mix-site .mx-home :is(.mx-card,.mx-learnitem):hover>svg{transform:rotate(-7deg)}.mix-site .mx-home .mx-faqitem:hover{translate:3px}.mix-site .mx-home .mx-final:hover{translate:0 -3px}}@media (prefers-reduced-motion:reduce){.mix-site .mx-home .mx-motion-waiting{opacity:1;translate:none}.mix-site .mx-home .mx-motion-visible .mx-h2{animation:none}}@media (width<=767px){.mix-site .mx-pagehero{padding-top:24px;padding-bottom:40px}.mix-site .mx-content,.mix-site .mx-post{padding-top:40px;padding-bottom:40px}.mix-site .mx-contactgrid,.mix-site .mx-servicegrid{grid-template-columns:1fr;gap:36px}.mix-site .mx-service h2{font-size:34px}.mix-site .mx-build{padding:28px}.mix-site .mx-post h1{overflow-wrap:anywhere;font-size:40px}}.mix-site{--mx-service-shadow:0 12px 24px -16px var(--mx-ink)}.mix-site .mx-service-strip{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.mix-site .mx-service-card{background:var(--mx-white);border:1px solid var(--mx-line);flex-direction:column;padding:24px 18px;transition:transform .22s,box-shadow .22s,border-color .22s;display:flex}.mix-site .mx-service-card>svg{color:var(--mx-orange);flex-shrink:0}.mix-site .mx-service-card h3{margin:22px 0 16px;font-size:25px;line-height:1.15}@media (width>=768px){.mix-site .mx-service-card h3{min-height:3.45em}}@media (width>=1200px){.mix-site .mx-service-card h3{min-height:4.6em}}.mix-site .mx-service-card p{font-size:14px}.mix-site .mx-project-pair+.mx-project-pair{border-top:1px solid var(--mx-line);margin-top:24px;padding-top:20px}.mix-site .mx-project-pair .mx-mono{color:var(--mx-deep);margin-bottom:8px}.mix-site .mx-service-workflow{margin-top:36px}.mix-site .mx-service-workflow .mx-workflow{margin-bottom:0}.mix-site .mx-home .mx-motion-visible .mx-service-card{animation-duration:.85s}.mix-site .mx-home .mx-motion-visible .mx-service-card:nth-child(4){animation-delay:.48s}@media (hover:hover) and (prefers-reduced-motion:no-preference){.mix-site .mx-service-card:hover{box-shadow:var(--mx-service-shadow);border-color:var(--mx-orange);transform:translateY(-4px)}.mix-site .mx-home .mx-service-strip .mx-service-card:hover>svg{transform:rotate(-8deg)scale(1.1)}}@media (width>=768px) and (width<=1199px){.mix-site .mx-service-strip{scroll-snap-type:x mandatory;grid-template-columns:repeat(4,250px);padding:8px 4px 20px;overflow-x:auto}.mix-site .mx-service-card{scroll-snap-align:start}}@media (width<=767px){.mix-site .mx-service-strip{grid-template-columns:1fr}.mix-site .mx-service-card{padding:28px}}.mix-site .mx-home :is(.mx-project-card,.mx-faqitem){background:var(--mx-white);border:1px solid var(--mx-line)}.mix-site .mx-whylead{margin-bottom:36px}.mix-site .mx-whygrid{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;display:grid}.mix-site .mx-whygrid .mx-learnitem{background:var(--mx-white);border:1px solid var(--mx-line);border-radius:24px;padding:28px;transition:transform .22s,box-shadow .22s,border-color .22s}@media (hover:hover) and (prefers-reduced-motion:no-preference){.mix-site .mx-whygrid .mx-learnitem:hover{box-shadow:var(--mx-service-shadow);border-color:var(--mx-orange);transform:translateY(-4px)}}.mix-site .mx-whygrid .mx-learnitem>svg{color:var(--mx-orange)}@media (width<=1023px){.mix-site .mx-whygrid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=767px){.mix-site .mx-whygrid{grid-template-columns:1fr}}.mix-site .mx-process-steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:48px;display:grid;position:relative}.mix-site .mx-process-step{border:1px solid var(--mx-line);background:var(--mx-white);box-shadow:inset 0 -1px 0 var(--mx-orange);border-radius:16px;padding:28px;transition:transform .26s ease-out,box-shadow .26s ease-out,border-color .26s ease-out;position:relative}.mix-site .mx-process-step:not(:last-child):after{content:"";background:linear-gradient(90deg, var(--mx-ink), var(--mx-orange));pointer-events:none;width:48px;height:2px;position:absolute;top:44px;right:-49px}@keyframes mx-process-connector-travel{0%,to{background-position:0%}50%{background-position:100%}}@media (width>=1024px) and (prefers-reduced-motion:no-preference){.mix-site .mx-process-step:not(:last-child):after{background-color:var(--mx-ink);background-image:linear-gradient(90deg, var(--mx-orange), var(--mx-orange));background-repeat:no-repeat;background-size:14px 100%;animation:2.8s ease-in-out infinite mx-process-connector-travel}.mix-site .mx-process-step:nth-child(2):after{animation-delay:-.4s}}.mix-site .mx-process-number{background:var(--mx-peach);width:40px;height:40px;color:var(--mx-ink);border:1px solid var(--mx-orange);letter-spacing:0;border-radius:12px;justify-content:center;align-items:center;font-size:13px;font-weight:500;transition:transform .26s ease-out;display:inline-flex}.mix-site .mx-process-sec{transition:opacity 1.4s,translate 1.4s}.mix-site .mx-process-sec.mx-motion-waiting{opacity:0;translate:0 18px}.mix-site .mx-process-sec.mx-motion-visible .mx-h2{animation:2s both mx-home-enter}@media (prefers-reduced-motion:reduce){.mix-site .mx-process-sec.mx-motion-waiting{opacity:1;translate:none}.mix-site .mx-process-sec.mx-motion-visible .mx-h2{animation:none}}.mix-site .mx-motion-visible .mx-process-step{animation:1.4s both mx-home-enter}.mix-site .mx-motion-visible .mx-process-step:nth-child(2){animation-delay:.12s}.mix-site .mx-motion-visible .mx-process-step:nth-child(3){animation-delay:.24s}@keyframes mx-process-number-in{0%{opacity:0;transform:scale(.55)}to{opacity:1;transform:scale(1)}}.mix-site .mx-motion-visible .mx-process-number{animation:.38s ease-out backwards mx-process-number-in}.mix-site .mx-motion-visible .mx-process-step:nth-child(2) .mx-process-number{animation-delay:.2s}.mix-site .mx-motion-visible .mx-process-step:nth-child(3) .mx-process-number{animation-delay:.32s}.mix-site .mx-process-step:not(:last-child):after{transform-origin:0;transition:transform .6s ease-out}.mix-site .mx-motion-waiting .mx-process-step:not(:last-child):after{transform:scaleX(0)}.mix-site .mx-motion-visible .mx-process-step:first-child:after{transition-delay:.9s}.mix-site .mx-motion-visible .mx-process-step:nth-child(2):after{transition-delay:1.1s}@media (hover:hover) and (prefers-reduced-motion:no-preference){.mix-site .mx-process-step:hover{border-color:var(--mx-orange);box-shadow:inset 0 -1px 0 var(--mx-orange), 0 18px 34px -20px var(--mx-ink);transform:translateY(-4px)}.mix-site .mx-process-step:hover .mx-process-number{transform:rotate(-8deg)scale(1.08)}}@media (prefers-reduced-motion:reduce){.mix-site .mx-motion-waiting .mx-process-step:not(:last-child):after{transform:none}}.mix-site .mx-process-step .mx-h3{margin:16px 0 8px;font-size:28px}@media (width<=1023px){.mix-site .mx-process-steps{grid-template-columns:1fr}.mix-site .mx-process-step:after{display:none}}@media (width<=640px){.mix-site .mx-process-step{padding:22px}.mix-site .mx-process-step .mx-h3{font-size:24px}}.mix-site .mx-home .mx-service-card p,.mix-site .mx-home .mx-project-pair p:not(.mx-mono),.mix-site .mx-home .mx-learnitem p,.mix-site .mx-home .mx-faqanswer,.mix-site .mx-home .mx-faqanswer p,.mix-site .mx-home .mx-about-p,.mix-site .mx-footer p:not(.mx-mono){color:var(--mx-ink);opacity:1;font-size:17px;font-weight:450;line-height:1.6}.mix-site .mx-home .mx-sub{color:var(--mx-ink);opacity:1;font-size:18px;font-weight:450;line-height:1.6}.mix-site .mx-copy{opacity:.85;font-weight:450}@media (width<=767px){.mix-site .mx-home .mx-service-card p,.mix-site .mx-home .mx-project-pair p:not(.mx-mono),.mix-site .mx-home .mx-learnitem p,.mix-site .mx-home .mx-faqanswer,.mix-site .mx-home .mx-faqanswer p,.mix-site .mx-home .mx-about-p,.mix-site .mx-home .mx-sub,.mix-site .mx-home .mx-herocopy .mx-sub,.mix-site .mx-footer p:not(.mx-mono){font-size:16px}}