@font-face{font-display:block;font-family:URW DIN;font-style:normal;font-weight:400;src:url(/public/fonts/urw-din.woff2) format("woff2"),url(/public/fonts/urw-din.woff) format("woff"),url(/public/fonts/urw-din.ttf) format("truetype")}*,:after,:before{box-sizing:border-box;margin:0;padding:0}body,html{height:100%;overflow:hidden;overscroll-behavior:none}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}img,svg{display:block;max-width:100%}button{background:none;border:none;color:inherit;cursor:pointer;font:inherit}body{background:#080808;color:hsla(0,0%,100%,.85);font-family:URW DIN,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;line-height:1.5;overflow-x:hidden}.splash{min-height:100vh}.hero{padding:0;transition:opacity .8s ease,transform .8s ease}.hero.slide-left,.hero.slide-right{opacity:0;transform:translateY(30px)}@media(prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}#hero-bg{inset:0;opacity:0;pointer-events:none;position:fixed;transition:opacity 5s ease;z-index:0}#hero-bg.is-visible{opacity:1}#hero-bg canvas{display:block;height:100%;width:100%}.edge-fade{left:0;pointer-events:none;position:fixed;right:0;transition:height 1s ease;z-index:0}.edge-fade--top{background:linear-gradient(180deg,#080808 0,transparent);height:30vh;top:0}.edge-fade--bottom{background:linear-gradient(0deg,#080808 0,transparent);bottom:0;height:30vh}body.view-down .edge-fade--top{height:60vh}.splash{position:relative;z-index:1}@keyframes strokeDraw{to{stroke-dashoffset:0}}@keyframes fillReveal{to{fill-opacity:1;stroke-opacity:0}}#pixelmojito-logo{height:auto;left:2rem;overflow:visible;position:fixed;top:calc(100vh - 2rem - min(35vh,250px));transform:rotate(-90deg) translateX(-100%);transform-origin:top left;width:min(35vh,250px);z-index:2}@media(max-width:768px){#pixelmojito-logo{display:none}}#pixelmojito-logo path{fill:transparent;fill-opacity:0;opacity:0;stroke-linecap:round;stroke-linejoin:round;stroke-width:1}#pixelmojito-logo path.pixel{stroke:#fff}#pixelmojito-logo path.mojito{stroke:#32cd32}#pixelmojito-logo.is-animating path[data-index="0"]{animation:strokeDraw .9s cubic-bezier(.65,0,.35,1) 0s forwards}#pixelmojito-logo.is-animating path[data-index="1"]{animation:strokeDraw .5s cubic-bezier(.65,0,.35,1) .2s forwards}#pixelmojito-logo.is-animating path[data-index="2"]{animation:strokeDraw 1s cubic-bezier(.65,0,.35,1) .4s forwards}#pixelmojito-logo.is-animating path[data-index="3"]{animation:strokeDraw .85s cubic-bezier(.65,0,.35,1) .65s forwards}#pixelmojito-logo.is-animating path[data-index="4"]{animation:strokeDraw .7s cubic-bezier(.65,0,.35,1) .85s forwards}#pixelmojito-logo.is-animating path[data-index="5"]{animation:strokeDraw 1.1s cubic-bezier(.65,0,.35,1) 1s forwards}#pixelmojito-logo.is-animating path[data-index="6"]{animation:strokeDraw .7s cubic-bezier(.65,0,.35,1) 1.3s forwards}#pixelmojito-logo.is-animating path[data-index="7"]{animation:strokeDraw .65s cubic-bezier(.65,0,.35,1) 1.5s forwards}#pixelmojito-logo.is-animating path[data-index="8"]{animation:strokeDraw .5s cubic-bezier(.65,0,.35,1) 1.65s forwards}#pixelmojito-logo.is-animating path[data-index="9"]{animation:strokeDraw .75s cubic-bezier(.65,0,.35,1) 1.8s forwards}#pixelmojito-logo.is-animating path[data-index="10"]{animation:strokeDraw .7s cubic-bezier(.65,0,.35,1) 2s forwards}#pixelmojito-logo.is-animating.is-filling path{fill-opacity:1;stroke-opacity:0;transition:fill-opacity .6s ease,stroke-opacity .6s ease}#pixelmojito-logo.is-animating.is-filling path.pixel{fill:#fff}#pixelmojito-logo.is-animating.is-filling path.mojito{fill:#32cd32}.center-tagline{color:hsla(0,0%,100%,.4);font-size:1rem;font-weight:400;letter-spacing:.2em;opacity:0;text-transform:uppercase;top:36%;transform:translateX(-50%);white-space:nowrap}.center-logo,.center-tagline{left:50%;position:fixed;z-index:2}.center-logo{height:auto;overflow:visible;top:50%;transform:translate(-50%,-50%);width:min(70vw,700px)}.center-logo path{fill:transparent;fill-opacity:0;opacity:0;stroke-linecap:round;stroke-linejoin:round;stroke-width:1}.center-logo path.pixel{stroke:#fff}.center-logo path.mojito{stroke:#32cd32}.center-logo.is-animating path[data-index="0"]{animation:strokeDraw .9s cubic-bezier(.65,0,.35,1) 0s forwards}.center-logo.is-animating path[data-index="1"]{animation:strokeDraw .5s cubic-bezier(.65,0,.35,1) .2s forwards}.center-logo.is-animating path[data-index="2"]{animation:strokeDraw 1s cubic-bezier(.65,0,.35,1) .4s forwards}.center-logo.is-animating path[data-index="3"]{animation:strokeDraw .85s cubic-bezier(.65,0,.35,1) .65s forwards}.center-logo.is-animating path[data-index="4"]{animation:strokeDraw .7s cubic-bezier(.65,0,.35,1) .85s forwards}.center-logo.is-animating path[data-index="5"]{animation:strokeDraw 1.1s cubic-bezier(.65,0,.35,1) 1s forwards}.center-logo.is-animating path[data-index="6"]{animation:strokeDraw .7s cubic-bezier(.65,0,.35,1) 1.3s forwards}.center-logo.is-animating path[data-index="7"]{animation:strokeDraw .65s cubic-bezier(.65,0,.35,1) 1.5s forwards}.center-logo.is-animating path[data-index="8"]{animation:strokeDraw .5s cubic-bezier(.65,0,.35,1) 1.65s forwards}.center-logo.is-animating path[data-index="9"]{animation:strokeDraw .75s cubic-bezier(.65,0,.35,1) 1.8s forwards}.center-logo.is-animating path[data-index="10"]{animation:strokeDraw .7s cubic-bezier(.65,0,.35,1) 2s forwards}.center-logo.is-animating.is-filling path{fill-opacity:1;stroke-opacity:0;transition:fill-opacity .6s ease,stroke-opacity .6s ease}.center-logo.is-animating.is-filling path.pixel{fill:#fff}.center-logo.is-animating.is-filling path.mojito{fill:#32cd32}.cta-button{background:transparent;border:1px solid hsla(0,0%,100%,.15);border-radius:2px;color:hsla(0,0%,100%,.4);font-size:.875rem;font-weight:500;letter-spacing:.15em;margin-top:2rem;opacity:0;padding:.9rem 2.4rem;position:relative;text-transform:uppercase;transform:translateY(10px);transition:opacity .6s ease,transform .6s ease,color .3s ease,border-color .3s ease,box-shadow .3s ease}.cta-button.is-visible{opacity:1;transform:translateY(0)}.cta-button:hover{border-color:hsla(0,0%,100%,.4);box-shadow:0 0 30px hsla(0,0%,100%,.06);color:hsla(0,0%,100%,.85)}.cta-button:active{transform:scale(.98)}.client-logos{left:50%;max-width:1200px;padding:2rem;pointer-events:none;position:fixed;top:50%;transform:translate(-50%,-50%);width:100%;z-index:2}.section-heading{color:hsla(0,0%,100%,.4);font-size:.75rem;font-weight:400;letter-spacing:.25em;margin-bottom:3.5rem;opacity:0;text-align:center;text-transform:uppercase}.constellation-grid{display:grid;gap:2.5rem 2rem;grid-template-columns:repeat(4,1fr);justify-items:center}.constellation-item{--parallax-x:0px;--parallax-y:0px;align-items:center;display:flex;height:72px;justify-content:center;opacity:0;transform:translate(var(--parallax-x),var(--parallax-y));width:180px;will-change:transform,opacity}.client-logo{filter:brightness(0) invert(1);height:auto;max-height:100%;max-width:100%;object-fit:contain;width:auto}.constellation-item.constellation-item--mobile-only{display:none}.logo-placeholder{border:1px solid hsla(0,0%,100%,.1);border-radius:4px;color:hsla(0,0%,100%,.5);font-size:.65rem;font-weight:500;letter-spacing:.1em;padding:.65rem 0;text-align:center;text-transform:uppercase;white-space:nowrap;width:120px}@media(max-width:768px){.client-logos{padding:1.5rem}.section-heading{font-size:.65rem;margin-bottom:2.5rem}.constellation-grid{gap:2.25rem 1rem;grid-template-columns:repeat(2,1fr)}.constellation-item{height:56px;width:130px}.constellation-item.constellation-item--mobile-only{display:flex}}@media(max-width:400px){.constellation-item{height:48px;width:110px}}.modal-overlay{align-items:center;backdrop-filter:blur(0);-webkit-backdrop-filter:blur(0);background:transparent;display:flex;inset:0;justify-content:center;opacity:0;position:fixed;transition:visibility 0s linear .5s,opacity .5s ease,background-color .5s ease,backdrop-filter .5s ease,-webkit-backdrop-filter .5s ease;visibility:hidden;z-index:1000}.modal-overlay.is-open{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:rgba(0,0,0,.7);opacity:1;transition-delay:0s;visibility:visible}.modal-content{opacity:0;padding:3rem;position:relative;transform:translateY(30px);transition:transform .5s ease,opacity .5s ease;transition-delay:0s;width:min(90vw,520px)}.modal-overlay.is-open .modal-content{opacity:1;transform:translateY(0);transition-delay:.05s}.modal-close{align-items:center;color:hsla(0,0%,100%,.4);display:flex;font-size:1.5rem;height:44px;justify-content:center;position:absolute;right:0;top:0;transition:color .2s ease;width:44px}.modal-close:hover,.modal-title{color:hsla(0,0%,100%,.85)}.modal-title{font-size:1.5rem;font-weight:300;letter-spacing:.05em;margin-bottom:2rem}.contact-form{gap:1.25rem}.contact-form,.form-field{display:flex;flex-direction:column}.form-field{gap:.4rem}.form-label{color:hsla(0,0%,100%,.4);font-size:.7rem;font-weight:500;letter-spacing:.15em;text-transform:uppercase}.form-input,.form-textarea{background:hsla(0,0%,100%,.04);border:1px solid hsla(0,0%,100%,.1);border-radius:2px;color:hsla(0,0%,100%,.85);font:inherit;font-size:.9rem;padding:.75rem 1rem;transition:border-color .3s ease,background-color .3s ease}.form-input:focus,.form-textarea:focus{background:hsla(0,0%,100%,.06);border-color:hsla(0,0%,100%,.25);outline:none}.form-input::placeholder,.form-textarea::placeholder{color:hsla(0,0%,100%,.2)}.form-textarea{min-height:120px;resize:vertical}.form-submit{align-self:flex-start;background:hsla(0,0%,100%,.85);border-radius:2px;color:#080808;font-size:.8rem;font-weight:500;letter-spacing:.15em;margin-top:.5rem;padding:.75rem 2rem;text-transform:uppercase;transition:opacity .3s ease,transform .15s ease}.form-submit:hover{opacity:.85}.form-submit:active{transform:scale(.97)}@media(max-width:480px){.modal-content{display:flex;flex-direction:column;justify-content:center;min-height:100vh;padding:2rem 1.5rem;width:100%}.modal-close{right:1rem;top:1rem}}@keyframes copyrightFadeIn{to{opacity:1}}.copyright{animation:copyrightFadeIn 2s ease 2s forwards;color:hsla(0,0%,100%,.4);font-size:.65rem;font-weight:400;letter-spacing:.1em;opacity:0;position:fixed;text-orientation:sideways;text-transform:lowercase;transform:rotate(180deg);white-space:nowrap;writing-mode:vertical-lr;z-index:2}.copyright--right{bottom:1.5rem;right:1.5rem}.contact-email{bottom:8vh;color:#fff;cursor:pointer;display:flex;font-size:clamp(1.2rem,3.2vw,2.5rem);font-weight:400;justify-content:center;left:50%;letter-spacing:.04em;line-height:1;opacity:0;pointer-events:auto;position:fixed;text-decoration:none;transform:translate(-50%,14px);transition:opacity .9s ease,transform .9s ease;white-space:nowrap;width:max-content;will-change:opacity,transform;z-index:3}.contact-email__letter{display:inline-block}.contact-email.is-visible{opacity:.75;transform:translate(-50%);transition:opacity .9s ease,transform .9s ease}.contact-email.is-visible:hover{opacity:1}@media(max-width:768px){.contact-email{bottom:10vh;letter-spacing:.03em}}.stage-nav{align-items:center;backface-visibility:hidden;color:hsla(0,0%,100%,.4);display:flex;height:44px;justify-content:center;left:1.5rem;opacity:.6;position:fixed;transform:translateZ(0);transition:opacity .7s cubic-bezier(.32,.72,0,1),transform .7s cubic-bezier(.32,.72,0,1),color .3s cubic-bezier(.32,.72,0,1);width:44px;will-change:transform,opacity;z-index:7}.stage-nav.is-hover,.stage-nav:hover{color:hsla(0,0%,100%,.85);opacity:1}.stage-nav:active{opacity:1}.stage-nav.is-hidden{opacity:0;pointer-events:none;transform:translate3d(0,10px,0)}.stage-nav--up{top:1.5rem}.stage-nav--up svg{transform:rotate(180deg)}.stage-nav--down{bottom:1.5rem}.stage-nav--down svg{transform:rotate(180deg);transform-origin:center;will-change:transform,opacity}.stage-nav--down.is-hover svg,.stage-nav--down:hover svg{animation:chevron-cycle .4s both}.stage-nav-label{backface-visibility:hidden;bottom:calc(2rem + 44px);color:#fff;cursor:pointer;font-size:.65rem;left:calc(1.5rem + 22px + .75em);letter-spacing:.12em;opacity:.6;position:fixed;text-transform:uppercase;transform:translateZ(0) rotate(-90deg);transform-origin:0 100%;transition:opacity .7s cubic-bezier(.32,.72,0,1),transform .7s cubic-bezier(.32,.72,0,1),color .3s cubic-bezier(.32,.72,0,1);white-space:nowrap;will-change:transform,opacity;z-index:6}.stage-nav-label.is-hover{opacity:1;transform:translate3d(0,4px,0) rotate(-90deg)}.stage-nav-label.is-hidden{opacity:0;pointer-events:none;transform:translate3d(0,10px,0) rotate(-90deg)}.stage-nav svg{display:block}@keyframes chevron-cycle{0%{animation-timing-function:cubic-bezier(.4,0,1,.5);opacity:1;transform:translateY(0) rotate(180deg)}38%{animation-timing-function:step-end;opacity:0;transform:translateY(18px) rotate(180deg)}48%{animation-timing-function:cubic-bezier(.16,1.25,.3,1.1);opacity:0;transform:translateY(-18px) rotate(180deg)}to{opacity:1;transform:translateY(0) rotate(180deg)}}.stage-nav-box{backface-visibility:hidden;background:#080808;bottom:0;cursor:pointer;height:13.25rem;left:1.25rem;opacity:1;position:fixed;transform:translateZ(0);transition:opacity .7s cubic-bezier(.32,.72,0,1),transform .7s cubic-bezier(.32,.72,0,1);width:calc(44px + .5rem);will-change:transform,opacity;z-index:5}.stage-nav-box.is-hidden{opacity:0;pointer-events:none;transform:translate3d(0,10px,0)}