:root{--bg:#fff;--fg:#000;--muted:#6e6e73;--line:#0000001a;--font:-apple-system, BlinkMacSystemFont, "SF Pro Display", "SF Pro Text", "Helvetica Neue", Inter, Arial, system-ui, sans-serif;--ease-out:cubic-bezier(.22, 1, .36, 1);--glyph-opacity:.16;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#000;--fg:#fff;--muted:#8e8e93;--line:#ffffff24;--glyph-opacity:.2}}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--bg);-webkit-text-size-adjust:100%}body{background:var(--bg);min-width:320px;color:var(--fg);font-family:var(--font);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;font-size:1.0625rem;line-height:1.5}a{color:inherit;text-decoration:none}img,svg{max-width:100%;display:block}::selection{background:var(--fg);color:var(--bg)}:focus-visible{outline:2px solid var(--fg);outline-offset:4px}h1,h2,h3,p{margin:0}h1,h2{letter-spacing:-.035em;text-wrap:balance;font-weight:700;line-height:1.02}h1{font-size:clamp(2.75rem,7.5vw,6rem)}h2{font-size:clamp(2.25rem,5.5vw,4.5rem)}.lead{max-width:34ch;color:var(--muted);letter-spacing:-.01em;text-wrap:pretty;margin-top:1.5rem;font-size:clamp(1.125rem,1.6vw,1.5rem);line-height:1.45}.shell{width:min(100% - 3rem,1120px);margin-inline:auto}.shell--narrow{width:min(100% - 3rem,760px)}.wordmark{color:var(--fg);letter-spacing:-.04em;white-space:nowrap;align-items:center;gap:.12em;font-size:1.125rem;font-weight:800;line-height:1;display:inline-flex}.wordmark__text{display:block}.wordmark__splash{flex:none;width:.85em;height:.85em;margin-top:-.14em}.site-header{z-index:20;background:color-mix(in srgb, var(--bg) 82%, transparent);-webkit-backdrop-filter:saturate(180%)blur(20px);position:sticky;top:0}.site-header__inner{justify-content:space-between;align-items:center;gap:2rem;width:min(100% - 3rem,1120px);min-height:4rem;margin-inline:auto;display:flex}.site-nav{gap:2rem;display:flex}.site-nav a,.site-footer__nav a{color:var(--muted);letter-spacing:-.01em;font-size:.9375rem;transition:color .2s}.site-nav a:hover,.site-footer__nav a:hover{color:var(--fg)}.hero{align-items:center;min-height:100svh;padding:6rem 0;display:grid;position:relative}.hero__inner{z-index:1;text-align:center;position:relative}.hero__title{font-size:clamp(3rem,10vw,8.5rem)}.hero__word{animation:rise 1s var(--ease-out) both;margin-inline:.12em;display:inline-block}.hero__sub{max-width:30ch;color:var(--muted);letter-spacing:-.01em;animation:rise 1s var(--ease-out) .62s both;margin:2rem auto 0;font-size:clamp(1.125rem,1.8vw,1.5rem)}.hero__hint{z-index:1;background:var(--line);width:1px;height:3rem;animation:1.8s ease-in-out 1.2s infinite hint;position:absolute;bottom:2.5rem;left:50%;transform:translate(-50%)}.game-field{--field-mask:radial-gradient(ellipse 62% 52% at 50% 50%, transparent 32%, #000 90%);z-index:0;pointer-events:none;-webkit-mask-image:var(--field-mask);mask-image:var(--field-mask);position:absolute;inset:0;overflow:hidden}.game-field__glyph{--drift:drift var(--duration,14s) ease-in-out var(--delay,0s) infinite;width:clamp(20px, calc(var(--size,3vw) + .5rem), 112px);aspect-ratio:1;opacity:var(--glyph-opacity);fill:none;stroke:currentColor;stroke-width:1.4px;stroke-linejoin:round;stroke-linecap:round;animation:var(--drift);position:absolute;transform:translate(-50%,-50%)}.game-field__pixels,.glyph-pixels{fill:currentColor;stroke:none}.game-field__glyph--march{animation:var(--drift), march 3s steps(6) var(--delay,0s) infinite alternate}.section-motif{--field-mask:radial-gradient(ellipse 60% 55% at 50% 50%, transparent 30%, #000 88%);z-index:0;pointer-events:none;-webkit-mask-image:var(--field-mask);mask-image:var(--field-mask);position:absolute;inset:0;overflow:hidden}.motif__glyph{width:clamp(20px, calc(var(--size,3vw) + .5rem), 96px);aspect-ratio:1;opacity:var(--glyph-opacity);fill:none;stroke:currentColor;stroke-width:1.4px;stroke-linejoin:round;stroke-linecap:round;position:absolute;transform:translate(-50%,-50%)}.motif__glyph--press{animation:press 2.6s ease-in-out var(--delay,0s) infinite}.motif__glyph--spin{animation:spin-glyph 22s linear var(--delay,0s) infinite}.motif__glyph--spin-rev{animation:spin-glyph-rev 26s linear var(--delay,0s) infinite}.motif__glyph--march{animation:drift 12s ease-in-out var(--delay,0s) infinite, march 3s steps(6) var(--delay,0s) infinite alternate}.motif__glyph--float{animation:float-up 5.5s ease-in-out var(--delay,0s) infinite}.motif__glyph--blink{animation:blink-soft 1.9s ease-in-out var(--delay,0s) infinite}.motif__dots{gap:.6rem;display:flex;position:absolute;bottom:9%;left:50%;transform:translate(-50%)}.motif__dots span{opacity:.35;background:currentColor;border-radius:50%;width:6px;height:6px;animation:1.5s ease-in-out infinite dot-blink}.motif__dots span:nth-child(2){animation-delay:.25s}.motif__dots span:nth-child(3){animation-delay:.5s}.motif__ring{aspect-ratio:1;opacity:0;border:1px solid;border-radius:50%;width:min(58vmin,400px);animation:4.5s ease-out infinite ring;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.feature{border-top:1px solid var(--line);align-items:center;min-height:80svh;padding:10rem 0;display:grid;position:relative;overflow:hidden}.feature .shell{z-index:1;text-align:center;position:relative}.feature .lead{margin-inline:auto}.feature--last{min-height:70svh}.link-arrow{border-bottom:1px solid var(--fg);letter-spacing:-.01em;transition:gap .2s var(--ease-out), opacity .2s ease;align-items:center;gap:.5rem;margin-top:2rem;padding-bottom:.15rem;font-size:clamp(1.0625rem,1.4vw,1.25rem);display:inline-flex}.link-arrow:after{content:"→";transition:transform .25s var(--ease-out);display:inline-block}.link-arrow:hover:after{transform:translate(.25rem)}.page-hero{padding:clamp(6rem,16vh,12rem) 0 clamp(3rem,8vh,6rem)}.page-hero--tall{min-height:70svh;padding-bottom:8rem}.page-hero__word{margin-inline:.1em;display:inline-block}.prose-block{padding:2rem 0 clamp(4rem,10vh,8rem)}.prose-block .lead{max-width:40ch;margin-top:0}.prose-block .lead+.lead{margin-top:2rem}.principles{border-top:1px solid var(--line);padding:clamp(4rem,10vh,8rem) 0 clamp(6rem,16vh,12rem)}.principles__list{gap:clamp(3rem,8vh,6rem);margin:0;padding:0;list-style:none;display:grid}.principles__list h2{font-size:clamp(1.75rem,3.5vw,2.75rem)}.principle-icon{opacity:.55;width:1.75rem;height:1.75rem;margin-bottom:1.25rem;display:inline-flex}.principle-icon svg{fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linejoin:round;stroke-linecap:round;width:100%;height:100%;overflow:visible}.principle-icon--press svg{animation:2.6s ease-in-out infinite icon-press}.principle-icon--blink svg{animation:1.8s ease-in-out infinite icon-blink}.principle-icon--beat svg{animation:1.9s ease-in-out infinite icon-beat}.principles__list p{max-width:40ch;color:var(--muted);margin-top:.75rem;font-size:clamp(1.0625rem,1.4vw,1.25rem)}.contact{padding:1rem 0 clamp(8rem,24vh,16rem);position:relative;overflow:hidden}.contact .shell{z-index:1;position:relative}.contact__email{letter-spacing:-.035em;border-bottom:2px solid var(--fg);overflow-wrap:anywhere;font-size:clamp(1.5rem,4.5vw,3.5rem);font-weight:700;line-height:1.1;transition:opacity .2s;display:inline-block}.contact__email:hover{opacity:.6}.site-footer{border-top:1px solid var(--line)}.site-footer__inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1.5rem 3rem;width:min(100% - 3rem,1120px);margin-inline:auto;padding:3rem 0;display:flex}.site-footer__nav{flex-wrap:wrap;gap:1.5rem;display:flex}.site-footer__legal{color:var(--muted);font-size:.875rem}.rise{animation:rise .9s var(--ease-out) both}.reveal{opacity:0;transition:opacity 1s var(--ease-out), transform 1s var(--ease-out);transition-delay:var(--reveal-delay,0s);will-change:opacity, transform;transform:translateY(1.75rem)}.reveal.is-in{opacity:1;transform:none}.reveal--blur{filter:blur(10px);transition:opacity 1s var(--ease-out), transform 1s var(--ease-out), filter 1s var(--ease-out);transform:translateY(1.25rem)}.reveal--blur.is-in{filter:blur()}.reveal--scale{transform:translateY(1rem)scale(.96)}.reveal-words__word{opacity:0;filter:blur(8px);transition:opacity .7s var(--ease-out), transform .7s var(--ease-out), filter .7s var(--ease-out);transition-delay:var(--word-delay,0s);will-change:opacity, transform, filter;margin-inline:.11em;display:inline-block;transform:translateY(.55em)}.reveal-words.is-in .reveal-words__word{opacity:1;filter:blur();transform:none}@keyframes rise{0%{opacity:0;transform:translateY(1.5rem)}to{opacity:1;transform:none}}@keyframes drift{0%,to{transform:translate(-50%,-50%)rotate(0)}50%{transform:translate(-50%,calc(-50% - 1.25rem))rotate(7deg)}}@keyframes march{0%{translate:-1.5rem}to{translate:1.5rem}}@keyframes hint{0%,to{opacity:1;transform:translate(-50%)scaleY(1)}50%{opacity:.4;transform:translate(-50%)scaleY(.4)}}@keyframes press{0%,to{transform:translate(-50%,-50%)scale(1)}12%{transform:translate(-50%,-50%)scale(.8)}26%{transform:translate(-50%,-50%)scale(1)}}@keyframes spin-glyph{0%{transform:translate(-50%,-50%)rotate(0)}to{transform:translate(-50%,-50%)rotate(360deg)}}@keyframes spin-glyph-rev{0%{transform:translate(-50%,-50%)rotate(360deg)}to{transform:translate(-50%,-50%)rotate(0)}}@keyframes float-up{0%{opacity:0;transform:translate(-50%,-50%)}20%,70%{opacity:var(--glyph-opacity)}to{opacity:0;transform:translate(-50%,calc(-50% - 2.5rem))}}@keyframes blink-soft{0%,to{opacity:var(--glyph-opacity)}50%{opacity:.04}}@keyframes dot-blink{0%,to{opacity:.2;transform:scale(.8)}50%{opacity:.6;transform:scale(1.15)}}@keyframes ring{0%{opacity:0;transform:translate(-50%,-50%)scale(.55)}35%{opacity:.25}to{opacity:0;transform:translate(-50%,-50%)scale(1.2)}}@keyframes icon-press{0%,to{transform:scale(1)}12%{transform:scale(.78)}26%{transform:scale(1)}}@keyframes icon-blink{0%,to{opacity:1}50%{opacity:.25}}@keyframes icon-beat{0%,to{transform:scale(1)}12%{transform:scale(1.2)}24%{transform:scale(1)}36%{transform:scale(1.15)}52%{transform:scale(1)}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal,.reveal-words__word{opacity:1;filter:none;transition:none;transform:none}.rise,.hero__word,.hero__sub,.hero__hint,.game-field__glyph,.game-field__glyph--march,.motif__glyph,.motif__dots span,.motif__ring,.principle-icon svg{animation:none}.motif__ring{opacity:0}}@media (max-width:760px){.shell,.shell--narrow,.site-header__inner,.site-footer__inner{width:min(100% - 2.5rem,1120px)}.site-nav{gap:1.25rem}.hero{min-height:92svh;padding:4rem 0 6rem}.hero__word{margin-inline:.08em}.game-field{--field-mask:radial-gradient(ellipse 95% 52% at 50% 50%, transparent 50%, #000 95%)}.section-motif{--field-mask:radial-gradient(ellipse 95% 55% at 50% 50%, transparent 52%, #000 96%)}.feature{min-height:auto;padding:7rem 0}.feature--last{min-height:auto}.site-footer__inner{flex-direction:column;align-items:flex-start;padding:2.5rem 0}}@media (max-height:560px){.game-field{display:none}}