:root{--ink:#211b18;--deep:#171515;--paper:#f0dfbf;--muted:#c1b4a0;--amber:#f0ac52;--teal:#9bc7be;--line:#52463b;--max:1240px;color-scheme:dark}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--ink);color:var(--paper);font-family:Arial,Helvetica,sans-serif;line-height:1.65}a{color:inherit;text-decoration:none}button{font:inherit}button,a,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible,video:focus-visible{outline:3px solid var(--teal);outline-offset:6px}img{display:block;max-width:100%;height:auto}figure{margin:0}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.08}h2{font:700 clamp(32px,3.5vw,53px)/1.08 Georgia,'Times New Roman',serif;letter-spacing:-1.3px;margin-bottom:28px}h3{font-size:23px;line-height:1.18;margin-bottom:15px}p{font-size:17px;margin-bottom:20px}section[id]{scroll-margin-top:90px}.section{max-width:var(--max);padding:110px 30px;margin:auto}.eyebrow{font:700 11px/1.7 'Courier New',monospace;letter-spacing:2.2px;color:var(--amber);margin-bottom:22px}.skip{position:fixed;top:-100px;left:20px;z-index:100;background:var(--paper);color:var(--ink);padding:12px}.skip:focus{top:10px}
.topbar{height:80px;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:0 4%;border-bottom:1px solid #ffffff1c;background:#211b18f2;position:relative;z-index:5}.brand img,.footer img{object-fit:contain;width:130px;height:42px}.topbar nav{display:flex;gap:32px;margin-left:auto;margin-right:32px;font:700 11px 'Courier New',monospace;letter-spacing:1.4px}.topbar nav a{padding:15px 0;transition:color .2s}.topbar nav a:hover{color:var(--amber)}.languages{display:flex;align-items:center;gap:7px;font:700 12px 'Courier New',monospace;flex-shrink:0}.languages button{border:0;background:none;color:#b9ab98;cursor:pointer;padding:12px 7px}.languages button[aria-pressed=true]{color:var(--amber);text-decoration:underline;text-underline-offset:6px}
.hero{position:relative;isolation:isolate;min-height:760px;overflow:hidden;display:flex;align-items:center;padding:70px max(5%,calc((100vw - 1180px)/2)) 100px}.hero-backdrop{position:absolute;inset:0;z-index:-2;background:url('studio.webp') center/cover no-repeat}.hero:before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#191716 0%,#191716f2 28%,#191716a6 51%,#19171610 82%),linear-gradient(0deg,#211b18 0%,transparent 26%)}.hero-content{position:relative;z-index:2;width:52%;max-width:640px}.hero h1{font:900 clamp(64px,6.8vw,112px)/.87 Georgia,'Times New Roman',serif;letter-spacing:-4px;margin:0 0 28px;filter:drop-shadow(0 5px 0 #0a090960)}.hero h1>span{display:block}.title-second{padding-left:.13em}.title-dot{color:var(--amber)}.hero h2{font:700 clamp(22px,2.1vw,31px)/1.1 Georgia,serif;letter-spacing:-.5px;margin-bottom:22px}.hero-description{max-width:490px;color:#ded3c1;font-size:17px;line-height:1.7}.actions{display:flex;align-items:center;gap:15px;flex-wrap:wrap;margin-top:30px}.button{min-height:52px;padding:17px 21px;display:inline-flex;align-items:center;justify-content:center;gap:20px;font:700 11px/1.2 'Courier New',monospace;letter-spacing:.7px;transition:transform .2s,background .2s}.button-buy{background:var(--amber);color:#241d17;box-shadow:4px 4px 0 #0004;clip-path:polygon(1% 0,98% 2%,100% 97%,2% 100%,0 55%)}.button-buy:hover{background:#ffd08c;transform:translateY(-3px) rotate(-1deg)}.button-buy>span:last-child{font-size:19px}.button-quiet{border:1px solid #b7a98e;background:#1d18165e}.button-quiet:hover{background:#ffffff12}.hero-note{font-size:12px;color:#bbac96;max-width:420px;margin:22px 0 0}.hero-cats{position:absolute;width:51%;height:560px;right:0;bottom:55px;z-index:1;pointer-events:none}.cat-cutout{position:relative;overflow:hidden;flex-shrink:0;filter:drop-shadow(6px 12px 8px #100c0870)}.cat-cutout.gato{aspect-ratio:650/705}.cat-cutout.gato img{position:absolute;max-width:none;width:334.154%;left:-2.154%;top:-1.135%}.cat-cutout.titi{aspect-ratio:553/710}.cat-cutout.titi img{position:absolute;max-width:none;width:392.767%;left:-7.233%;top:-.563%}.hero-cats .gato{position:absolute;width:67%;bottom:10%;left:-1%;transform:rotate(-2deg)}.hero-cats .titi{position:absolute;width:38%;bottom:7%;right:4%;transform:rotate(5deg)}.paper-note{position:absolute;bottom:0;right:7%;background:var(--paper);color:var(--ink);padding:12px 20px;transform:rotate(-3deg);font:700 10px/1.4 'Courier New',monospace;letter-spacing:1px;box-shadow:4px 7px 0 #0003}.scroll-cue{position:absolute;left:5%;bottom:30px;display:flex;gap:35px;align-items:center;color:#c1b29a;font:10px 'Courier New',monospace;letter-spacing:2px}.scroll-cue span:last-child{font-size:24px}.ticker{display:flex;justify-content:space-around;gap:24px;padding:22px 30px;background:var(--paper);color:var(--ink);font:700 12px 'Courier New',monospace;letter-spacing:1.4px;transform:rotate(-.5deg);position:relative;z-index:3}
.intro{display:grid;grid-template-columns:1fr 1fr;gap:35px 80px}.intro h2{max-width:470px}.intro-copy{padding-top:35px;color:#d4c7b3}.game-shot{grid-column:1/-1;position:relative;padding:14px 14px 0;background:#4f483f;transform:rotate(-.7deg);margin:20px 0 12px;box-shadow:12px 16px 0 #0003}.game-shot:before,.game-shot:after{content:'';position:absolute;top:-12px;height:34px;width:90px;background:#d7c59c99;transform:rotate(-17deg);left:7%;z-index:1}.game-shot:after{left:auto;right:7%;transform:rotate(16deg)}.game-shot img{width:100%;aspect-ratio:1.5}.game-shot figcaption{text-align:center;font:11px/1.5 'Courier New',monospace;padding:16px 10px;color:#e7d8c3}.steps{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);gap:45px;list-style:none;margin:28px 0 0;padding:0}.step-number{display:block;font:700 42px Georgia,serif;color:var(--amber);margin-bottom:22px}.steps h3{font-size:21px}.steps p{font-size:15px;color:#c5b8a3;line-height:1.8}
.trailer-section{padding:80px max(30px,calc((100vw - 1180px)/2));background:#131515;border-top:1px solid #4c4336;border-bottom:1px solid #4c4336}.section-heading{text-align:center;max-width:760px;margin:0 auto 50px}.film-frame{border:1px solid #c0a37b;padding:8px;background:#211b18;box-shadow:0 25px 80px #0006}.film-frame video{display:block;width:100%;aspect-ratio:3/1;background:#080808}.film-caption{margin:18px 0 0;text-align:center;font:12px/1.7 'Courier New',monospace;color:#baac98}
.powers{display:grid;grid-template-columns:1fr 1fr;gap:110px}.powers-heading p:last-child{max-width:410px;color:var(--muted)}.power-list article{display:flex;gap:24px;padding:22px 0;border-top:1px solid var(--line)}.power-list article:last-child{border-bottom:1px solid var(--line)}.power-list h3{font:700 22px 'Courier New',monospace;letter-spacing:1px;color:var(--amber)}.power-list p{font-size:15px;color:#cbbda8;margin:0}.power-index{font:12px 'Courier New',monospace;padding-top:7px;color:#a59781;white-space:nowrap}
.gear-section{background:var(--paper);color:var(--ink);position:relative;clip-path:polygon(0 .4%,17% 0,34% .3%,52% .1%,73% .4%,100% 0,100% 99.7%,82% 100%,58% 99.5%,33% 100%,13% 99.7%,0 100%)}.gear-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:50px;align-items:center;padding-top:100px;padding-bottom:100px}.gear-section .eyebrow{color:#84501e}.gear-copy p:not(.eyebrow){font-size:16px;color:#57483b}.gear-section figure{transform:rotate(1deg);padding:10px 10px 0;background:#2d2925;box-shadow:10px 12px 0 #a78b6033}.gear-section figcaption{color:#d9c4a0;text-align:center;padding:12px;font:10px/1.6 'Courier New',monospace;letter-spacing:1px}.small-stamp{display:inline-block;border:1px solid #6c5038;padding:10px;margin-top:12px;font:700 10px/1.6 'Courier New',monospace;transform:rotate(-2deg)}
.cast-grid{display:grid;grid-template-columns:1fr 1fr;gap:45px}.cast-member{display:grid;grid-template-columns:.8fr 1fr;gap:25px;align-items:center;background:#302821;padding:28px 30px 25px 8px;border-bottom:3px solid #b08b5b}.titi-card{background:#253734;border-color:#a1b9a0}.cast-art{width:100%}.cast-art .cat-cutout{width:135%;margin-left:-23%}.cast-member h3{font:700 28px/1.12 Georgia,serif;letter-spacing:-.6px}.cast-member p:not(.eyebrow){font-size:14px;color:#cfbea6}.cast-member .eyebrow{margin-bottom:16px}.titi-card .eyebrow{color:#b4d7b6}.story-band{position:relative;background:linear-gradient(90deg,#1b1919f2,#1b1919b0),url('city.webp') center/cover}.story-content{max-width:950px;text-align:center;padding-top:100px;padding-bottom:100px}.story-content p:last-child{max-width:700px;margin:30px auto 0;color:#d9cbb6}.rewards{display:grid;grid-template-columns:1.1fr 1fr;gap:70px;align-items:center}.reward-art{transform:rotate(-2deg);padding:12px;background:#302c27;box-shadow:10px 14px 0 #0003}.rewards h3{font:700 21px Georgia,serif;margin:30px 0 12px;color:var(--amber)}.rewards p:not(.eyebrow){color:#c5b8a3;font-size:16px}.collection-note{border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;gap:80px;padding-top:65px;padding-bottom:65px}.collection-note p:not(.eyebrow){color:#c5b8a3;font-size:16px}.collection-note .aside-line{font-family:Georgia,serif;font-style:italic;color:var(--amber)!important}.faq{max-width:920px}.faq>h2{margin-bottom:45px}.faq details{border-top:1px solid var(--line);padding:0}.faq details:last-child{border-bottom:1px solid var(--line)}.faq summary{list-style:none;cursor:pointer;padding:22px 30px 22px 0;position:relative;font-weight:700;font-size:17px}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:'+';position:absolute;right:5px;color:var(--amber);font-size:24px;top:16px}.faq details[open] summary:after{content:'−'}.faq details p{max-width:720px;color:var(--muted);font-size:16px;margin-bottom:26px}.closing{background:#c18a44;color:#241c15}.closing .section{padding-top:75px;padding-bottom:75px}.closing .eyebrow{color:#49321c}.closing h2{max-width:720px;font-size:clamp(40px,5vw,70px)}.closing .button-buy{background:#251d16;color:var(--paper)}.text-link{font-size:14px;border-bottom:1px solid #5b3b19;margin-left:15px}.closing-note{font-size:12px;margin:22px 0 0;color:#4b331f}.footer{max-width:1240px;margin:auto;display:flex;align-items:center;gap:35px;padding:38px 30px;font-size:12px;color:#baac98}.footer p{font-size:12px;margin:0 auto 0 0}.footer a{white-space:nowrap}
@media(min-width:1000px) and (prefers-reduced-motion:no-preference){.hero-cats .gato{animation:breathe-g 6s ease-in-out infinite}.hero-cats .titi{animation:breathe-t 5s ease-in-out infinite}@keyframes breathe-g{50%{transform:rotate(-1deg) translateY(-4px)}}@keyframes breathe-t{50%{transform:rotate(3deg) translateY(-7px)}}}
@media(min-width:1600px){.hero-cats{right:calc((100vw - 1500px)/2);width:710px}.hero-content{width:600px}}
@media(max-width:1050px){.hero{min-height:720px;padding-left:5%;padding-right:5%}.hero h1{font-size:80px}.hero-content{width:55%}.hero-cats{width:49%;height:450px;bottom:70px}.button{padding:16px;font-size:10px;gap:12px}.hero-description{font-size:16px}.hero-note{max-width:300px}.section{padding:80px 30px}.powers{gap:50px}.cast-member{grid-template-columns:1fr;padding:28px}.cast-art{height:210px}.cast-art .cat-cutout{width:185px;margin:auto}.cast-art .titi{width:150px}.cast-grid{gap:25px}.gear-layout,.rewards{gap:35px}.intro{gap:30px 40px}}
@media(max-width:760px){html{scroll-padding-top:25px}.topbar{height:68px;padding:0 20px;gap:16px}.brand img{width:108px;height:34px}.topbar nav{gap:0;margin:0 0 0 auto}.topbar nav a{display:none}.topbar nav a:first-child{display:block;font-size:10px}.languages{gap:2px}.hero{min-height:auto;display:block;padding:45px 24px 55px}.hero-content{width:100%;max-width:none}.hero .eyebrow{font-size:9px;letter-spacing:1.8px}.hero h1{font-size:clamp(65px,15vw,95px);letter-spacing:-3px;max-width:90%}.hero h2{font-size:25px;max-width:380px}.hero-description{max-width:500px}.hero:before{background:linear-gradient(180deg,#191716f5 0%,#191716dc 47%,#19171600 77%,#211b18 100%)}.hero-backdrop{background-position:65% center}.hero-cats{position:relative;width:100%;height:360px;right:auto;bottom:auto;margin:18px auto 5px;max-width:490px}.hero-cats .gato{width:67%;left:0;bottom:6%}.hero-cats .titi{width:39%;right:0;bottom:5%}.paper-note{right:5%;font-size:9px;padding:10px 15px}.scroll-cue{bottom:18px;left:24px;font-size:8px;letter-spacing:1.2px}.hero-note{max-width:360px}.actions{gap:12px;margin-top:24px}.button{font-size:10px;min-height:49px}.ticker{padding:18px 20px;gap:16px;font-size:10px;line-height:1.6}.ticker>span:first-child,.ticker>span:nth-child(2),.ticker>span:last-child{display:none}.ticker>span:nth-last-child(2){display:none}.section{padding:64px 24px}.intro,.powers,.gear-layout,.rewards,.collection-note{grid-template-columns:1fr;gap:25px}.intro-copy{padding-top:0}.intro h2{margin-bottom:0}.game-shot{padding:7px 7px 0;margin-top:12px;box-shadow:6px 8px 0 #0003}.game-shot figcaption{font-size:9px;padding:11px 6px}.steps{grid-template-columns:1fr;gap:18px;margin-top:10px}.steps li{padding:22px 0 0;border-top:1px solid var(--line)}.step-number{font-size:30px;float:left;width:55px;height:90px}.steps h3{margin-bottom:10px}.steps p{margin-left:55px;font-size:15px}.trailer-section{padding:60px 18px}.section-heading{margin-bottom:30px}.trailer-section h2{font-size:32px}.film-caption{font-size:10px}.film-frame{padding:4px}.power-list article{padding:23px 0}.gear-layout{padding-top:65px;padding-bottom:65px}.gear-section figure{transform:none;margin-top:12px}.cast-grid{grid-template-columns:1fr;gap:28px}.cast-member{grid-template-columns:.7fr 1fr;gap:15px;padding:25px 25px 25px 12px}.cast-art{height:auto}.cast-art .cat-cutout{width:145%;margin-left:-29%}.cast-member h3{font-size:27px}.cast-member p:not(.eyebrow){font-size:13px}.story-content{padding:75px 24px}.rewards{gap:40px}.reward-art{order:2}.collection-note{margin:0 24px;padding-left:0;padding-right:0}.collection-note h2{margin-bottom:0}.faq h2{margin-bottom:25px}.faq summary{font-size:16px}.closing .section{padding:65px 24px}.closing h2{font-size:42px}.closing .text-link{margin:5px 0 0;font-size:13px}.footer{flex-wrap:wrap;gap:20px;padding:30px 24px}.footer p{width:calc(100% - 150px);font-size:10px}.footer a{font-size:11px}}
@media(max-width:380px){.hero-cats{height:300px}.hero h1{font-size:63px}.hero .button{padding:15px 12px;font-size:9px}.cast-member{grid-template-columns:1fr}.cast-art{height:210px}.cast-art .cat-cutout{width:180px;margin:auto}.cast-art .titi{width:150px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}