@font-face{font-family:Nunito;src:url('/media/Nunito-Variable.ttf') format('truetype');font-weight:200 1000;font-display:swap}
@font-face{font-family:Lilita;src:url('/media/LilitaOne-Regular.ttf') format('truetype');font-weight:400;font-display:swap}
:root{--peach:#ffdfcf;--navy:#19385f;--cyan:#087585;--paper:#fffaf3;--yellow:#f9d457;--body:Nunito,system-ui,sans-serif;--display:Lilita,system-ui,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:28px}body{margin:0;background:var(--peach);color:var(--navy);font:18px/1.65 var(--body)}img,video{display:block;max-width:100%;height:auto}a{color:inherit;text-decoration:none}button,summary{font:inherit;cursor:pointer}a,button,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible,video:focus-visible{outline:3px solid var(--cyan);outline-offset:6px}p,h1,h2,h3,figure{margin:0}h1,h2,h3{font-family:var(--display);font-weight:400;line-height:1.06}h2{font-size:clamp(38px,4.2vw,60px);letter-spacing:-.5px}h2 span{color:var(--cyan)}p{max-width:57ch}.wrap{width:min(1280px,calc(100% - 96px));margin-inline:auto}.skip-link{position:fixed;left:20px;top:-100px;background:var(--navy);color:white;padding:12px 24px;z-index:20}.skip-link:focus{top:20px}
.site-header{position:relative;display:flex;justify-content:space-between;align-items:center;gap:28px;padding-block:12px;z-index:5;border-bottom:1px solid #19385f26}.studio-badge{flex:0 0 100px}.studio-badge img{width:100px;height:100px;object-fit:contain;mask-image:linear-gradient(to right,transparent,#000 12%,#000 88%,transparent),linear-gradient(to bottom,transparent,#000 12%,#000 88%,transparent);mask-composite:intersect}.main-nav{display:flex;align-items:center;gap:42px}.main-nav>a,.game-menu>summary{font:400 25px/1.25 var(--display);padding:12px 0}.main-nav .nav-contact{font:900 14px/1.2 var(--body);border:1.5px solid var(--navy);border-radius:99px;padding:14px 20px}.main-nav>a:hover,.game-menu>summary:hover,.text-link:hover{color:var(--cyan)}.game-menu>summary{list-style:none;display:flex;gap:12px;align-items:center}.game-menu>summary::-webkit-details-marker{display:none}.game-menu>summary span{font:400 26px/1 var(--body);transition:transform .2s}.game-menu[open]>summary span{transform:rotate(45deg)}.menu-panel{position:absolute;right:0;top:calc(100% + 10px);width:min(520px,100%);padding:26px;background:var(--paper);border:1px solid #19385f20;border-radius:16px;box-shadow:0 16px 50px #19385f25}.menu-panel>p{font-size:13px;font-weight:900;margin-bottom:15px}.menu-panel>a{display:grid;grid-template-columns:1fr auto;font:400 25px/1.15 var(--display);padding:15px 0;border-top:1px solid #19385f20}.menu-panel small{grid-column:1;font:700 13px/1.5 var(--body);margin-top:6px;color:var(--cyan)}.menu-panel>a>span{grid-column:2;grid-row:1/3;align-self:center}.menu-panel>a:hover{color:var(--cyan)}
.hero{display:grid;grid-template-columns:1.16fr 1fr;align-items:center;gap:65px;padding-block:72px 68px}.eyebrow{font-size:12px;letter-spacing:1.8px;font-weight:900;text-transform:uppercase}.hero h1{font-size:clamp(58px,6.1vw,88px);letter-spacing:-1.6px;margin-block:22px}.hero h1 span{color:var(--cyan)}.intro{font-size:18px}.hero .button{margin-top:30px}.hero-art{position:relative;padding:8px 0 20px 20px}.hero-window{display:block;position:relative;overflow:hidden;border-radius:18px;box-shadow:0 12px 28px #19385f25;border:6px solid var(--paper);background:var(--paper)}.hero-window img{width:100%;height:205px;object-fit:cover}.hero-window>span{display:flex;justify-content:space-between;align-items:center;font-size:10px;letter-spacing:1.3px;font-weight:900;padding:8px 12px}.hero-window b{font-size:20px}.moonlit{width:94%;transform:rotate(3deg);margin-left:auto;color:var(--navy)}.moonlit img{object-position:center}.town{width:80%;margin-top:-12px;transform:rotate(-5deg);margin-left:-18px}.town img{height:140px;object-position:48%}.spark{position:absolute;right:0;bottom:23px;font-size:86px;line-height:1;color:var(--cyan);transform:rotate(10deg)}.hero-window:hover{outline:3px solid var(--cyan);outline-offset:4px}.button{display:inline-flex;align-items:center;justify-content:center;gap:16px;border:0;border-radius:99px;font-weight:900;padding:14px 23px;font-size:14px;min-height:50px;transition:transform .18s,background .18s}.button:hover{transform:translateY(-2px)}.dark{background:var(--navy);color:white}.dark:hover{background:#285883}.light{background:var(--yellow);color:#152b42}.light:hover{background:#ffe691}.text-link{display:inline-flex;align-items:center;gap:16px;font-size:14px;font-weight:900;border-bottom:1.5px solid currentColor;padding-block:7px}.actions{display:flex;gap:22px;align-items:center;flex-wrap:wrap;margin-top:27px}
.game-index{padding-bottom:52px}.section-kicker{display:flex;justify-content:space-between;align-items:center;gap:20px;padding-bottom:18px}.section-kicker h2{font:900 12px/1.5 var(--body);letter-spacing:1.4px;text-transform:uppercase}.section-kicker>span{font-size:11px;font-weight:900}.game-index-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.game-teaser{display:flex;align-items:center;gap:15px;border-top:1px solid #19385f45;padding-top:20px;font:400 22px/1.1 var(--display)}.game-teaser small{display:block;font:600 12px/1.5 var(--body);margin-top:9px}.game-teaser>span:last-child{margin-left:auto}.game-teaser:hover{color:var(--cyan)}.index-number{font:900 11px/1 var(--body);align-self:flex-start;margin-top:5px;color:var(--cyan)}
.showcase{padding-block:42px 64px;scroll-margin-top:0}.showcase-top{display:flex;justify-content:space-between;align-items:center;gap:20px;padding-bottom:22px;border-bottom:1px solid #19385f30}.status{font-size:11px;font-weight:900;border:1px solid currentColor;padding:5px 11px;border-radius:99px;white-space:nowrap}.showcase-grid{display:grid;grid-template-columns:.88fr 1.25fr;gap:65px;align-items:center;padding-top:38px}.game-copy>p{margin-top:22px;font-size:17px}.game-copy .fine-print{font-size:12px;line-height:1.65;margin-top:19px;max-width:52ch}.game-logo{margin-bottom:28px}.ricochet-logo{width:230px}.game-facts{display:flex;flex-wrap:wrap;gap:8px 18px;list-style:none;padding:0;margin:22px 0 0;font-size:12px;font-weight:800}.game-facts li:before{content:'✦';margin-right:7px;color:var(--cyan)}.game-film{min-width:0}.game-film video{width:100%;background:#071a23;border-radius:14px;box-shadow:0 14px 35px #0002;aspect-ratio:16/9}.game-film figcaption{display:flex;justify-content:space-between;gap:15px;margin-top:14px;font-size:12px;line-height:1.5}.game-film figcaption span:first-child{font-weight:900}.game-film figcaption span:last-child{text-align:right}.media-note{font-size:11px;margin-top:7px}.media-error{font-size:14px;margin-top:12px}.media-error a{text-decoration:underline}.ricochet{color:#fff6dc;background:#0b2331}.ricochet .showcase-top{border-color:#ffffff30}.ricochet h2 span,.ricochet .game-facts li:before{color:var(--yellow)}.ricochet p:not(.eyebrow){color:#d1dde0}.ricochet .text-link:hover{color:var(--yellow)}.ricochet :focus-visible{outline-color:var(--yellow)}.ricochet .game-copy h2{font-size:clamp(38px,3.8vw,54px)}.cat-town{background:var(--paper)}.reverse{grid-template-columns:1.25fr .88fr}.reverse .game-copy{grid-column:2;grid-row:1}.reverse figure{grid-column:1;grid-row:1}.cat-logo{width:150px;margin-bottom:24px}.town-scene img{width:100%;height:405px;object-fit:cover;object-position:47%;border-radius:14px}.town-scene figcaption{font-size:12px;margin-top:14px}.survivors{background:#edf0d8}.survivors h2 span{color:#43753b}.survivors .game-film video{aspect-ratio:1280/700}.game-copy .game-intro{margin:0 0 18px}.survivors .text-link{margin-top:22px}
.studio{display:grid;grid-template-columns:1fr 1fr;gap:100px;padding-block:76px;align-items:center}.studio h2{margin-top:21px}.studio .studio-intro{font-size:25px;line-height:1.4;font-weight:800;margin-bottom:20px}.studio p:not(.eyebrow):not(.studio-intro){font-size:17px}.studio .text-link{margin-top:23px}.team-section{background:var(--paper);padding-block:62px}.team-heading h2{font-size:42px;margin-top:15px}.team-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:50px;margin-top:42px}.team-member>img{width:112px;height:112px;margin-bottom:22px;object-fit:contain}.team-role{font-size:10px;font-weight:900;letter-spacing:1.3px;text-transform:uppercase;color:var(--cyan)}.team-member h3{font-size:31px;margin:11px 0 15px}.team-member h3 span{font-size:22px}.team-member p:not(.team-role){font-size:15px;line-height:1.75}.contact{display:flex;justify-content:space-between;align-items:center;gap:35px;padding-block:64px}.contact h2{font-size:45px;margin-top:18px}.contact p:not(.eyebrow){font-size:16px;margin-top:18px}.contact .button{flex-shrink:0}.site-footer{display:flex;justify-content:space-between;align-items:center;gap:20px;border-top:1px solid #19385f30;padding-block:25px;font-size:12px}.footer-brand{font-family:var(--display);font-size:20px}.site-footer nav{display:flex;gap:24px}.site-footer a:hover{color:var(--cyan)}
@media(max-width:1050px){.wrap{width:calc(100% - 64px)}.hero{gap:35px}.hero h1{font-size:66px}.hero-window img{height:180px}.town img{height:120px}.showcase-grid{gap:35px;grid-template-columns:1fr 1fr}.reverse{grid-template-columns:1fr 1fr}.studio{gap:55px}.main-nav{gap:30px}.game-teaser{font-size:19px}.game-teaser small{font-size:11px}.team-grid{gap:28px}.game-film figcaption{flex-wrap:wrap;gap:4px}.game-film figcaption span:last-child{text-align:left}.town-scene img{height:365px}}
@media(max-width:760px){.wrap{width:calc(100% - 40px)}.site-header{gap:12px;padding-block:9px}.studio-badge{flex-basis:72px}.studio-badge img{width:72px;height:72px}.main-nav{gap:24px}.main-nav>a,.game-menu>summary{font-size:22px}.main-nav .nav-contact{display:none}.menu-panel{padding:22px}.hero{grid-template-columns:1fr;gap:40px;padding-block:42px}.hero h1{font-size:clamp(54px,10vw,74px);letter-spacing:-1px;margin:18px 0 21px}.eyebrow{font-size:10px;letter-spacing:1.3px}.intro{font-size:17px}.hero .button{margin-top:25px}.hero-art{padding:0 3% 0 5%;width:100%;max-width:500px;justify-self:center}.hero-window img{height:180px}.town img{height:100px}.hero-window>span{font-size:9px;padding:5px 10px}.hero-window{border-width:4px;border-radius:12px}.moonlit{width:90%}.town{width:75%;margin-top:-25px}.spark{font-size:66px;right:2%;bottom:15px}.game-index{padding-bottom:35px}.section-kicker h2{font-size:10px;letter-spacing:1px}.section-kicker>span{display:none}.game-index-grid{grid-template-columns:1fr;gap:16px}.game-teaser{font-size:22px;padding-top:16px}.game-teaser small{font-size:12px;margin-top:6px}.game-teaser>span:nth-child(2){flex:1}.showcase{padding-block:28px 42px}.showcase-top{gap:12px;padding-bottom:18px}.showcase-top .eyebrow{font-size:9px;letter-spacing:1px}.status{font-size:9px;padding:4px 8px}.showcase-grid,.reverse{grid-template-columns:1fr;gap:30px;padding-top:30px}.reverse .game-copy,.reverse figure{grid-column:auto;grid-row:auto}.game-copy h2,.ricochet .game-copy h2{font-size:clamp(39px,9.2vw,52px)}.game-copy>p{font-size:16px;margin-top:20px}.game-logo{margin-bottom:23px}.ricochet-logo{width:200px}.cat-logo{width:115px}.game-facts{font-size:11px;gap:7px 15px;margin-top:19px}.actions{gap:17px}.button{font-size:13px;padding:13px 20px;min-height:48px}.text-link{font-size:13px;gap:10px}.game-copy .fine-print{font-size:12px}.game-film video,.town-scene img{border-radius:10px}.game-film figcaption{font-size:11px;justify-content:space-between;gap:5px}.town-scene img{height:230px}.studio{grid-template-columns:1fr;gap:28px;padding-block:45px}.studio h2{font-size:49px}.studio .studio-intro{font-size:22px}.studio p:not(.eyebrow):not(.studio-intro){font-size:16px}.team-section{padding-block:42px}.team-heading h2{font-size:37px;max-width:13ch}.team-grid{grid-template-columns:1fr;gap:27px;margin-top:30px}.team-member{display:grid;grid-template-columns:80px 1fr;gap:20px;border-top:1px solid #19385f25;padding-top:25px}.team-member>img{width:80px;height:80px;margin:0}.team-member h3{font-size:27px;margin:8px 0 12px}.team-member h3 span{font-size:19px}.team-member p:not(.team-role){font-size:14px}.team-role{font-size:9px;letter-spacing:1px}.contact{display:block;padding-block:42px}.contact h2{font-size:38px}.contact p:not(.eyebrow){font-size:15px}.contact .button{margin-top:25px}.site-footer{flex-wrap:wrap;gap:15px}.footer-brand{font-size:19px}.site-footer nav{width:100%;justify-content:space-between;font-size:11px}}
@media(max-width:360px){.main-nav{gap:14px}.main-nav>a,.game-menu>summary{font-size:18px}.game-menu>summary{gap:7px}.studio-badge{flex-basis:50px}.studio-badge img{width:50px;height:60px}.hero h1{font-size:49px}.hero-window img{height:145px}.town img{height:90px}.showcase-top{align-items:flex-start}.showcase-top .eyebrow{max-width:22ch}.team-member{grid-template-columns:62px 1fr;gap:14px}.team-member>img{width:62px;height:62px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.button:hover{transform:none}}
@media(max-width:760px){.town{margin-top:12px}.hero-art{padding-bottom:4px}}