:root{--bg:#161614;--bg-band:#111110;--bg-raised:#1d1d1a;--paper:#eae5db;--ink:#141412;--text:#ffffffde;--muted:#ffffff8f;--faint:#ffffff5c;--line:#ffffff24;--line-soft:#ffffff12;--yellow:#ffde1d;--green:#4aaf6c;--green-bright:#62d189;--orange:#f4760f;--display:"Staatliches", "Arial Narrow", sans-serif;--body:"Inter", system-ui, -apple-system, sans-serif;--mono:"Space Mono", ui-monospace, "Cascadia Code", monospace;--container:1180px}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;scroll-padding-top:84px}body{background:var(--bg);color:var(--text);font-family:var(--body);-webkit-font-smoothing:antialiased;font-size:16.5px;line-height:1.55;overflow-x:hidden}@media (width>=1320px){body:before,body:after{content:"";background:var(--line-soft);z-index:300;pointer-events:none;width:1px;position:fixed;top:0;bottom:0}body:before{left:calc(50vw - 620px)}body:after{right:calc(50vw - 620px)}}::selection{background:var(--yellow);color:var(--ink)}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:inherit}img,svg{max-width:100%;display:block}.container{max-width:var(--container);margin:0 auto;padding:0 24px}.section{padding:120px 0;position:relative}.section-head{max-width:820px;margin-bottom:64px}.section-head h2{font-family:var(--display);text-transform:uppercase;letter-spacing:.01em;color:var(--paper);margin:16px 0 18px;font-size:clamp(3rem,6.5vw,5.2rem);font-weight:400;line-height:.92}.section-head p{color:var(--muted);max-width:620px;font-size:17px}.hl-yellow{color:var(--yellow)}.hl-green{color:var(--green-bright)}.hl-orange{color:var(--orange)}.reveal{opacity:0;transition:opacity .6s,transform .6s;transform:translateY(22px)}.reveal.revealed{opacity:1;transform:none}@media (prefers-reduced-motion:reduce){.reveal{opacity:1;transition:none;transform:none}html{scroll-behavior:auto}}.btn{font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;border:1px solid #0000;border-radius:0;align-items:center;gap:10px;padding:15px 24px;font-size:13px;font-weight:700;transition:background .15s,color .15s,border-color .15s;display:inline-flex}.btn-primary{background:var(--yellow);color:var(--ink)}.btn-primary:hover{background:var(--paper)}.btn-ghost{border-color:var(--line);color:var(--text)}.btn-ghost:hover{border-color:var(--paper);color:var(--paper)}.btn .arrow{transition:transform .15s}.btn:hover .arrow{transform:translate(4px)}.nav{z-index:100;border-bottom:1px solid var(--line-soft);background:#161614f5;position:fixed;top:0;left:0;right:0}.nav-inner{justify-content:space-between;align-items:center;gap:24px;height:68px;display:flex}.nav-logo{align-items:center;display:flex}.hs-logo{aspect-ratio:640/190;background-color:var(--paper);width:148px;transition:background-color .15s;display:block;-webkit-mask:url(/art/logo_white.png) 50%/contain no-repeat;mask:url(/art/logo_white.png) 50%/contain no-repeat}.nav-logo:hover .hs-logo{background-color:var(--green-bright)}.hs-logo.compact{width:118px}.nav-links{align-items:center;gap:26px;display:flex}.nav-links a:not(.nav-cta){font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-size:12px;transition:color .15s}.nav-links a:not(.nav-cta):hover{color:var(--paper)}.nav-cta{background:var(--yellow);color:var(--ink);font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;border-radius:0;align-items:center;gap:8px;padding:10px 16px;font-size:12px;font-weight:700;transition:background .15s;display:inline-flex}.nav-cta:hover{background:var(--paper)}.nav-cta .count{background:var(--ink);color:var(--yellow);justify-content:center;align-items:center;min-width:19px;height:19px;padding:0 5px;font-size:11px;font-weight:700;display:inline-flex}.nav-burger{border:1px solid var(--line);width:40px;height:40px;color:var(--text);background:0 0;justify-content:center;align-items:center;display:none}.nav-mobile{display:none}@media (width<=900px){.nav-links{display:none}.nav-burger{display:inline-flex}.nav-mobile{border-top:1px solid var(--line-soft);background:var(--bg);flex-direction:column;padding:8px 24px 18px;display:flex}.nav-mobile a{font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);border-bottom:1px solid var(--line-soft);padding:12px 4px;font-size:13px}.nav-mobile a:last-child{border-bottom:none}.nav-mobile a:hover{color:var(--paper)}}.hero{flex-direction:column;justify-content:center;min-height:100svh;padding-top:110px;display:flex;position:relative;overflow:hidden}.hero-bg .glow-green{display:none}.hero-chars{pointer-events:none;z-index:0;align-items:flex-end;display:flex;position:absolute;bottom:148px;right:3vw}.hero-chars .char{filter:drop-shadow(0 14px 24px #00000080)}.hero-chars .ross{height:min(330px,30vw);margin-right:-70px}.hero-chars .maxx{height:min(300px,27vw)}@media (width<=1100px){.hero-chars{opacity:.25;right:-40px}}@media (width<=700px){.hero-chars{display:none}}.hero-content{z-index:1;width:100%;position:relative}.hero h1{font-family:var(--display);text-transform:uppercase;letter-spacing:.005em;color:var(--paper);max-width:12ch;font-size:clamp(3.6rem,11vw,9.5rem);font-weight:400;line-height:.88}.hero-sub{max-width:600px;color:var(--muted);margin-top:30px;font-size:clamp(16px,1.6vw,18px)}.hero-sub strong{color:var(--text);font-weight:600}.hero-ctas{flex-wrap:wrap;gap:12px;margin-top:44px;display:flex}.hero-scroll{z-index:1;margin-top:80px;position:relative}.marquee{border-top:1px solid var(--line-soft);border-bottom:1px solid var(--line-soft);-webkit-user-select:none;user-select:none;overflow:hidden}.marquee-track{width:max-content;animation:40s linear infinite marquee;display:flex}.marquee:hover .marquee-track{animation-play-state:paused}@keyframes marquee{to{transform:translate(-50%)}}@media (prefers-reduced-motion:reduce){.marquee-track{animation:none}}.game-tile{object-fit:cover;filter:saturate(.92);border-radius:0;width:96px;height:96px;margin:18px 6px;transition:filter .15s,transform .15s}.game-tile:hover{filter:saturate(1.1);transform:translateY(-3px)}.stats{padding:84px 0 0}.stats-grid{grid-template-columns:repeat(4,1fr);gap:32px 40px;display:grid}.stat{border-top:2px solid var(--line);padding-top:18px}.stat b{font-family:var(--display);color:var(--paper);font-size:clamp(2.6rem,4.4vw,3.8rem);font-weight:400;line-height:1;display:block}.stat span{font-family:var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin-top:10px;font-size:11.5px;display:block}@media (width<=900px){.stats-grid{grid-template-columns:repeat(2,1fr)}}.awards-line{font-family:var(--mono);color:var(--faint);max-width:900px;margin-top:34px;font-size:12px;line-height:2}.studio-grid{grid-template-columns:1fr 1.1fr;align-items:start;gap:64px;display:grid}.studio-grid .sticky{position:sticky;top:110px}.studio-copy p{color:var(--muted);margin-bottom:20px;font-size:16.5px}.studio-copy p strong{color:var(--text);font-weight:600}.studio-facts{border-bottom:1px solid var(--line);margin-top:38px}.fact{border-top:1px solid var(--line);align-items:flex-start;gap:16px;padding:18px 0;display:flex}.fact .tick{color:var(--green-bright);flex-shrink:0;margin-top:4px}.fact b{color:var(--paper);font-weight:600}.fact span{color:var(--muted);font-size:14.5px}@media (width<=900px){.studio-grid{grid-template-columns:1fr;gap:36px}.studio-grid .sticky{position:static}}.games{background:var(--bg-band);border-top:1px solid var(--line-soft);border-bottom:1px solid var(--line-soft)}.games-grid{background:var(--line);border:1px solid var(--line);grid-template-columns:repeat(2,1fr);gap:1px;display:grid}.game-card{background:var(--bg-band);min-height:250px;padding:36px 32px 32px;transition:background .2s;position:relative;overflow:hidden}.game-card:hover{background:var(--bg-raised)}.game-card:before{display:none}.game-art{border-left:1px solid var(--line);filter:saturate(.95);background-position:top;background-size:cover;width:40%;position:absolute;top:0;bottom:0;right:0}.game-sticker{transition:transform .25s;position:absolute;bottom:0}.sticker-ghost{height:76%;right:-14px}.sticker-scratch{height:62%;right:-8px}.game-card:hover .game-sticker{transform:translateY(-4px)}.game-card .tag{font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--faint);z-index:1;margin-bottom:18px;font-size:11px;display:inline-block;position:relative}.game-card h3{font-family:var(--display);text-transform:uppercase;letter-spacing:.02em;color:var(--paper);z-index:1;margin-bottom:12px;font-size:2.4rem;font-weight:400;line-height:.95;position:relative}.game-card p{color:var(--muted);z-index:1;max-width:56%;font-size:14.5px;position:relative}.game-card p b{color:var(--text);font-weight:600}@media (width<=800px){.games-grid{grid-template-columns:1fr}.game-card p{max-width:60%}.game-art{width:38%}}.craft-grid{grid-template-columns:repeat(3,1fr);gap:44px 36px;display:grid}.craft-card{border-top:1px solid var(--line);padding-top:22px}.craft-card h3{font-family:var(--display);text-transform:uppercase;letter-spacing:.03em;color:var(--paper);margin-bottom:10px;font-size:1.6rem;font-weight:400}.craft-card p{color:var(--muted);font-size:14.5px}.craft-card p code{font-family:var(--mono);color:var(--green-bright);background:0 0;padding:0;font-size:12px}@media (width<=900px){.craft-grid{grid-template-columns:1fr 1fr}}@media (width<=640px){.craft-grid{grid-template-columns:1fr}}.culture{background:var(--yellow);border-top:none;border-bottom:none}.culture .section-head h2{color:var(--ink)}.culture .section-head p{color:#141412b8}.values-grid{grid-template-columns:repeat(2,1fr);gap:40px 56px;display:grid}.value-card{border-top:1px solid #14141252;padding-top:20px}.value-card h3{font-family:var(--display);text-transform:uppercase;letter-spacing:.02em;color:var(--ink);margin-bottom:8px;font-size:1.7rem;font-weight:400}.value-card p{color:#141412b8;max-width:480px;font-size:14.5px}@media (width<=600px){.values-grid{grid-template-columns:1fr}}.perks{flex-wrap:wrap;gap:8px;margin-top:48px;display:flex}.perk{font-family:var(--mono);letter-spacing:.05em;text-transform:uppercase;color:var(--ink);border:1px solid #14141266;padding:8px 14px;font-size:11.5px}.loc-grid{border-top:1px solid var(--line);grid-template-columns:1fr 1fr;display:grid}.loc-card{padding:44px 44px 40px 0}.loc-card+.loc-card{border-left:1px solid var(--line);padding-left:44px;padding-right:0}.loc-card h3{font-family:var(--display);text-transform:uppercase;color:var(--paper);font-size:clamp(2.8rem,4.6vw,4rem);font-weight:400;line-height:.95}.loc-card .country{font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin:10px 0 18px;font-size:12px;display:block}.loc-card p{color:var(--muted);max-width:420px;font-size:15px}.loc-card .loc-chips{flex-wrap:wrap;gap:8px;margin-top:24px;display:flex}.loc-card .loc-chips span{font-family:var(--mono);letter-spacing:.05em;text-transform:uppercase;color:var(--text);border:1px solid var(--line);padding:7px 13px;font-size:11.5px}@media (width<=800px){.loc-grid{grid-template-columns:1fr}.loc-card{padding:36px 0}.loc-card+.loc-card{border-left:none;border-top:1px solid var(--line);padding-left:0}}.positions{background:var(--bg);border-top:none}.pos-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:40px;display:flex}.chip-row{flex-wrap:wrap;gap:8px;display:flex}.chip{font-family:var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--muted);border:1px solid var(--line);background:0 0;border-radius:0;padding:9px 16px;font-size:12px;transition:all .15s}.chip:hover{color:var(--paper);border-color:var(--paper)}.chip.active{background:var(--yellow);border-color:var(--yellow);color:var(--ink)}.pos-count{font-family:var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--faint);font-size:12px}.pos-count b{color:var(--yellow);font-weight:400}.dept-group{margin-bottom:44px}.dept-label{font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--green-bright);align-items:center;gap:12px;margin-bottom:0;padding-bottom:12px;font-size:11.5px;display:flex}.job-list{border-bottom:1px solid var(--line);display:block}.job-card{border:none;border-top:1px solid var(--line);background:0 0;border-radius:0;transition:background .15s}.job-card:not(.open):hover{background:var(--yellow)}.job-card.open{background:var(--bg-raised)}.job-row{justify-content:space-between;align-items:center;gap:16px;padding:18px 12px;display:flex}.job-main{text-align:left;color:inherit;font:inherit;background:0 0;border:none;flex:1;min-width:0;padding:0}.job-main h4{font-family:var(--display);text-transform:uppercase;letter-spacing:.02em;color:var(--paper);margin-bottom:7px;font-size:clamp(1.5rem,2.6vw,2rem);font-weight:400;line-height:1;transition:color .15s}.job-meta{font-family:var(--mono);letter-spacing:.05em;text-transform:uppercase;color:var(--faint);flex-wrap:wrap;gap:6px 18px;font-size:11.5px;display:flex}.job-card:not(.open):hover .job-main h4,.job-card:not(.open):hover .job-meta,.job-card:not(.open):hover .go{color:var(--ink)}.job-card:not(.open):hover .go{border-color:#14141280}.job-actions{flex-shrink:0;gap:8px;display:flex}.go{border:1px solid var(--line);width:38px;height:38px;color:var(--muted);background:0 0;border-radius:0;justify-content:center;align-items:center;transition:all .15s;display:flex}.go:hover{background:var(--ink);border-color:var(--ink);color:var(--yellow)}.job-card.open .go:hover{background:var(--yellow);border-color:var(--yellow);color:var(--ink)}.go.chev svg{transition:transform .2s}.go.chev.open svg{transform:rotate(180deg)}.job-detail{border-top:1px solid var(--line-soft);padding:26px 12px 30px;animation:.25s detail-in}@keyframes detail-in{0%{opacity:0;transform:translateY(-6px)}}.detail-meta{flex-wrap:wrap;gap:8px;margin-bottom:20px;display:flex}.detail-meta span{font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--green-bright);border:1px solid #4aaf6c73;padding:6px 12px;font-size:11px}.detail-prose{color:var(--muted);max-width:740px;font-size:15px}.detail-prose p{margin-bottom:12px}.detail-prose strong,.detail-prose b{color:var(--text);font-weight:600}.detail-prose h1,.detail-prose h2,.detail-prose h3,.detail-prose h4,.detail-prose h5,.detail-prose h6{color:var(--paper);margin:20px 0 8px;font-size:16px;font-weight:600}.detail-prose ul,.detail-prose ol{margin:0 0 14px 22px}.detail-prose li{margin-bottom:5px}.detail-prose a{color:var(--green-bright);text-decoration:underline}.detail-apply{margin-top:24px}.detail-fallback{color:var(--muted);font-size:14.5px}.detail-skel{background:var(--bg-raised);height:13px;margin-bottom:12px;animation:1.2s ease-in-out infinite skel-pulse}@keyframes skel-pulse{50%{opacity:.45}}.text-link{color:var(--green-bright);border-bottom:1px solid #0000;font-weight:600;transition:border-color .15s}.text-link:hover{border-color:var(--green-bright)}.pos-note{color:var(--muted);border:1px solid #f4760f80;align-items:flex-start;gap:12px;margin-bottom:32px;padding:14px 18px;font-size:13.5px;display:flex}.pos-note .warn{color:var(--orange);flex-shrink:0;margin-top:1px}.pos-skeleton{border-bottom:1px solid var(--line)}.skel-row{border-top:1px solid var(--line);background:linear-gradient(var(--bg), var(--bg));height:74px;animation:1.2s ease-in-out infinite skel-pulse}.pos-empty{text-align:center;color:var(--muted);border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:56px 0}.pos-footer{font-family:var(--mono);color:var(--muted);flex-wrap:wrap;align-items:center;gap:14px;margin-top:40px;font-size:12.5px;display:flex}@media (width<=640px){.job-row{padding:16px 6px}.job-detail{padding:20px 6px 24px}.go{width:34px;height:34px}}.footer-cta{text-align:center;border-top:1px solid var(--line-soft);background:linear-gradient(#111110d1,#111110ed),url(/art/wanted_background_3.jpg) 50% 30%/cover no-repeat;padding:160px 0;position:relative;overflow:hidden}.footer-cta h2{font-family:var(--display);text-transform:uppercase;letter-spacing:.01em;color:var(--paper);max-width:14ch;margin:0 auto 22px;font-size:clamp(3rem,7.5vw,6.2rem);font-weight:400;line-height:.9;position:relative}.footer-cta p{color:var(--muted);max-width:520px;margin:0 auto 40px;position:relative}.footer{border-top:1px solid var(--line-soft);padding:44px 0}.footer-inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;display:flex}.footer-logo{align-items:center;display:flex}.footer-links{flex-wrap:wrap;gap:24px;display:flex}.footer-links a{font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-size:11.5px;transition:color .15s}.footer-links a:hover{color:var(--paper)}.footer-legal{font-family:var(--mono);letter-spacing:.03em;color:var(--faint);font-size:11px}
