@font-face{font-family:Cabinet Grotesk;font-style:normal;font-weight:100 900;font-display:swap;src:url(/fonts/cabinet-grotesk/CabinetGrotesk-Variable.woff2)format("woff2")}[data-pp]{--pp-ink:#3e1257;--pp-paper:#e8e1d6;--pp-gold:#c9a7ee;--pp-sans:"Cabinet Grotesk", "Helvetica Neue", Helvetica, Arial, sans-serif;--pp-display:var(--pp-sans);--pp-label:var(--pp-sans);--pp-body:var(--pp-sans)}body:has([data-pp]){background:#3e1257;margin:0}.pp-root{isolation:isolate;background:var(--pp-ink);min-height:100dvh;color:var(--pp-paper);font-family:var(--pp-body);-webkit-font-smoothing:antialiased;flex-direction:column;display:flex;position:relative}.pp-shader{z-index:-1;pointer-events:none;background:var(--pp-ink);position:fixed;inset:0;overflow:hidden}.pp-shader-light{will-change:transform, opacity;border-radius:50%;animation-timing-function:ease-in-out;animation-iteration-count:infinite;animation-direction:alternate;position:absolute;bottom:0;left:0}.pp-shader-light:first-child{background:radial-gradient(circle closest-side,#5a1f7c 0%,#4a1867 38%,#3e125700 100%);width:68vmax;height:68vmax;margin:0 0 -34vmax -34vmax;animation-name:pp-drift-a;animation-duration:38s}.pp-shader-light:nth-child(2){background:radial-gradient(circle closest-side,#6a3288 0%,#4e2068 40%,#3e125700 100%);width:56vmax;height:56vmax;margin:0 0 -28vmax -28vmax;animation-name:pp-drift-b;animation-duration:47s;animation-delay:-19s}.pp-shader-light:nth-child(3){background:radial-gradient(circle closest-side,#66206e 0%,#4c1a63 34%,#3e125700 100%);width:76vmax;height:76vmax;margin:0 0 -38vmax -38vmax;animation-name:pp-drift-c;animation-duration:59s;animation-delay:-31s}@keyframes pp-drift-a{0%{opacity:.6;transform:translate(-6vw,4vh)scale(.9)}to{opacity:.7;transform:translate(6vw,-4vh)scale(1.1)}}@keyframes pp-drift-b{0%{opacity:.63;transform:translate(8vw,-2vh)scale(1.1)}to{opacity:.49;transform:translate(-4vw,6vh)scale(.85)}}@keyframes pp-drift-c{0%{opacity:.42;transform:translate(-3vw,8vh)scale(.8)}to{opacity:.63;transform:translate(4vw,-6vh)scale(1.05)}}.pp-root *,.pp-root :before,.pp-root :after{box-sizing:border-box}.pp-header{text-align:center;padding:4vh 5vw 0}.pp-main{text-align:center;flex-direction:column;flex:1;align-items:center;gap:clamp(36px,6vh,64px);padding:4vh 5vw 5vh;display:flex}.pp-title{font-family:var(--pp-display);letter-spacing:-.02em;text-transform:uppercase;text-wrap:balance;color:var(--pp-paper);margin:0;font-size:clamp(35px,6.4vw,102px);font-weight:800;line-height:.95}.pp-flow{justify-content:center;align-items:center;gap:clamp(10px,3vw,44px);width:100%;max-width:1080px;margin:auto 0;padding:0;list-style:none;display:flex;position:relative}.pp-step{cursor:default;outline:none;flex-direction:column;flex:0 auto;align-items:center;gap:14px;min-width:0;display:flex;position:relative}.pp-step:focus-visible .pp-step-label{text-underline-offset:.35em;text-decoration:underline}.pp-icon{aspect-ratio:1;background:var(--pp-ink);mix-blend-mode:lighten;width:clamp(72px,20vw,220px);height:auto;display:block}.pp-step-label{font-family:var(--pp-label);letter-spacing:.18em;text-transform:uppercase;color:var(--pp-gold);white-space:nowrap;font-size:clamp(11px,1.6vw,15px);font-weight:500}.pp-note{z-index:2;background:var(--pp-paper);width:max-content;max-width:min(300px,80vw);color:var(--pp-ink);font-family:var(--pp-body);text-align:left;text-wrap:pretty;border-top:3px solid var(--pp-gold);opacity:0;visibility:hidden;pointer-events:none;padding:12px 16px 13px;font-size:15px;line-height:1.4;transition:opacity .18s,transform .18s,visibility 0s linear .18s;position:absolute;top:calc(100% + 12px);left:50%;transform:translate(-50%,4px);box-shadow:0 6px 24px #00000059}.pp-step:hover .pp-note,.pp-step:focus-within .pp-note{opacity:1;visibility:visible;transition-delay:0s;transform:translate(-50%)}.pp-arrow{width:clamp(28px,7vw,96px);height:auto;color:var(--pp-paper);opacity:.85;flex:none;margin-bottom:calc(14px + 1.2em)}.pp-home{flex-direction:column;align-items:center;gap:18px;display:flex}.pp-projects{flex-wrap:wrap;justify-content:center;align-items:center;gap:clamp(28px,5vw,72px);display:flex}.pp-comic-link{line-height:0;display:block}.pp-comic{aspect-ratio:2;width:auto;height:clamp(62px,10.4vw,137px);display:block}.pp-home-line{font-family:var(--pp-body);color:var(--pp-paper);margin:0;font-size:clamp(18px,2.2vw,30px);font-weight:400;line-height:1.3}.pp-wordmark{aspect-ratio:1242/360;background:currentColor;height:clamp(26px,4.55vw,62px);display:block;-webkit-mask:url(/brand/mgzn-logo-purple.png) 50%/contain no-repeat;mask:url(/brand/mgzn-logo-purple.png) 50%/contain no-repeat}.pp-wordmark-link{color:var(--pp-paper);text-decoration:none;transition:color .25s;display:inline-block}.pp-wordmark-link:hover,.pp-wordmark-link:focus-visible{color:var(--pp-gold);outline:none}.pp-footer{background:var(--pp-paper);color:var(--pp-ink);font-family:var(--pp-label);letter-spacing:.14em;text-transform:uppercase;flex-wrap:wrap;justify-content:center;align-items:center;gap:28px;padding:14px 5vw;font-size:13px;font-weight:500;display:flex}.pp-footer-mail{color:inherit;border-bottom:1px solid;text-decoration:none}.pp-footer-mail:hover,.pp-footer-mail:focus-visible{border-bottom-width:2px;outline:none}@media (max-width:767px){.pp-step{position:static}.pp-note{width:auto;max-width:none;font-size:14px;left:0;right:0;transform:translateY(4px)}.pp-step:hover .pp-note,.pp-step:focus-within .pp-note{transform:translate(0)}.pp-footer-dot{display:none}.pp-footer{letter-spacing:.08em;gap:12px;padding:10px 5vw;font-size:11px}}@media (prefers-reduced-motion:reduce){.pp-wordmark-link,.pp-note{transition:none}.pp-shader-light{animation-play-state:paused;animation-delay:-20s}}