@font-face{font-family:Anton;src:url('assets/fonts/anton-latin-400.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:Manrope;src:url('assets/fonts/manrope-latin-variable.woff2') format('woff2');font-weight:400 800;font-style:normal;font-display:swap}
:root{--slate:#445b6a;--rust:#bf4e27;--paper:#f7f8f1;--ink:#202e38;--body:Manrope,sans-serif;--display:Anton,sans-serif;--ease:cubic-bezier(.16,1,.3,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px;scrollbar-color:var(--rust) var(--paper)}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--body);line-height:1.65}h1,h2,h3,p{margin:0}h1,h2{font-family:var(--display);font-weight:400;line-height:.98;letter-spacing:-.025em}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}a,button{touch-action:manipulation;-webkit-tap-highlight-color:transparent}img{display:block;max-width:100%;height:auto}a:focus-visible,button:focus-visible{outline:3px solid currentColor;outline-offset:6px}::selection{background:var(--rust);color:var(--paper)}button:disabled{cursor:default}.icon-library{position:absolute;width:0;height:0;overflow:hidden}.icon{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:square;stroke-linejoin:miter;flex-shrink:0}.skip{position:fixed;left:20px;top:-100px;z-index:100;background:var(--paper);color:var(--ink);padding:14px}.skip:focus{top:12px}
.header{height:106px;background:var(--slate);color:var(--paper);display:flex;justify-content:space-between;align-items:center;padding:0 5%;border-bottom:1px solid #f7f8f140;position:relative;z-index:5}.brand{display:flex;align-items:center;gap:12px;font-size:19px;font-weight:800;line-height:1.05}.brand img{width:49px;height:55px;object-fit:contain;filter:brightness(0) invert(1)}.brand .tiny{display:block;font-size:10px;font-weight:500;margin-top:7px}.header nav{display:flex;align-items:center;gap:34px;font-size:13px;font-weight:800}.header nav>a{position:relative}.header nav>a:not(.nav-cta):after{content:'';position:absolute;left:0;right:100%;height:2px;background:var(--paper);bottom:-5px;transition:right .25s var(--ease)}.header nav>a:hover:after{right:0}.nav-cta{padding:15px 22px;background:var(--paper);color:var(--ink);display:flex;align-items:center;gap:28px;transition:background .2s,color .2s}.nav-cta .icon{width:19px;height:19px}.nav-cta:hover{background:var(--rust);color:var(--paper)}
.hero{position:relative;isolation:isolate;min-height:720px;height:calc(100svh - 106px);max-height:940px;background:var(--slate);color:var(--paper);overflow:hidden;padding:62px 5% 80px}.rust-poster{position:absolute;inset:14% -8% -35% 60%;background:var(--rust);transform:rotate(-13deg);z-index:-1;animation:poster-drop .9s var(--ease) both}.rust-poster>span{position:absolute;top:18px;right:24%;font-size:10px;font-weight:800;letter-spacing:.03em;line-height:1.4;transform:rotate(13deg)}.hero h1{font-size:clamp(90px,10.2vw,164px);position:relative;z-index:2;line-height:1.08;white-space:nowrap;pointer-events:none}.headline-line{display:block;overflow:hidden;padding-right:10px}.headline-line>span{display:block;animation:type-impact .8s var(--ease) both}.headline-line:nth-child(2)>span{animation-name:type-impact-reverse;animation-delay:.12s;transform-origin:left center}.hero-bottom{position:relative;z-index:4;max-width:43%;margin-top:32px;display:flex;flex-direction:column;gap:28px}.hero-bottom p{font-size:15px;line-height:1.8}.button{display:inline-flex;justify-content:space-between;align-items:center;gap:34px;width:max-content;min-height:62px;padding:21px 26px;font-size:14px;font-weight:800;position:relative;overflow:hidden;isolation:isolate;transition:color .2s}.button:before{content:'';position:absolute;inset:0;z-index:-1;background:var(--rust);transform:translateY(102%);transition:transform .35s var(--ease)}.button:hover:before{transform:translateY(0)}.button .icon{transition:transform .3s var(--ease)}.button:hover .icon{transform:translate(3px,-3px)}.button:hover{color:var(--paper)}.paper{background:var(--paper);color:var(--ink)}
.mascot-wrap{position:absolute;right:-1.5%;bottom:-33px;width:51%;max-width:770px;z-index:3;isolation:isolate;transform:rotate(-8deg)}.bird-parallax{transform:translate(var(--bird-x,0px),var(--bird-y,0px));transition:transform .2s ease-out}.hero-bird{width:100%;height:auto;filter:drop-shadow(5px 5px 0 var(--paper));animation:pigeon-landing 1s var(--ease) .18s both;user-select:none;-webkit-user-drag:none}.noise-button{position:absolute;right:19%;bottom:22%;border:2px solid var(--ink);background:var(--paper);color:var(--ink);font-weight:800;display:flex;align-items:center;gap:20px;padding:15px 20px;transform:rotate(3deg);box-shadow:5px 6px 0 var(--ink);min-height:54px;transition:transform .2s var(--ease),background .2s,color .2s}.noise-button:hover{transform:rotate(-3deg) scale(1.04);background:var(--rust);color:var(--paper)}.noise-button:active{transform:rotate(-3deg) scale(.97)}.noise-button .icon{width:21px;height:21px}.squawk{position:absolute;top:22%;left:8%;max-width:75%;background:var(--paper);color:var(--ink);padding:12px 18px;font-family:var(--display);font-size:clamp(20px,2.5vw,36px);transform:rotate(5deg);opacity:0;transition:opacity .15s;line-height:1.05;z-index:6;pointer-events:none}.squawk.visible{opacity:1}.chaos-meter{position:absolute;bottom:14%;right:23%;font-size:10px;transform:rotate(8deg);font-weight:700;background:var(--rust);color:var(--paper);padding:4px 8px}.chaos-count{font-variant-numeric:tabular-nums}.hero-side{position:absolute;right:20px;top:35px;writing-mode:vertical-rl;font-size:9px;letter-spacing:.06em}.corner-sticker{position:absolute;right:24%;top:5%;width:102px;height:102px;background:var(--paper);color:var(--rust);display:grid;align-content:center;text-align:center;font-weight:800;font-size:12px;line-height:1.25;border-radius:50%;transform:rotate(13deg);z-index:4;animation:stamp-in .5s var(--ease) .6s both}.scroll-cue{position:absolute;bottom:29px;left:5%;display:flex;gap:15px;align-items:center;font-size:10px;line-height:1.4;font-weight:700;z-index:5}.scroll-cue .icon{width:24px;height:34px}
.ticker{background:var(--rust);color:var(--paper);overflow:hidden;padding:14px 0;border-top:1px solid var(--paper);border-bottom:1px solid var(--paper)}.ticker-track{display:flex;width:max-content}.ticker-ready .ticker-track{animation:marquee var(--ticker-duration,28s) linear infinite}.ticker-track>div{display:flex;flex:0 0 auto;align-items:center;gap:40px;padding-right:40px;white-space:nowrap;font-family:var(--display);font-size:clamp(27px,3.2vw,45px);line-height:1.2;letter-spacing:-.01em}.ticker .icon{width:31px;height:31px}.ticker-offscreen .ticker-track{animation-play-state:paused}
.game-section{padding:105px 5% 110px}.game-heading{display:grid;grid-template-columns:1.1fr 1fr;align-items:end;gap:10%;margin-bottom:50px}.game-name{display:flex;align-items:flex-end;gap:26px}.game-heading h2{font-size:clamp(85px,10vw,152px);color:var(--slate)}.development{font-size:11px;white-space:nowrap;display:flex;align-items:center;gap:7px;margin-bottom:12px}.development>span{width:7px;height:7px;background:var(--rust);border-radius:50%}.game-intro{max-width:410px;padding-bottom:8px}.big-copy{font-size:30px;font-weight:800;line-height:1.25;margin-bottom:22px;letter-spacing:-.03em}.game-intro>p:not(.big-copy){font-size:14px;line-height:1.8}.text-link{font-weight:800;border-bottom:1px solid var(--ink);padding:14px 0 9px;display:flex;align-items:center;justify-content:space-between;margin-top:16px;max-width:300px;gap:30px;font-size:13px}.text-link .icon{width:19px;height:19px}.text-link:hover{color:var(--rust)}
.game-art{position:relative;isolation:isolate;background:var(--slate);overflow:hidden;--shutter-open:1}.game-art>img{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover}.shop-shutter{display:none;position:absolute;left:0;right:0;height:50.5%;z-index:3;color:var(--paper);pointer-events:none;overflow:hidden;align-items:center;justify-content:center;font-family:var(--display);font-size:clamp(50px,12vw,185px);letter-spacing:-.025em;line-height:1}.enhanced .shop-shutter{display:flex}.shutter-top{top:0;background:var(--slate);transform:translateY(calc(var(--shutter-open)*-105%))}.shutter-bottom{bottom:0;background:var(--rust);transform:translateY(calc(var(--shutter-open)*105%))}.shutter-top span{transform:rotate(-4deg)}.shutter-bottom span{transform:rotate(4deg)}.game-page-link{position:absolute;right:28px;bottom:47px;z-index:4;background:var(--paper);color:var(--ink);border:0;padding:18px 25px;display:flex;gap:17px;text-align:left;align-items:center;font-size:15px;font-weight:800;transition:background .2s,color .2s}.game-page-link:hover{background:var(--rust);color:var(--paper)}.game-page-link small{display:block;font-size:11px;font-weight:500;margin-top:3px}.play-icon{display:grid;place-items:center;width:48px;height:48px;border:1px solid currentColor;border-radius:50%;transition:transform .25s var(--ease)}.game-page-link:hover .play-icon{transform:scale(1.12)}.play-icon .icon{width:18px;height:18px;stroke-width:1.5}.image-credit{position:absolute;bottom:12px;right:15px;font-size:10px;color:var(--paper);background:var(--slate);padding:4px 8px;z-index:4}.game-details{display:grid;grid-template-columns:repeat(3,1fr);gap:6%;padding:42px 0 70px}.game-details h3{font-size:23px;font-weight:800;letter-spacing:-.03em;margin-bottom:11px}.game-details p{font-size:13px;line-height:1.8;max-width:320px}.gallery-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}.gallery-title h3{font-size:27px;letter-spacing:-.03em}.gallery-title>span{font-size:11px}.gallery{display:grid;grid-template-columns:1.6fr 1fr 1fr;gap:22px}.gallery button{padding:0;border:0;background:transparent;text-align:left}.gallery-image{height:310px;position:relative;overflow:hidden;background:var(--slate)}.gallery img{height:100%;width:100%;object-fit:cover;transition:transform .5s var(--ease),filter .5s var(--ease);filter:saturate(.8)}.gallery button:hover img{transform:scale(1.07) rotate(-1deg);filter:saturate(1)}.gallery button>span{display:block;padding:17px 0;border-bottom:1px solid #445b6a60;font-size:12px;font-weight:700}.image-open{position:absolute;bottom:15px;right:15px;width:44px;height:44px;background:var(--paper);color:var(--ink);display:grid;place-items:center;transition:transform .3s var(--ease)}.gallery button:hover .image-open{transform:rotate(45deg);background:var(--rust);color:var(--paper)}
.manifesto{background:var(--rust);color:var(--paper);padding:70px 5% 80px;overflow:hidden}.manifesto-top{display:flex;align-items:center;justify-content:space-between}.manifesto-top img{width:102px;height:102px;filter:brightness(0) invert(1);transform:rotate(-14deg)}.manifesto-top p{font-size:12px;font-weight:700;line-height:1.5}.manifesto h2{font-size:clamp(72px,11.8vw,180px);margin:50px 0}.manifesto-line{display:block;white-space:nowrap;transform:translateX(calc(var(--manifesto-shift,0px)*var(--direction,1)));line-height:1.08}.manifesto-line:nth-child(2){-webkit-text-stroke:1.5px var(--paper);color:transparent}.manifesto-bottom{display:grid;grid-template-columns:.9fr 1fr 1fr;gap:7%;align-items:center}.manifesto-bottom p{font-size:14px;line-height:1.8}.manifesto-bottom strong{display:block;margin-top:12px;font-size:20px;line-height:1.4}.manifesto-seal{font-family:var(--display);font-size:26px;line-height:1.03;border:2px solid var(--paper);width:max-content;padding:20px 24px;transform:rotate(-7deg);letter-spacing:-.015em}
.flock{background:var(--slate);color:var(--paper);padding:90px 5% 80px;display:grid;grid-template-columns:1.3fr .7fr;gap:7%;align-items:end}.flock h2{font-size:clamp(64px,7.8vw,126px);line-height:1.07;white-space:nowrap}.flock>div>p{font-size:12px;margin-top:28px}.flock-action{padding-bottom:7px}.flock .flock-action>p{font-size:21px;line-height:1.5;margin:0 0 25px}.socials{display:flex;flex-wrap:wrap;gap:8px 28px;margin-top:28px;font-size:12px}.socials a{display:flex;align-items:center;gap:8px;min-height:44px;padding:8px 0}.socials .icon{width:13px;height:13px}.socials a:hover{text-decoration:underline;text-underline-offset:6px}footer{display:flex;align-items:center;justify-content:space-between;padding:30px 5% 105px;font-size:10px;gap:20px}.footer-brand{font-family:var(--display);font-size:20px}footer>a:last-child{text-decoration:underline;text-underline-offset:5px}
.motion-toggle{position:fixed;right:22px;bottom:21px;z-index:22;display:flex;gap:7px;align-items:center;min-height:44px;background:var(--paper);color:var(--ink);border:1px solid #445b6a70;padding:10px 14px;font-size:10px;font-weight:800;border-radius:30px}.motion-toggle .icon{width:17px;height:17px}.motion-toggle[aria-pressed=true] .icon{opacity:.5}.riot-stamp{position:fixed;inset:35% 4% auto;z-index:30;background:var(--rust);color:var(--paper);padding:25px 4%;border:5px solid var(--paper);text-align:center;line-height:1;font-family:var(--display);font-size:clamp(48px,10vw,155px);letter-spacing:-.02em;pointer-events:none;opacity:0;transform:rotate(-9deg);box-shadow:0 14px 40px #202e3840}.salt-particle{position:absolute;width:8px;height:16px;background:var(--paper);pointer-events:none;z-index:8}.salt-particle:nth-child(3n){background:var(--rust)}
.media-dialog{border:0;max-width:min(1120px,94vw);width:100%;padding:46px 25px 20px;background:var(--ink);color:var(--paper);max-height:92svh;overflow:auto}.media-dialog::backdrop{background:#202e38ed}.close-dialog{position:absolute;right:4px;top:0;width:44px;height:44px;display:grid;place-items:center;background:transparent;border:0;color:var(--paper)}.media-content img{max-height:74svh;max-width:100%;margin:auto;object-fit:contain}.media-content video{width:100%;max-height:72svh;display:block}.media-caption{font-size:12px;padding-top:15px;text-align:center}
@keyframes marquee{to{transform:translateX(-50%)}}@keyframes type-impact{from{transform:translateX(-8%) rotate(-4deg);clip-path:inset(0 0 38% 0)}to{transform:translateX(0) rotate(0);clip-path:inset(0)}}@keyframes type-impact-reverse{from{transform:translateX(10%) rotate(4deg);clip-path:inset(25% 0 0 0)}to{transform:translateX(0) rotate(0);clip-path:inset(0)}}@keyframes pigeon-landing{0%{transform:translateY(18%) rotate(9deg) scale(.92)}65%{transform:translateY(-2%) rotate(-2deg) scale(1.03,.97)}100%{transform:translateY(0) rotate(0) scale(1)}}@keyframes poster-drop{from{transform:translateY(15%) rotate(-3deg)}to{transform:translateY(0) rotate(-13deg)}}@keyframes stamp-in{from{transform:scale(1.8) rotate(-18deg);opacity:.6}to{transform:scale(1) rotate(13deg);opacity:1}}
.motion-paused *,.reduced-motion *,.document-hidden *{animation-play-state:paused!important}.motion-paused .headline-line>span,.motion-paused .hero-bird,.motion-paused .rust-poster,.motion-paused .corner-sticker,.reduced-motion .headline-line>span,.reduced-motion .hero-bird,.reduced-motion .rust-poster,.reduced-motion .corner-sticker{animation:none}.motion-paused .shop-shutter,.reduced-motion .shop-shutter{display:none}.motion-paused .bird-parallax,.reduced-motion .bird-parallax{transform:none;transition:none}.motion-paused .manifesto-line,.reduced-motion .manifesto-line{transform:none}.motion-paused a,.motion-paused button,.motion-paused img,.reduced-motion a,.reduced-motion button,.reduced-motion img{transition:none}.motion-paused .button:before,.reduced-motion .button:before{transition:none}
@media(max-width:1100px){.hero{min-height:720px;height:auto;padding-top:55px}.hero h1{font-size:11vw}.hero-bottom{margin-top:35px}.mascot-wrap{width:56%;right:-4%;bottom:-15px}.corner-sticker{right:9%;width:83px;height:83px;font-size:10px;top:6%}.rust-poster{inset:21% -13% -24% 61%}.rust-poster>span{display:none}.hero-side{display:none}.game-name{display:block}.development{margin-top:20px;margin-bottom:0}.game-heading{gap:7%}.gallery-image{height:270px}.flock{grid-template-columns:1fr;gap:40px}.flock h2{font-size:10vw}.flock-action{display:flex;flex-wrap:wrap;align-items:center;gap:25px 40px}.flock .flock-action>p{margin:0;font-size:18px}.socials{margin-top:0}.motion-toggle{right:14px;bottom:24px}.motion-label{max-width:70px}.manifesto-bottom{gap:5%}.manifesto-seal{font-size:23px}}
@media(max-width:760px){.header{height:86px;padding:0 6%}.brand{font-size:14px;gap:8px}.brand img{width:36px;height:42px}.brand .tiny{display:none}.header nav>a:not(.nav-cta){display:none}.header nav{gap:0}.nav-cta{font-size:11px;padding:12px 15px;min-height:44px;gap:13px}.nav-cta .icon{width:16px;height:16px}.hero{padding:45px 6% 40px;min-height:940px}.hero h1{font-size:16.1vw;line-height:1.07;letter-spacing:-.025em}.hero-bottom{max-width:100%;margin-top:24px;gap:22px}.hero-bottom p{font-size:13px;line-height:1.8}.hero .button{font-size:12px;padding:17px 20px;min-height:56px}.hero .button .icon{width:20px;height:20px}.mascot-wrap{width:82%;max-width:510px;right:-5%;bottom:-35px}.rust-poster{inset:49% -20% -25% 43%;transform:rotate(-13deg)}.corner-sticker{top:auto;bottom:400px;right:7%;width:78px;height:78px;font-size:10px}.noise-button{font-size:12px;gap:13px;right:18%;bottom:24%;padding:12px 15px;min-height:48px}.noise-button .icon{width:18px;height:18px}.squawk{font-size:24px;top:20%;left:4%}.scroll-cue{bottom:30px;left:6%;font-size:9px;gap:7px}.scroll-cue .icon{width:19px}.ticker{padding:13px 0}.ticker-track>div{font-size:31px;gap:27px;padding-right:27px}.ticker .icon{width:24px;height:24px}.game-section{padding:60px 6% 70px}.game-heading{grid-template-columns:1fr;gap:32px;margin-bottom:30px}.game-name{display:flex;align-items:flex-end;gap:18px}.game-heading h2{font-size:25vw}.development{font-size:10px;white-space:normal;max-width:90px;margin-bottom:8px}.development>span{flex-shrink:0}.game-intro{max-width:none}.big-copy{font-size:27px;margin-bottom:16px}.game-intro>p:not(.big-copy){font-size:13px}.text-link{font-size:12px;margin-top:13px}.game-art>img{aspect-ratio:1.2;object-fit:cover}.shop-shutter{font-size:16vw}.game-page-link{right:13px;bottom:39px;padding:11px 13px;font-size:12px;gap:10px}.game-page-link small{font-size:9px}.play-icon{width:35px;height:35px}.play-icon .icon{width:15px;height:15px}.image-credit{font-size:8px;bottom:8px;right:10px}.game-details{grid-template-columns:1fr;gap:26px;padding:34px 0 45px}.game-details h3{font-size:23px;margin-bottom:5px}.game-details p{max-width:none}.gallery-title{display:block;margin-bottom:20px}.gallery-title h3{font-size:22px}.gallery-title>span{font-size:10px}.gallery{grid-template-columns:1fr 1fr;gap:18px 15px}.gallery button:first-child{grid-column:span 2}.gallery-image{height:230px}.gallery button:first-child .gallery-image{height:auto;aspect-ratio:16/9}.gallery button>span{font-size:10px;padding:12px 0}.image-open{right:8px;bottom:8px;width:36px;height:36px}.image-open .icon{width:19px;height:19px}.manifesto{padding:45px 6% 55px}.manifesto-top img{width:76px;height:76px}.manifesto-top p{font-size:10px}.manifesto h2{font-size:13.8vw;margin:35px 0;letter-spacing:-.025em}.manifesto-line{line-height:1.16}.manifesto-line:nth-child(2){-webkit-text-stroke:1px var(--paper)}.manifesto-bottom{grid-template-columns:1fr;gap:26px}.manifesto-seal{display:none}.manifesto-bottom p{font-size:13px}.manifesto-bottom strong{font-size:20px}.flock{padding:55px 6% 60px;gap:30px}.flock h2{font-size:12vw;line-height:1.1}.flock>div>p{font-size:11px;margin-top:20px}.flock-action{display:block}.flock .flock-action>p{font-size:20px;margin-bottom:24px}.flock .button{padding:18px 21px;font-size:13px}.socials{margin-top:28px}footer{flex-wrap:wrap;padding:28px 6% 140px;gap:18px}footer p{order:3;width:100%}.footer-brand{font-size:19px}footer>a:last-child{font-size:9px}.motion-toggle{right:12px;bottom:72px;padding:8px 11px;min-height:40px;font-size:9px;background:var(--paper)}.motion-toggle .icon{width:14px;height:14px}.riot-stamp{inset:32% 4% auto;font-size:14vw;padding:25px 5%;border-width:3px}.media-dialog{padding:44px 12px 18px}.media-content img{max-height:70svh}.media-caption{font-size:10px}}
@media(max-width:480px){.hero{min-height:800px;padding-top:36px}.mascot-wrap{width:105%;right:-15%;bottom:-30px}.rust-poster{inset:48% -27% -25% 46%}.corner-sticker{bottom:320px;right:8%;width:70px;height:70px;font-size:9px}.hero-bottom p{font-size:12px}.noise-button{font-size:11px;right:22%;bottom:24%;padding:11px 13px}.scroll-cue{bottom:20px}.game-heading h2{font-size:26vw}.game-name{gap:16px}.development{max-width:80px;font-size:9px}.manifesto-top p{max-width:130px}.chaos-meter{font-size:9px;bottom:16%;right:26%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.shop-shutter{display:none!important}.headline-line>span{clip-path:none}.bird-parallax,.manifesto-line{transform:none!important}.riot-stamp,.salt-particle{display:none!important}}


