.voxel-ball{aspect-ratio:1;width:100%;image-rendering:pixelated;display:block}
.outro-section{--outro-edge:var(--page-gutter);--outro-name-size:calc((100vw - 2 * var(--outro-edge)) / 9.36);--outro-name-bottom:clamp(1rem, 3svh, 2rem);z-index:1;background:hsl(var(--page-background));height:100lvh;position:relative;overflow:hidden}.outro-ball{z-index:3;visibility:hidden;touch-action:none;-webkit-user-select:none;user-select:none;will-change:transform;width:clamp(2rem,4vw,3.5rem);position:absolute;top:0;left:0}.outro-wall-area{left:var(--outro-edge);right:var(--outro-edge);top:clamp(4.5rem,10svh,6rem);bottom:calc(var(--outro-name-bottom) + .9 * var(--outro-name-size) + clamp(1rem, 3svh, 2rem));letter-spacing:-.02em;text-transform:uppercase;font-family:PP-Neue-Montreal-Bold,Mona-Sans,sans-serif;font-size:clamp(.6875rem,1.25vw,1.25rem);font-weight:700;line-height:.95;position:absolute;container-type:size}.outro-wall-box{--outro-box:round(down, 100cqh, 1lh);--outro-window:round(down, min(84cqh, 46cqw), 1lh);--outro-window-top:round(calc((var(--outro-box) - var(--outro-window)) / 2), 1lh);height:100%;height:var(--outro-box);position:relative}.outro-wall{word-break:break-all;color:hsl(var(--text-primary) / .1);-webkit-user-select:none;user-select:none;margin:0;position:absolute;inset:0;overflow:hidden}.outro-float{left:calc(50% - var(--outro-window) / 2);top:var(--outro-window-top);width:var(--outro-window);height:var(--outro-window);perspective:900px;animation:7s ease-in-out infinite outro-drift;position:absolute}@keyframes outro-drift{0%,to{transform:translate(0)rotate(0)}25%{transform:translate(.4%,-1.5%)rotate(-1deg)}50%{transform:translate(-.3%,.8%)rotate(.6deg)}75%{transform:translate(.2%,-.6%)rotate(-.4deg)}}.outro-card{isolation:isolate;width:100%;height:100%;box-shadow:0 18px 40px hsl(var(--color-black) / .5), 0 6px 6px hsl(var(--color-black) / .2);transform:rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg));will-change:transform;border-radius:18px;transition:transform .15s ease-out;position:relative;overflow:hidden}.outro-video{object-fit:cover;filter:grayscale()contrast(1.1);width:100%;height:100%;position:absolute;inset:0}.outro-wall--lit{inset:auto;left:calc((var(--outro-window) - 100cqw) / 2);top:calc(-1 * var(--outro-window-top));width:100cqw;height:var(--outro-box);background:hsl(var(--page-background));color:hsl(var(--color-white));mix-blend-mode:multiply}.outro-card:after{content:"";background:linear-gradient(115deg, transparent 0%, hsl(var(--color-cyan)) var(--sheen,30%), hsl(var(--color-orange)) calc(var(--sheen,30%) + 25%), hsl(var(--color-red)) calc(var(--sheen,30%) + 50%), transparent 100%);mix-blend-mode:overlay;opacity:0;pointer-events:none;transition:opacity .3s;position:absolute;inset:0}@media (hover:hover) and (pointer:fine){.outro-card:hover:after{opacity:1}}@media (prefers-reduced-motion:reduce){.outro-float{animation:none}}.outro-talk{background:hsl(var(--page-background));color:hsl(var(--color-orange));white-space:nowrap;padding-left:.4em;text-decoration:none;position:absolute;bottom:0;right:0}.outro-talk-arrow{transition:transform .2s;display:inline-block}.outro-talk:focus-visible{outline:2px solid hsl(var(--focus-ring));outline-offset:2px}@media (hover:hover) and (pointer:fine){.outro-talk:hover .outro-talk-arrow{transform:translate(.25em)}}.outro-name{left:var(--outro-edge);right:var(--outro-edge);bottom:var(--outro-name-bottom);font-family:PP-Neue-Montreal-Bold,Arial,sans-serif;font-size:var(--outro-name-size);letter-spacing:-.04em;text-align:center;text-transform:uppercase;white-space:nowrap;color:hsl(var(--text-primary));-webkit-user-select:none;user-select:none;pointer-events:none;margin:0;font-weight:700;line-height:.9;position:absolute}.outro-links{--outro-link-pad:.625rem;z-index:2;flex-direction:column;display:flex;position:absolute;top:50%;right:clamp(.5rem,1.5vw,1.5rem);transform:translateY(-50%)}.outro-link{padding:var(--outro-link-pad);color:hsl(var(--text-secondary));transition:color .2s,transform .2s;display:flex}.outro-link svg{width:1.125rem;height:1.125rem}@media (hover:hover) and (pointer:fine){.outro-link:hover{color:hsl(var(--text-primary));transform:translate(-.125rem)}}@media (max-width:767px){.outro-section{--outro-name-size:calc((100vw - 2 * var(--outro-edge)) / 5.96);--outro-name-bottom:3.25rem}.outro-wall-area{top:5rem;bottom:calc(var(--outro-name-bottom) + 1.8 * var(--outro-name-size) + 1.25rem);font-size:.75rem}.outro-wall-box{--outro-window:round(down, min(84cqh, 88cqw), 1lh)}.outro-name{text-align:left}.outro-name-line{display:block}.outro-links{top:auto;bottom:.5rem;right:auto;left:calc(var(--outro-edge) - var(--outro-link-pad));flex-direction:row;transform:none}.outro-ball{display:none}}
.hero-loading{background:hsl(var(--color-charcoal));z-index:1000;justify-content:center;align-items:center;display:flex;position:fixed;inset:0;overflow:hidden}.hero-loading-content{text-align:center;width:100%;max-width:clamp(250px,50vw,500px);padding:0 clamp(1.5rem,4vw,2rem)}.hero-loading-signature{width:100%;max-width:clamp(200px,40vw,300px);margin:0 auto}.hero-loading-signature svg{width:100%;height:auto;max-height:clamp(120px,20vh,200px);color:hsl(var(--color-white));will-change:transform}.signature-path{stroke-dasharray:1000;stroke-dashoffset:1000px;filter:drop-shadow(0 0 .5rem hsl(var(--color-white) / .3));will-change:stroke-dashoffset;animation:2s linear .2s forwards drawSignature}@keyframes drawSignature{to{stroke-dashoffset:0}}.hero-loading-progress{letter-spacing:.15em;color:hsl(var(--color-white) / .7);font-family:Mona-Sans-Condensed,sans-serif;font-size:clamp(.6rem,1.2vw,.7rem);position:absolute;bottom:clamp(1.5rem,4vw,2.5rem);right:clamp(1.5rem,4vw,2.5rem)}@keyframes slideOut{to{transform:translateY(-100%)}}.hero-loading.slide-out{animation:.8s cubic-bezier(.7,0,.3,1) forwards slideOut}
.home-wrapper{background-color:hsl(var(--page-background));width:100%;transition:background-color .3s;position:relative;overflow-x:clip}.home-wrapper:before{content:"";background:inherit;z-index:-1;position:fixed;inset:0}.home-wrapper:after{content:"";pointer-events:none;z-index:999;background:repeating-radial-gradient(hsl(var(--color-black)) 0 0.0001%, hsl(var(--color-white)) 0 0.0002%) 50% 0/2500px 2500px, repeating-conic-gradient(hsl(var(--color-black)) 0 0.0001%, hsl(var(--color-white)) 0 0.0002%) 60% 60%/2500px 2500px;background-blend-mode:difference;opacity:.01;animation:.2s infinite alternate noiseAnimation;position:fixed;inset:0}@keyframes noiseAnimation{to{background-position:50% 0,60%}}.home-wrapper.loading{pointer-events:none}
