:root{--white: #ffffff;--onyx: #0f0f0f;--custom-gray: #b1b6b8;--frosty-sky: #00bfff;--frosty-sky-dark: #00a6de;--body-gray: #5a5f61;--hairline: #e6e8e9;--mono: "IBM Plex Mono", ui-monospace, monospace;--sans: "IBM Plex Sans", system-ui, sans-serif;--gs: 1}*{box-sizing:border-box}html{scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:var(--custom-gray) transparent}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track,::-webkit-scrollbar-corner{background:transparent}::-webkit-scrollbar-thumb{background:var(--custom-gray);border:3px solid transparent;background-clip:content-box}::-webkit-scrollbar-thumb:hover{background:var(--body-gray);background-clip:content-box}body{margin:0;background:var(--white);color:var(--onyx);font:400 15px/1.6 var(--sans)}img{max-width:100%;display:block}a{color:inherit}a:focus-visible{outline:2px solid var(--onyx);outline-offset:2px}.wrap{max-width:1240px;margin-inline:auto;padding-inline:32px}.eyebrow{font:600 11px/1 var(--mono);letter-spacing:.2em;text-transform:uppercase;color:var(--custom-gray)}.site-header{border-bottom:1px solid var(--hairline)}.site-header .wrap{display:flex;justify-content:space-between;align-items:center;padding-block:20px;gap:20px}.site-logo{height:38px;width:auto}.site-nav{display:flex;flex-wrap:wrap;gap:26px;font:600 11px/1 var(--mono);letter-spacing:.14em;text-transform:uppercase}.site-nav a{text-decoration:none;color:var(--onyx)}.site-nav a:hover,.site-nav a.accent{color:var(--frosty-sky)}.site-nav a.accent:hover{color:var(--frosty-sky-dark)}.hero .wrap{display:grid;grid-template-columns:1fr auto;gap:30px;align-items:end;padding-block:56px 34px}.hero-title{font-family:var(--mono);font-weight:600;font-size:clamp(44px,8.5vw,76px);line-height:1.05;letter-spacing:-.045em;animation:jit 7s steps(1,end) infinite}.hero-title .accent{color:var(--frosty-sky)}.hero-lede{max-width:34ch;color:var(--body-gray);text-wrap:pretty}.hero-band{position:relative;height:480px;overflow:hidden;background:#f2f4f5}.hero-band>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.glitch{position:absolute;inset:0;pointer-events:none}.glitch-sky{background:linear-gradient(90deg,rgba(0,191,255,.55),transparent 60%);mix-blend-mode:screen;animation:slice1 6.5s steps(1,end) infinite}.glitch-onyx{background:linear-gradient(90deg,transparent 40%,rgba(15,15,15,.55));mix-blend-mode:multiply;animation:slice2 6.5s steps(1,end) infinite}.glitch-scanlines{background:repeating-linear-gradient(180deg,rgba(255,255,255,.16) 0 1px,transparent 1px 4px)}@keyframes slice1{0%,66%,to{clip-path:inset(100% 0 0 0);transform:translateZ(0)}68%{clip-path:inset(18% 0 74% 0);transform:translate3d(calc(-14px * var(--gs)),0,0)}72%{clip-path:inset(46% 0 44% 0);transform:translate3d(calc(18px * var(--gs)),0,0)}76%{clip-path:inset(66% 0 21% 0);transform:translate3d(calc(-8px * var(--gs)),0,0)}80%{clip-path:inset(8% 0 88% 0);transform:translate3d(calc(10px * var(--gs)),0,0)}84%{clip-path:inset(100% 0 0 0)}}@keyframes slice2{0%,40%,to{clip-path:inset(100% 0 0 0);transform:translateZ(0)}42%{clip-path:inset(30% 0 62% 0);transform:translate3d(calc(22px * var(--gs)),0,0)}46%{clip-path:inset(72% 0 12% 0);transform:translate3d(calc(-20px * var(--gs)),0,0)}50%{clip-path:inset(55% 0 38% 0);transform:translate3d(calc(12px * var(--gs)),0,0)}54%{clip-path:inset(100% 0 0 0)}}@keyframes jit{0%,92%,to{transform:translate(0)}93%{transform:translate(-3px)}95%{transform:translate(2px)}}.about{border-bottom:1px solid var(--hairline)}.about .wrap{display:grid;grid-template-columns:210px 1fr;gap:36px;padding-block:64px}.about-statement{font-family:var(--mono);font-weight:600;font-size:clamp(22px,3.4vw,30px);line-height:1.28;letter-spacing:-.02em;text-wrap:pretty}.values{border-bottom:1px solid var(--hairline)}.values-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--hairline)}.values-grid>div{background:var(--white);padding:30px 26px;font:600 10px/1 var(--mono);letter-spacing:.2em;text-transform:uppercase;color:var(--frosty-sky)}.games{border-bottom:1px solid var(--hairline)}.games .wrap{padding-block:64px}.games .eyebrow{margin-bottom:26px}.game-card{display:grid;grid-template-columns:1fr 380px;gap:34px;align-items:center;border:1px solid var(--hairline);padding:24px}.game-info{display:flex;flex-direction:column;gap:16px}.game-title{font-family:var(--mono);font-weight:600;font-size:clamp(40px,7vw,64px);line-height:.9;letter-spacing:-.05em}.game-blurb{color:var(--body-gray);max-width:42ch;line-height:1.65;text-wrap:pretty}.game-art{width:380px;height:240px;object-fit:cover}.cta{align-self:flex-start;text-decoration:none;background:var(--frosty-sky);color:var(--onyx);padding:14px 22px;font:600 11px/1 var(--mono);letter-spacing:.18em;text-transform:uppercase}.cta:hover{background:var(--frosty-sky-dark)}.site-footer{background:var(--onyx);color:var(--white)}.site-footer .wrap{display:grid;grid-template-columns:1fr 1fr;gap:36px;padding-block:56px}.footer-contact{display:flex;flex-direction:column;gap:12px}.footer-email{font-family:var(--mono);font-weight:600;font-size:clamp(22px,3.4vw,30px);letter-spacing:-.03em;text-decoration:none;color:var(--frosty-sky);overflow-wrap:anywhere}.footer-email:hover{text-decoration:underline}.footer-email:focus-visible{outline-color:var(--white)}.footer-socials{display:flex;flex-direction:column;gap:10px;align-items:flex-end;justify-content:flex-end;font:600 11px/1.2 var(--mono);letter-spacing:.16em;text-transform:uppercase}.footer-socials a{text-decoration:none;color:var(--white)}.footer-socials a:hover{color:var(--frosty-sky)}.footer-socials a:focus-visible{outline-color:var(--white)}@media(min-width:1200px){.wrap{padding-inline:48px}}@media(max-width:1199px){.hero .wrap{grid-template-columns:1fr;align-items:start}.game-card{grid-template-columns:1fr}.game-art{width:100%;height:auto;aspect-ratio:16 / 10}}@media(max-width:767px){:root{--gs: .5}.wrap{padding-inline:20px}.hero-band{height:330px}.about .wrap{grid-template-columns:1fr;gap:20px;padding-block:48px}.values-grid{grid-template-columns:1fr}.games .wrap{padding-block:48px}.site-footer .wrap{grid-template-columns:1fr;padding-block:48px}.footer-socials{align-items:flex-start;justify-content:flex-start}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.glitch,.hero-title{animation:none}}
