:root{--ink:#080a0b;--soft-ink:#111416;--paper:#f2efe7;--lime:#adff00;--muted:#a7aca6;--line:rgba(242,239,231,.18);--pad:clamp(22px,4vw,68px)}
*{box-sizing:border-box}html{scroll-behavior:smooth;overflow-x:hidden}body{margin:0;background:var(--ink);color:var(--paper);font-family:"Space Grotesk",sans-serif;overflow-x:hidden;width:100%}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}.noise{position:fixed;inset:0;pointer-events:none;opacity:.035;z-index:99;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.95' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.7'/%3E%3C/svg%3E")}
.site-header{height:92px;padding:0 var(--pad);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;border-bottom:1px solid var(--line);position:absolute;z-index:10;width:100%}.logo{width:clamp(150px,16vw,228px)}.logo img{width:100%;height:auto}.site-header nav{display:flex;gap:38px;font:500 12px "DM Mono";letter-spacing:.12em;text-transform:uppercase}.site-header nav a,.socials a{position:relative}.site-header nav a:after,.socials a:after{content:"";position:absolute;left:0;right:100%;bottom:-5px;height:2px;background:var(--lime);transition:right .25s}.site-header nav a:hover:after,.socials a:hover:after{right:0}.mini-cta{justify-self:end;color:var(--lime);font:500 11px "DM Mono";text-transform:uppercase;letter-spacing:.08em}.mini-cta span{font-size:16px}.menu-button{display:none;background:none;border:0}.menu-button span{display:block;width:24px;height:2px;background:var(--paper);margin:6px}
.hero{min-height:100svh;padding:160px var(--pad) 74px;position:relative;display:grid;grid-template-columns:minmax(0,1.45fr) minmax(300px,.55fr);align-items:center;overflow:hidden}.hero-grid{position:absolute;inset:0;background:linear-gradient(90deg,transparent 49.9%,rgba(255,255,255,.04) 50%),linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px);background-size:25% 100%,100% 120px;mask-image:linear-gradient(to right,transparent,black 25%,black)}.hero:after{content:"";position:absolute;width:32vw;height:32vw;border:1px solid rgba(173,255,0,.16);border-radius:50%;right:-13vw;top:12vh;box-shadow:0 0 0 8vw rgba(173,255,0,.025),0 0 0 16vw rgba(173,255,0,.015)}.hero-copy{position:relative;z-index:2;max-width:1000px}.eyebrow{font:500 11px "DM Mono";letter-spacing:.14em;text-transform:uppercase;display:flex;align-items:center;gap:12px;margin:0 0 28px}.eyebrow span{display:block;width:26px;height:3px;background:var(--lime)}h1,h2,h3,p{margin-top:0}h1,h2{font-family:"Archivo Black",sans-serif;text-transform:uppercase;letter-spacing:-.06em;line-height:.88}h1{font-size:clamp(59px,9.5vw,152px);margin:0}h1 em,h2 em{font-style:normal;color:var(--lime)}.lede{max-width:590px;margin:36px 0;color:#c7cac5;font-size:clamp(17px,1.6vw,23px);line-height:1.5}.hero-actions{display:flex;align-items:center;gap:36px}.button{display:inline-flex;justify-content:space-between;align-items:center;gap:36px;padding:20px 24px;font:600 12px "DM Mono";letter-spacing:.08em;text-transform:uppercase;min-width:220px;clip-path:polygon(0 0,calc(100% - 14px) 0,100% 14px,100% 100%,14px 100%,0 calc(100% - 14px));transition:transform .2s,background .2s}.button:hover{transform:translate(-3px,-3px)}.button-primary{background:var(--lime);color:var(--ink)}.button span{font-size:18px}.text-link{font:500 12px "DM Mono";text-transform:uppercase;letter-spacing:.08em;border-bottom:1px solid var(--line);padding-bottom:7px}.text-link span{color:var(--lime)}.hero-mark{position:relative;z-index:2;justify-self:center;width:min(30vw,430px);aspect-ratio:1;display:grid;place-items:center}.hero-mark img{width:76%;filter:drop-shadow(18px 18px 0 rgba(173,255,0,.12))}.hero-mark p{position:absolute;right:4%;bottom:13%;font:500 11px/1.4 "DM Mono";letter-spacing:.16em;color:var(--lime)}.mark-orbit{position:absolute;inset:2%;border:1px dashed rgba(242,239,231,.22);border-radius:50%;animation:spin 30s linear infinite}.mark-orbit:before{content:"";position:absolute;width:12px;height:12px;background:var(--lime);top:12%;left:12%}.scroll-cue{position:absolute;bottom:28px;right:var(--pad);font:400 10px "DM Mono";letter-spacing:.12em;text-transform:uppercase;color:#747a76}.scroll-cue span{color:var(--lime);margin-left:10px}
.ticker{height:62px;background:var(--lime);color:var(--ink);overflow:hidden;display:flex;align-items:center;border-block:2px solid var(--ink)}.ticker-track{display:flex;align-items:center;width:max-content;animation:ticker 22s linear infinite}.ticker span{font:600 13px "DM Mono";letter-spacing:.12em;text-transform:uppercase;white-space:nowrap}.ticker i{font-style:normal;font-size:18px;margin:0 30px}
.section{padding:clamp(90px,11vw,170px) var(--pad)}.games{background:var(--paper);color:var(--ink)}.section-heading{position:relative;margin-bottom:70px}.section-heading h2{font-size:clamp(48px,7.4vw,116px);max-width:1000px;margin:0}.section-number{font:500 11px "DM Mono";letter-spacing:.12em;position:absolute;right:0;top:10px}.game-card{display:grid;grid-template-columns:1.45fr .8fr;background:var(--ink);color:var(--paper);min-height:580px;clip-path:polygon(0 0,calc(100% - 32px) 0,100% 32px,100% 100%,0 100%)}.game-visual{position:relative;overflow:hidden;min-height:480px;background:repeating-linear-gradient(0deg,transparent 0 34px,rgba(173,255,0,.07) 35px),radial-gradient(circle at 70% 38%,#39420c 0,transparent 36%),#101311}.game-visual:before{content:"";position:absolute;inset:0;background:linear-gradient(130deg,transparent 50%,rgba(173,255,0,.08) 50% 51%,transparent 51%)}.pixel-sun{position:absolute;width:320px;height:320px;right:10%;top:50%;transform:translateY(-50%);border-radius:50%;background:var(--lime);filter:blur(1px);box-shadow:0 0 100px rgba(173,255,0,.28)}.game-word{position:absolute;left:7%;bottom:10%;font:400 clamp(78px,10vw,170px)/.72 "Archivo Black";letter-spacing:-.08em;color:var(--paper);mix-blend-mode:difference}.status-pill{position:absolute;top:28px;left:28px;background:var(--paper);color:var(--ink);padding:10px 14px;font:500 10px "DM Mono";letter-spacing:.1em;text-transform:uppercase}.game-info{padding:48px 42px;display:flex;flex-direction:column;justify-content:space-between;border-left:1px solid var(--line)}.game-index{font:500 10px "DM Mono";letter-spacing:.13em;color:var(--lime)}.game-info h3{font:600 clamp(28px,3vw,47px)/1.05 "Space Grotesk";letter-spacing:-.04em}.game-bottom{border-top:1px solid var(--line);padding-top:28px}.game-bottom p{color:var(--muted);line-height:1.65;max-width:420px}.circle-link{margin-top:24px;width:58px;height:58px;border:1px solid var(--lime);color:var(--lime);display:grid;place-items:center;border-radius:50%;font-size:22px;transition:.25s}.circle-link:hover{background:var(--lime);color:var(--ink);transform:rotate(45deg)}
.manifesto{position:relative;background:var(--ink)}.section-number.light{color:#787d79;right:var(--pad);top:110px}.manifesto-grid{display:grid;grid-template-columns:.75fr 1.25fr;align-items:center;gap:8vw}.bone-wrap{position:relative}.bone-wrap:before{content:"";position:absolute;inset:9%;background:var(--lime);clip-path:polygon(0 0,100% 0,88% 100%,12% 100%);filter:blur(50px);opacity:.19}.bone-wrap img{position:relative;width:100%;transform:rotate(-7deg)}.manifesto-copy h2{font-size:clamp(45px,6vw,96px);margin:0 0 34px}.manifesto-copy>p:last-child{font-size:20px;color:#aeb2ad}.principles{display:grid;grid-template-columns:repeat(3,1fr);margin-top:120px;border-top:1px solid var(--line)}.principles article{padding:36px 8% 10px 0;border-right:1px solid var(--line);margin-right:8%}.principles article:last-child{border:0}.principles b{font:500 10px "DM Mono";color:var(--lime)}.principles h3{font-size:26px;margin:32px 0 16px}.principles p{color:var(--muted);line-height:1.6}
.contact{position:relative;background:var(--lime);color:var(--ink);display:grid;grid-template-columns:1.25fr .75fr;align-items:center;overflow:hidden}.eyebrow.dark span{background:var(--ink)}.contact h2{font-size:clamp(55px,8vw,122px);margin:0 0 32px}.contact h2 em{color:var(--paper);text-shadow:5px 5px 0 var(--ink)}.contact-copy{position:relative;z-index:1}.contact-copy>p:not(.eyebrow){font-size:19px;line-height:1.5;max-width:560px}.button-dark{margin-top:25px;background:var(--ink);color:var(--paper);min-width:min(400px,100%)}.contact-stamp{width:min(34vw,450px);aspect-ratio:1;justify-self:end;position:relative;display:grid;place-items:center}.contact-stamp img{width:60%;filter:brightness(0)}.stamp-ring{position:absolute;inset:0;border:2px solid var(--ink);border-radius:50%;display:grid;place-items:center;font:500 11px "DM Mono";letter-spacing:.13em;overflow:hidden;animation:spin 22s linear infinite;color:transparent}.stamp-ring:before,.stamp-ring:after{content:"JUNKBYTE • SAY HELLO • JUNKBYTE • SAY HELLO •";position:absolute;color:var(--ink);width:100%;text-align:center}.stamp-ring:before{top:24px}.stamp-ring:after{bottom:24px;transform:rotate(180deg)}
footer{padding:52px var(--pad);display:grid;grid-template-columns:1.2fr 1fr auto;gap:40px;align-items:end;border-top:1px solid var(--line)}footer>img{width:min(330px,100%)}.footer-meta{display:flex;gap:28px;color:#777c78;font:400 10px "DM Mono";text-transform:uppercase;letter-spacing:.08em}.socials{display:flex;gap:22px;font:500 11px "DM Mono";text-transform:uppercase}
.reveal{opacity:0;transform:translateY(26px);transition:opacity .7s ease,transform .7s ease}.reveal.visible{opacity:1;transform:none}@keyframes spin{to{transform:rotate(360deg)}}@keyframes ticker{to{transform:translateX(-50%)}}
@media(max-width:900px){.site-header{grid-template-columns:1fr auto}.site-header nav,.mini-cta{display:none}.menu-button{display:block}.menu-button.open span:first-child{transform:translateY(4px) rotate(45deg)}.menu-button.open span:last-child{transform:translateY(-4px) rotate(-45deg)}.site-header nav.open{position:absolute;display:flex;flex-direction:column;gap:26px;top:92px;left:0;width:100%;background:var(--ink);padding:36px var(--pad);border-bottom:1px solid var(--line);font-size:16px}.hero{grid-template-columns:1fr;padding-top:145px}.hero-mark{position:absolute;right:-10%;bottom:5%;opacity:.32;width:65vw}.hero-copy{z-index:3}.scroll-cue{display:none}.game-card{grid-template-columns:1fr}.game-info{min-height:400px;border-left:0;border-top:1px solid var(--line)}.manifesto-grid{grid-template-columns:1fr}.bone-wrap{max-width:430px;margin:auto}.principles{grid-template-columns:1fr;margin-top:70px}.principles article{border-right:0;border-bottom:1px solid var(--line);padding:30px 0}.contact{grid-template-columns:1fr}.contact-stamp{position:absolute;right:-20%;opacity:.13;width:70vw}footer{grid-template-columns:1fr}.footer-meta{order:3;flex-wrap:wrap}}
@media(max-width:560px){.site-header{height:76px}.logo{width:155px}.site-header nav.open{top:76px}.hero{padding-top:120px;min-height:760px}.hero h1{font-size:15vw}.hero-actions{align-items:flex-start;flex-direction:column;gap:24px}.hero-mark{right:-22%;width:78vw}.lede{font-size:17px}.section{padding-block:88px}.section-heading{margin-bottom:45px}.section-number{display:none}.game-card{clip-path:none}.game-visual{min-height:380px}.pixel-sun{width:220px;height:220px}.game-info{padding:34px 26px}.manifesto-copy h2{font-size:11vw}.contact h2{font-size:14vw}.contact h2 em{text-shadow:3px 3px 0 var(--ink)}.button{width:100%}.footer-meta{flex-direction:column;gap:8px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.ticker-track,.mark-orbit,.stamp-ring{animation:none}.reveal{opacity:1;transform:none;transition:none}}

/* HONKSHOT featured game */
.honkshot-card .game-visual{background:#101311}
.honkshot-card .game-visual:before{display:none}
.game-art{width:100%;height:100%;position:absolute;inset:0;object-fit:cover;object-position:center;transition:transform .8s cubic-bezier(.2,.7,.2,1)}
.honkshot-card:hover .game-art{transform:scale(1.035)}
.game-visual:after{content:"";position:absolute;inset:0;box-shadow:inset 0 0 0 1px rgba(255,255,255,.16);pointer-events:none}
.art-scan{position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent 0 4px,rgba(8,10,11,.1) 5px);mix-blend-mode:multiply;pointer-events:none}
.honkshot-card .status-pill{background:var(--lime);clip-path:polygon(0 0,calc(100% - 7px) 0,100% 7px,100% 100%,7px 100%,0 calc(100% - 7px))}
.game-info .honkshot-title{margin:25px 0 22px;font:400 clamp(48px,5.2vw,86px)/.85 "Archivo Black";text-transform:uppercase;letter-spacing:-.075em;color:var(--paper)}
.honkshot-title span{display:block;color:var(--lime)}
.game-tags{display:flex;flex-wrap:wrap;gap:8px}
.game-tags span{border:1px solid rgba(242,239,231,.25);padding:7px 10px;font:500 9px "DM Mono";text-transform:uppercase;letter-spacing:.1em;color:#bfc3be}
.game-links{display:flex;align-items:center;gap:15px;margin-top:24px}
.game-links .button{min-width:0;flex:1;padding:17px 18px}
.game-links .circle-link{flex:0 0 auto;margin-top:0}
@media(max-width:560px){.honkshot-card .game-visual{min-height:330px}.game-links{align-items:stretch;flex-direction:column}.game-links .circle-link{display:none}}

/* Austin studio story */
.studio-story{display:grid;grid-template-columns:1.4fr .6fr;min-height:520px;margin-top:110px;border:1px solid var(--line);background:var(--soft-ink);clip-path:polygon(0 0,calc(100% - 28px) 0,100% 28px,100% 100%,0 100%)}
.studio-photo{position:relative;min-height:480px;overflow:hidden}
.studio-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 55%,rgba(8,10,11,.38)),repeating-linear-gradient(0deg,transparent 0 4px,rgba(8,10,11,.08) 5px);pointer-events:none}
.studio-photo img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover;object-position:center}
.location-tag{position:absolute;left:24px;bottom:24px;z-index:1;padding:10px 12px;background:var(--lime);color:var(--ink);font:500 9px "DM Mono";letter-spacing:.1em;clip-path:polygon(0 0,calc(100% - 6px) 0,100% 6px,100% 100%,6px 100%,0 calc(100% - 6px))}
.studio-story-copy{padding:48px 40px;display:flex;flex-direction:column;justify-content:center}
.studio-story-copy h3{font:600 clamp(32px,3.4vw,55px)/.98 "Space Grotesk";letter-spacing:-.05em;margin-bottom:28px}
.studio-story-copy>p:not(.eyebrow){color:var(--muted);line-height:1.7}
.launch-target{display:grid;grid-template-columns:1fr auto;align-items:end;margin-top:32px;padding-top:24px;border-top:1px solid var(--line)}
.launch-target span{grid-column:1/-1;font:500 9px "DM Mono";letter-spacing:.12em;text-transform:uppercase;color:var(--lime);margin-bottom:8px}
.launch-target strong{font:400 clamp(54px,5vw,80px)/.85 "Archivo Black";letter-spacing:-.08em}
.launch-target i{font:500 11px "DM Mono";font-style:normal;color:var(--lime);border:1px solid rgba(173,255,0,.35);padding:7px 9px}
@media(max-width:900px){.studio-story{grid-template-columns:1fr;margin-top:80px}.studio-photo{min-height:440px}.studio-story-copy{padding:42px 32px}}
@media(max-width:560px){.studio-story{clip-path:none;margin-top:65px}.studio-photo{min-height:310px}.studio-story-copy{padding:34px 26px}.studio-story-copy h3{font-size:10vw}.location-tag{left:16px;bottom:16px}}