*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}a:focus-visible,button:focus-visible{outline:3px solid #ed6c36;outline-offset:5px}header{display:flex;align-items:center;justify-content:space-between;padding:27px 0}.wrap{width:min(1120px,90%);margin:auto}.brand{font-size:24px;font-weight:900;letter-spacing:-1px}.brand i{font-style:normal;color:var(--accent)}nav{display:flex;gap:32px;font-size:13px;font-weight:600}nav a:hover{text-decoration:underline}.eyebrow{font-size:11px;letter-spacing:2.5px;font-weight:bold;text-transform:uppercase}.button{display:inline-flex;align-items:center;gap:36px;background:var(--accent);color:#101317;padding:16px 22px;font-size:13px;font-weight:bold}.quiet{font-size:13px;border-bottom:1px solid;padding-bottom:5px}.section-head{display:flex;justify-content:space-between;align-items:center;margin:44px 0 24px}.section-head h2{font-size:28px;letter-spacing:-1px;margin:0}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.game img{display:block;width:100%;aspect-ratio:460/215;object-fit:cover}.game h3{font-size:19px;margin:16px 0 8px;letter-spacing:-.5px}.game p{font-size:13px;line-height:1.6;margin:0;opacity:.65}.game small{display:block;margin-top:15px;font-size:10px;text-transform:uppercase;letter-spacing:1.4px}.game:hover img{filter:brightness(1.1)}.about{display:grid;grid-template-columns:1fr 1fr;gap:70px;padding:65px 0;margin-top:55px;border-top:1px solid #8884}.about h2{font-size:38px;letter-spacing:-1.5px;margin:0}.about p{font-size:15px;line-height:1.8;margin:0 0 22px;opacity:.7}footer{display:flex;justify-content:space-between;padding:24px 0;border-top:1px solid #8884;font-size:11px;opacity:.65}.concept-note{padding:11px 5%;font:10px monospace;letter-spacing:1px;text-transform:uppercase;display:flex;justify-content:space-between;gap:20px}.filter{display:flex;gap:8px;flex-wrap:wrap}.filter button{border:1px solid #8885;background:transparent;color:inherit;padding:9px 15px;border-radius:30px;font-size:12px}.filter button.active{background:var(--accent);border-color:var(--accent);color:#111}.hidden{display:none!important}
/* Direction 01: a dark studio showcase. */
.cinematic{--accent:#d6ef76;background:#101512;color:#f4f5ed}.cinematic .concept-note{background:#20291e;color:#c6d3b3}.cinematic header{border-bottom:1px solid #ffffff16}.cinematic .hero{position:relative;margin-top:24px;min-height:460px;overflow:hidden;background:#27382c}.cinematic .hero-art{position:absolute;width:100%;height:100%;object-fit:cover;object-position:70% center;opacity:.8}.cinematic .hero:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#101b13 0%,#101b13e8 30%,#101b1325 80%),linear-gradient(0deg,#101b1377,transparent)}.cinematic .hero-copy{position:relative;z-index:1;padding:50px 44px;max-width:610px}.cinematic h1{font-size:70px;line-height:.99;letter-spacing:-3.8px;margin:22px 0}.cinematic h1 em{font-style:normal;color:#d6ef76}.cinematic .hero-copy p{font-size:14px;line-height:1.7;color:#c3cabc;max-width:310px;margin-bottom:28px}.cinematic .hero-tag{position:absolute;right:26px;bottom:26px;z-index:1;text-align:right;font-size:12px}.cinematic .hero-tag small{display:block;color:#c4dc9f;letter-spacing:2px;margin-bottom:8px;font-size:9px}.cinematic .game img{border-radius:4px}.cinematic .section-head h2{font-size:24px}.cinematic .game h3{color:#eef3e6}.cinematic .hero-copy .eyebrow{color:#d6ef76}
/* Direction 02: a warm, editorial game library. */
.editorial{--accent:#f26a3b;background:#f7f5ee;color:#23251e}.editorial .concept-note{background:#ece9df;color:#68685b}.editorial header{border-bottom:1px solid #25251d}.editorial .brand{font-size:26px}.editorial .hero{display:grid;grid-template-columns:1.05fr 1fr;gap:55px;padding:55px 0 45px;align-items:center}.editorial h1{font-size:76px;letter-spacing:-4.5px;line-height:1.01;margin:23px 0}.editorial h1 em{font-family:Georgia,serif;font-weight:normal;color:#cc4e28}.editorial .hero p{font-size:15px;line-height:1.8;max-width:350px;color:#6f7168}.editorial .hero .button{margin-top:13px;background:#23251e;color:white}.editorial .feature{position:relative;background:#e9b857;padding:28px 28px 22px;transform:rotate(2deg);box-shadow:8px 9px 0 #22251e}.editorial .feature img{width:100%;display:block;aspect-ratio:1.65;object-fit:cover}.editorial .feature-top{display:flex;justify-content:space-between;margin-bottom:22px;font-size:10px;font-weight:bold;letter-spacing:1px}.editorial .feature h2{font-size:27px;letter-spacing:-1px;margin:22px 0 8px}.editorial .feature p{font-size:12px;color:#40351c;margin:0}.editorial .feature .arrow{position:absolute;right:26px;bottom:26px;font-size:32px}.editorial .section-head{border-top:1px solid #23251e;padding-top:27px;margin-top:15px}.editorial .game img{border-radius:8px}.editorial .game h3{font-size:21px}.editorial .game small{color:#a4442b}.editorial .about h2{font-family:Georgia,serif;font-weight:normal}
/* Direction 03: a bold arcade-inspired archive. */
.arcade{--accent:#ba9cff;background:#1b1730;color:#f7f0ff}.arcade .concept-note{background:#bba1fa;color:#24163e}.arcade header{border-bottom:2px solid #ffffff25}.arcade .brand{font-family:monospace;font-size:25px;letter-spacing:-1.5px}.arcade .brand i{color:#baff72}.arcade .hero{display:grid;grid-template-columns:1fr 1fr;gap:25px;align-items:center;padding:54px 0 47px}.arcade .hero .eyebrow{color:#baff72;font-family:monospace}.arcade h1{font-size:75px;letter-spacing:-4px;line-height:1;margin:22px 0;text-transform:uppercase}.arcade h1 span{color:#baff72}.arcade .hero p{max-width:340px;color:#b8adc9;line-height:1.7;font-size:14px}.arcade .button{background:#baff72;margin-top:15px;box-shadow:5px 5px 0 #706046}.arcade .stack{position:relative;height:340px}.arcade .stack img{width:85%;position:absolute;border:5px solid #eee7fa;box-shadow:8px 8px 0 #07060c80}.arcade .stack img:nth-child(1){top:0;left:4%;transform:rotate(-10deg)}.arcade .stack img:nth-child(2){top:120px;right:0;transform:rotate(7deg)}.arcade .sticker{position:absolute;bottom:1px;left:0;background:#baff72;color:#191529;border:3px solid #191529;border-radius:50%;width:110px;height:110px;display:grid;place-content:center;text-align:center;font-family:monospace;font-size:17px;font-weight:bold;transform:rotate(-12deg)}.arcade .ticker{background:#bba1fa;color:#211630;padding:16px 0;display:flex;justify-content:space-around;font-family:monospace;font-weight:bold;font-size:13px;letter-spacing:2px}.arcade .section-head h2{font-family:monospace;text-transform:uppercase;font-size:25px}.arcade .game{border:1px solid #ffffff35;padding:10px 10px 18px;background:#241e3b}.arcade .game h3,.arcade .game p,.arcade .game small{margin-left:8px;margin-right:8px}.arcade .game h3{font-family:monospace}.arcade .game small{color:#baff72}.arcade .about h2{text-transform:uppercase}.arcade footer{font-family:monospace}
@media(min-width:1450px){.wrap{width:1200px}}@media(max-width:760px){nav{gap:18px;font-size:12px}header{padding:22px 0}.brand{font-size:21px!important}.concept-note span:last-child{display:none}.cinematic .hero-copy{padding:35px 25px}.cinematic h1,.editorial h1,.arcade h1{font-size:54px;letter-spacing:-2.8px}.cinematic .hero-art{object-position:60% center;opacity:.5}.cinematic .hero-tag{display:none}.cinematic .hero{min-height:450px}.editorial .hero,.arcade .hero{grid-template-columns:1fr;gap:30px;padding-top:30px}.editorial .feature{margin:5px 9px 20px}.arcade .stack{height:320px;margin-top:15px}.grid{grid-template-columns:1fr 1fr;gap:22px 15px}.section-head{align-items:flex-start;gap:20px;flex-direction:column}.section-head h2{font-size:25px}.about{grid-template-columns:1fr;gap:24px;padding:40px 0}.about h2{font-size:32px}.game h3{font-size:17px!important}.ticker{font-size:10px!important;letter-spacing:0!important}.ticker span:last-child{display:none}footer{gap:20px;line-height:1.7}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
@media(max-width:760px){header{display:block}nav{margin-top:20px;justify-content:space-between;gap:12px}.concept-note>a{display:none}.brand{display:inline-block}.cinematic h1{font-size:49px;letter-spacing:-2.6px}}
.brand-logo{display:block;width:196px;height:auto;max-width:100%}.brand{line-height:0;flex-shrink:0}@media(max-width:760px){.brand-logo{width:176px}}
.game img[src*="royal-merchant-capsule"]{object-fit:contain;background:#080f0c}.editorial .feature img[src*="royal-merchant-capsule"]{aspect-ratio:616/353;object-fit:contain}
.game img[src*="royal-merchant-header-v2"],.editorial .feature img[src*="royal-merchant-header-v2"]{height:auto;aspect-ratio:auto;object-fit:contain}
.game img{aspect-ratio:460/215;object-fit:contain;height:auto}.editorial .feature img{aspect-ratio:460/215;object-fit:contain}