{"id":14,"date":"2026-10-20T15:16:55","date_gmt":"2026-10-20T15:16:55","guid":{"rendered":"https:\/\/metafor.games\/?page_id=14"},"modified":"2026-10-20T18:11:39","modified_gmt":"2026-10-20T18:11:39","slug":"home","status":"publish","type":"page","link":"https:\/\/metafor.games\/","title":{"rendered":"Home"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"14\" class=\"elementor elementor-14\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ec46834 e-con-full e-flex e-con e-parent\" data-id=\"ec46834\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a0b14e5 elementor-widget elementor-widget-html\" data-id=\"a0b14e5\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!doctype html>\n<html lang=\"en\">\n<head>\n<meta charset=\"utf-8\">\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1\">\n<title>Metaforgames<\/title>\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Space+Grotesk:wght@400;600;700&family=Inter:wght@400;500&display=swap\" rel=\"stylesheet\">\n<style>\n  \/* ---- Brand tokens: swap these for your logo's colors ---- *\/\n  :root {\n    --bg: #0f0d0a;\n    --bg-2: #171410;\n    --ink: #f3ead8;\n    --muted: #a89c86;\n    --accent: #e0a13a;      \/* warm gold, folklore-inspired *\/\n    --accent-2: #7fb08a;    \/* soft jade, secondary *\/\n    --line: rgba(243, 234, 216, 0.12);\n    --display: \"Space Grotesk\", system-ui, sans-serif;\n    --body: \"Inter\", system-ui, sans-serif;\n    --pad: clamp(20px, 5vw, 72px);\n  }\n\n  * { box-sizing: border-box; margin: 0; padding: 0; }\n  html { scroll-behavior: smooth; }\n  body {\n    background: var(--bg);\n    color: var(--ink);\n    font-family: var(--body);\n    font-size: 16px;\n    line-height: 1.6;\n    -webkit-font-smoothing: antialiased;\n    overflow-x: hidden;\n  }\n  a { color: inherit; text-decoration: none; }\n  img { max-width: 100%; display: block; }\n\n  \/* ---- Nav ---- *\/\n  .nav {\n    position: fixed; inset: 0 0 auto 0; z-index: 50;\n    display: flex; align-items: center; justify-content: space-between;\n    padding: 22px var(--pad);\n    mix-blend-mode: difference;\n  }\n  .brand { display: flex; align-items: center; gap: 12px; font-family: var(--display); font-weight: 700; font-size: 18px; letter-spacing: .04em; color: #fff; }\n  .brand img { height: 40px; width: auto; }\n  .nav ul { display: flex; gap: 32px; list-style: none; }\n  .nav a { font-size: 14px; color: #fff; opacity: .85; transition: opacity .2s; }\n  .nav a:hover { opacity: 1; }\n  .nav .cta { border: 1px solid #fff; padding: 8px 16px; border-radius: 999px; opacity: 1; }\n\n  \/* ---- Hero ---- *\/\n  .hero {\n    min-height: 100vh; padding: 140px var(--pad) 80px;\n    display: flex; flex-direction: column; justify-content: flex-end;\n    position: relative; overflow: hidden;\n  }\n  \/* Two-column hero: copy on the left, image panel on the right, edges feathered by masks. *\/\n  .hero > * { position: relative; z-index: 1; }\n  .hero::after {\n    content: \"\";\n    position: absolute; top: 0; right: 0; bottom: 0;\n    width: 58%;\n    background: url(\"https:\/\/metafor.games\/wp-content\/uploads\/2026\/10\/hero-image-spirits.png\") center \/ cover no-repeat;\n    opacity: .85;\n    -webkit-mask-image:\n      linear-gradient(to right, transparent 0%, #000 38%),\n      linear-gradient(to top, transparent 0%, #000 40%),\n      linear-gradient(to bottom, transparent 0%, #000 25%);\n    -webkit-mask-composite: source-in;\n    mask-image:\n      linear-gradient(to right, transparent 0%, #000 38%),\n      linear-gradient(to top, transparent 0%, #000 40%),\n      linear-gradient(to bottom, transparent 0%, #000 25%);\n    mask-composite: intersect;\n    pointer-events: none;\n    z-index: 0;\n  }\n  \/* Keep text readable over any image edge. *\/\n  .hero::before {\n    content: \"\"; position: absolute; inset: -20%;\n    background:\n      radial-gradient(40% 40% at 70% 30%, rgba(224,161,58,.22), transparent 70%),\n      radial-gradient(35% 35% at 20% 80%, rgba(127,176,138,.16), transparent 70%);\n    animation: drift 18s ease-in-out infinite alternate;\n    pointer-events: none;\n  }\n  @keyframes drift { to { transform: translate3d(-3%, 2%, 0) scale(1.05); } }\n  .eyebrow { font-family: var(--display); font-size: 13px; letter-spacing: .18em; text-transform: uppercase; color: var(--accent); }\n  .hero h1 {\n    font-family: var(--display); font-weight: 700;\n    font-size: clamp(48px, 9vw, 150px); line-height: .95; letter-spacing: -.02em;\n    margin: 24px 0 32px; max-width: 14ch;\n  }\n  .hero h1 em { font-style: normal; color: var(--accent); }\n  .hero p.lede { max-width: 52ch; color: var(--muted); font-size: clamp(17px, 1.6vw, 20px); }\n  .hero .actions { display: flex; gap: 14px; flex-wrap: wrap; margin-top: 40px; }\n  .btn {\n    display: inline-flex; align-items: center; gap: 10px;\n    padding: 14px 24px; border-radius: 999px; font-weight: 500; font-size: 15px;\n    border: 1px solid var(--ink); transition: background .25s, color .25s, transform .25s;\n  }\n  .btn.solid { background: var(--ink); color: var(--bg); }\n  .btn:hover { transform: translateY(-2px); background: var(--accent); border-color: var(--accent); color: var(--bg); }\n  .scroll-hint { position: absolute; right: var(--pad); bottom: 40px; font-size: 12px; letter-spacing: .16em; text-transform: uppercase; color: var(--muted); }\n\n  \/* ---- Section primitives ---- *\/\n  section { padding: clamp(90px, 14vw, 180px) var(--pad); position: relative; }\n  .label { font-family: var(--display); font-size: 13px; letter-spacing: .18em; text-transform: uppercase; color: var(--muted); margin-bottom: 20px; }\n  .statement { font-family: var(--display); font-weight: 500; font-size: clamp(30px, 4.6vw, 64px); line-height: 1.1; letter-spacing: -.015em; max-width: 24ch; }\n  .statement span { color: var(--muted); }\n\n  \/* ---- Front doors ---- *\/\n  .doors { display: grid; grid-template-columns: 1fr 1fr; gap: 1px; background: var(--line); border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }\n  .door { background: var(--bg); padding: clamp(32px, 5vw, 64px); min-height: 340px; display: flex; flex-direction: column; justify-content: space-between; transition: background .4s; }\n  .door:hover { background: var(--bg-2); }\n  \/* Stop theme link\/heading colors from leaking into the panels (hover turned them blue). *\/\n  a.door, a.door:hover, a.door:focus, a.door:visited,\n  a.door h3, a.door p, a.door .label, a.door .arrow,\n  a.door:hover h3, a.door:hover p, a.door:hover .label, a.door:hover .arrow {\n    color: var(--ink) !important;\n  }\n  a.door p, a.door:hover p { color: var(--muted) !important; }\n  a.door .label { color: var(--accent) !important; }\n  .door h3 { font-family: var(--display); font-size: clamp(28px, 3vw, 40px); line-height: 1.1; }\n  .door p { color: var(--muted); margin-top: 16px; max-width: 36ch; }\n  .door .arrow { font-size: 40px; margin-top: 32px; transition: transform .3s; }\n  .door:hover .arrow { transform: translate(6px, -6px); }\n\n  \/* ---- Products ---- *\/\n  .products { display: grid; grid-template-columns: repeat(12, 1fr); gap: 20px; margin-top: 64px; }\n  .card {\n    grid-column: span 6; position: relative; overflow: hidden;\n    border: 1px solid var(--line); border-radius: 20px; padding: 36px;\n    min-height: 300px; display: flex; flex-direction: column; justify-content: space-between;\n    background: linear-gradient(160deg, var(--bg-2), var(--bg));\n    transition: border-color .3s, transform .4s;\n  }\n  .card:hover { border-color: var(--accent); transform: translateY(-4px); }\n  .card.feature { grid-column: span 12; min-height: 420px; }\n  .card .tag { font-size: 12px; letter-spacing: .14em; text-transform: uppercase; color: var(--accent-2); }\n  .card h3 { font-family: var(--display); font-size: clamp(30px, 3.6vw, 52px); line-height: 1; margin-top: 16px; }\n  .card p { color: var(--muted); margin-top: 14px; max-width: 46ch; }\n  .card .more { margin-top: 28px; font-size: 14px; color: var(--ink); }\n  .card .more::after { content: \" \u2192\"; }\n\n  \/* ---- Partner band ---- *\/\n  .partner { border-top: 1px solid var(--line); }\n  .partner-grid { display: grid; grid-template-columns: 1.2fr 1fr; gap: clamp(40px, 6vw, 120px); align-items: end; margin-top: 56px; }\n  .partner ul { list-style: none; border-top: 1px solid var(--line); }\n  .partner li { display: flex; justify-content: space-between; gap: 24px; padding: 22px 0; border-bottom: 1px solid var(--line); font-size: 18px; }\n  .partner li b { font-family: var(--display); font-weight: 500; }\n  .partner li span { color: var(--muted); font-size: 15px; text-align: right; }\n\n  \/* ---- Timun Mas spotlight ---- *\/\n  .spotlight { background: var(--bg-2); }\n  .spotlight-inner { display: grid; grid-template-columns: 1fr 1fr; gap: clamp(40px, 6vw, 100px); align-items: center; }\n  .frame { aspect-ratio: 16\/10; border-radius: 20px; border: 1px solid var(--line); background:\n      linear-gradient(135deg, rgba(224,161,58,.25), rgba(127,176,138,.15)), #1c1914;\n    display: grid; place-items: center; color: var(--muted); font-size: 14px; letter-spacing: .12em; text-transform: uppercase; }\n  .spotlight h2 { font-family: var(--display); font-size: clamp(40px, 6vw, 90px); line-height: .95; letter-spacing: -.02em; }\n  .spotlight p { color: var(--muted); margin: 24px 0 32px; max-width: 46ch; }\n\n  .roadmap { list-style: none; margin-top: 8px; border-top: 1px solid var(--line); }\n  .roadmap li { padding: 12px 0; border-bottom: 1px solid var(--line); color: var(--muted); font-size: 15px; }\n\n  \/* ---- Balinese interpretation \/ team ---- *\/\n  .team { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; margin-top: 56px; }\n  .member { border-top: 1px solid var(--line); padding-top: 22px; }\n  .member h4 { font-family: var(--display); font-weight: 500; font-size: 24px; }\n  .portrait {\n    width: 100%; aspect-ratio: 1; object-fit: contain;\n    border: 1px solid var(--line); border-radius: 20px; padding: 24px; margin-bottom: 22px;\n    background: radial-gradient(circle at 50% 40%, rgba(224,161,58,.16), transparent 70%), var(--bg-2);\n    transition: transform .4s, border-color .3s;\n  }\n  .member:hover .portrait { transform: translateY(-4px); border-color: var(--accent); }\n  .member p { color: var(--muted); font-size: 15px; margin-top: 6px; }\n\n  \/* ---- Devlogs ---- *\/\n  .carousel { margin-top: 56px; }\n  .logs {\n    display: flex; gap: 20px; overflow-x: auto;\n    scroll-snap-type: x mandatory; scroll-behavior: smooth;\n    scrollbar-width: none;\n  }\n  .logs::-webkit-scrollbar { display: none; }\n  .log { flex: 0 0 calc((100% - 40px) \/ 3); scroll-snap-align: start; }\n  .carousel-controls { display: flex; justify-content: flex-end; gap: 10px; margin-top: 28px; }\n  .carousel-controls button {\n    width: 48px; height: 48px; border-radius: 999px;\n    border: 1px solid var(--line); background: none; color: var(--ink);\n    font-size: 18px; cursor: pointer;\n    transition: border-color .2s, background .2s, color .2s;\n  }\n  .carousel-controls button:hover:not(:disabled) { border-color: var(--accent); background: var(--accent); color: var(--bg); }\n  .carousel-controls button:disabled { opacity: .3; cursor: default; }\n  .log { border-top: 1px solid var(--line); padding-top: 24px; }\n  .log time { font-size: 13px; color: var(--muted); }\n  .log h4 { font-family: var(--display); font-weight: 500; font-size: 22px; line-height: 1.25; margin: 12px 0; }\n  .log a { color: var(--accent); font-size: 14px; }\n\n  \/* ---- Footer ---- *\/\n  footer { padding: 80px var(--pad) 40px; border-top: 1px solid var(--line); }\n  .foot-top { display: flex; justify-content: space-between; flex-wrap: wrap; gap: 40px; }\n  .foot-top .big { font-family: var(--display); font-size: clamp(32px, 5vw, 72px); line-height: 1; max-width: 12ch; }\n  .foot-links { display: flex; gap: 56px; color: var(--muted); font-size: 14px; }\n  .foot-links ul { list-style: none; display: grid; gap: 8px; }\n  .foot-links li { color: var(--ink); }\n  .foot-bottom { margin-top: 64px; color: var(--muted); font-size: 13px; display: flex; justify-content: space-between; flex-wrap: wrap; gap: 16px; }\n\n  \/* ---- Reveal on scroll ---- *\/\n  .reveal { opacity: 0; transform: translateY(28px); transition: opacity .9s ease, transform .9s cubic-bezier(.2,.7,.2,1); }\n  .reveal.in { opacity: 1; transform: none; }\n\n  \/* ---- Responsive ---- *\/\n  @media (max-width: 900px) {\n    .nav ul { display: none; }\n    .hero::after { width: 100%; opacity: .35; }\n    .doors, .partner-grid, .spotlight-inner { grid-template-columns: 1fr; }\n    .card, .card.feature { grid-column: span 12; }\n    .log { flex: 0 0 85%; }\n    .team {\n      display: flex; overflow-x: auto; gap: 16px;\n      scroll-snap-type: x mandatory; scrollbar-width: none;\n    }\n    .team::-webkit-scrollbar { display: none; }\n    .member { flex: 0 0 80%; scroll-snap-align: center; }\n    .foot-links { flex-direction: column; gap: 32px; }\n  }\n\n  @media (prefers-reduced-motion: reduce) {\n    *, *::before, *::after { animation: none !important; transition: none !important; scroll-behavior: auto !important; }\n    .reveal { opacity: 1; transform: none; }\n  }\n<\/style>\n<\/head>\n<body>\n\n<nav class=\"nav\">\n  <a class=\"brand\" href=\"#top\">\n    <!-- Replace src with your logo URL from the WordPress media library -->\n    <img decoding=\"async\" src=\"https:\/\/metafor.games\/wp-content\/uploads\/2026\/10\/mfg_studios_logo-white.png\" alt=\"MFG Studios\" onerror=\"this.remove()\" style=\"height:40px;width:auto;max-width:none\">\n\n    METAFORGAMES\n  <\/a>\n  <ul>\n    <li><a href=\"#games\">Games<\/a><\/li>\n    <li><a href=\"#partner\">Partner<\/a><\/li>\n    <li><a href=\"#tools\">Tools<\/a><\/li>\n    <li><a href=\"#acs\">ACS Engine<\/a><\/li>\n    <li><a href=\"#devlogs\">Devlogs<\/a><\/li>\n  <\/ul>\n  <a class=\"cta\" href=\"https:\/\/www.instagram.com\/delgelato.gamedev\/\">Let's talk<\/a>\n<\/nav>\n\n<header class=\"hero\" id=\"top\">\n  <p class=\"eyebrow reveal\">Indie studio \u00b7 Sanur, Bali<\/p>\n  <h1 class=\"reveal\">Gamifying <em>Activism<\/em>.<\/h1>\n  <p class=\"lede reveal\">Metaforgames answers our real challenges, by questioning how we play. Bringing local relevance to global games and sharing ways to collaborate and be active in your community.<\/p>\n  <div class=\"actions reveal\">\n    <a class=\"btn solid\" href=\"http:\/\/delgelato.itch.io\/\">Play our games<\/a>\n    <a class=\"btn\" href=\"https:\/\/www.instagram.com\/delgelato.gamedev\/\">Work with us<\/a>\n  <\/div>\n  <span class=\"scroll-hint\">Scroll<\/span>\n<\/header>\n\n<section>\n  <p class=\"statement reveal\">Our games are built on folklore, our tools on daily craft, and our partnerships on <span>trust and good assets.<\/span><\/p>\n<\/section>\n\n<div class=\"doors\">\n  <a class=\"door reveal\" href=\"#partner\">\n    <div>\n      <p class=\"label\">For studios<\/p>\n      <h3>Partner with us as your team or your asset curator.<\/h3>\n      <p>We bring production capacity, curated assets, and Unity expertise to projects that need them.<\/p>\n    <\/div>\n    <span class=\"arrow\">\u2192<\/span>\n  <\/a>\n  <a class=\"door reveal\" href=\"#games\">\n    <div>\n      <p class=\"label\">For players<\/p>\n      <h3>Explore our games, from minigames to our SEA RPG.<\/h3>\n      <p>Stories rooted in Southeast Asian folklore, built with care and cultural respect.<\/p>\n    <\/div>\n    <span class=\"arrow\">\u2192<\/span>\n  <\/a>\n<\/div>\n\n<section id=\"games\">\n  <p class=\"label reveal\">Our products<\/p>\n  <div class=\"products\">\n    <article class=\"card feature reveal\">\n      <div>\n        <span class=\"tag\">Flagship \u00b7 RPG<\/span>\n        <h3>Timun Mas<\/h3>\n        <p>An action RPG from Indonesian folklore. Grow from a child into an activist, settle conflicts with your fists, and solve the town's mysteries through dialogue.<\/p>\n      <\/div>\n      <a class=\"more\" href=\"#timun-mas\">Read more<\/a>\n    <\/article>\n    <article class=\"card reveal\">\n      <div>\n        <span class=\"tag\">Our pioneer<\/span>\n        <h3>Project Spirits<\/h3>\n        <p>Our earliest concept. Six elemental classes, collectible skills and equipment, and crafting, all built on simple primitive shapes.<\/p>\n      <\/div>\n      <a class=\"more\" href=\"https:\/\/drive.google.com\/file\/d\/13UtLQlkNGJ-7g1JOhEuRWjOx15UWqudL\/view?usp=drive_link\">Watch the episode<\/a>\n    <\/article>\n    <article class=\"card reveal\">\n      <div>\n        <span class=\"tag\">Minigames<\/span>\n        <h3>Minigames<\/h3>\n        <p>Small, sharp experiments that test ideas, mechanics, and the studio's craft.<\/p>\n      <\/div>\n      <a class=\"more\" href=\"#\">Explore<\/a>\n    <\/article>\n  <\/div>\n<\/section>\n\n<section class=\"spotlight\" id=\"timun-mas\">\n  <div class=\"spotlight-inner\">\n    <div class=\"frame reveal\">\n      <img decoding=\"async\" src=\"https:\/\/metafor.games\/wp-content\/uploads\/2026\/10\/TimunMas_logo_transparent_4000px-scaled.png\" alt=\"Timun Mas logo\" style=\"width:70%;height:auto;max-width:none\">\n    <\/div>\n    <div class=\"reveal\">\n      <p class=\"label\">Now in development \u00b7 Demo available<\/p>\n      <h2>Timun Mas<\/h2>\n      <p>A Javanese folklore ARPG set in a magitek and biotech Bali. Real-time combat, 2.5D pixel art, and detective-style quests that teach cultural, social and environmental themes.<\/p>\n      <div class=\"actions\" style=\"display:flex;gap:14px;flex-wrap:wrap;margin-top:32px\">\n        <a class=\"btn solid\" href=\"https:\/\/delgelato.itch.io\/timun-mas\">Play the demo<\/a>\n        <a class=\"btn\" href=\"#roadmap\">See roadmap<\/a>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<section class=\"partner\" id=\"partner\">\n  <p class=\"label reveal\">Partner studio<\/p>\n  <div class=\"partner-grid\">\n    <h2 class=\"statement reveal\">We help other studios ship faster, with the assets and tools they need.<\/h2>\n    <ul class=\"reveal\">\n      <li><b>Art & assets<\/b><span>2D and 3D asset making, technical art<\/span><\/li>\n      <li><b>Writing<\/b><span>Lore and narrative copywriting<\/span><\/li>\n      <li><b>Engineering<\/b><span>Full stack, backend and network development<\/span><\/li>\n      <li><b>Marketing<\/b><span>Digital media branding and consultancy<\/span><\/li>\n    <\/ul>\n  <\/div>\n<\/section>\n\n<section id=\"tools\">\n  <p class=\"label reveal\">Development tools<\/p>\n  <p class=\"statement reveal\">Workflows that connect Unity with the tools artists and developers already use.<\/p>\n  <div class=\"products\">\n    <article class=\"card reveal\">\n      <div><span class=\"tag\">Pipeline<\/span><h3>Blender & Aseprite<\/h3><p>Bridges that move art into Unity cleanly.<\/p><\/div>\n      <a class=\"more\" href=\"#\">Explore<\/a>\n    <\/article>\n    <article class=\"card reveal\">\n      <div><span class=\"tag\">Narrative<\/span><h3>Ink<\/h3><p>Dialogue and quest tooling built on Ink.<\/p><\/div>\n      <a class=\"more\" href=\"#\">Explore<\/a>\n    <\/article>\n    <article class=\"card reveal\">\n      <div><span class=\"tag\">Unity plugins<\/span><h3>uMmo \u00b7 Dialogue Machine \u00b7 Topdown Engine<\/h3><p>The plugins we use and build with, in one place.<\/p><\/div>\n      <a class=\"more\" href=\"#\">Explore<\/a>\n    <\/article>\n    <article class=\"card reveal\" id=\"acs\">\n      <div><span class=\"tag\">Our pride<\/span><h3>ACS Engine<\/h3><p>The RPG systems we believe every serious RPG needs, packaged as one engine.<\/p><\/div>\n      <a class=\"more\" href=\"#\">Request access<\/a>\n    <\/article>\n  <\/div>\n<\/section>\n\n<section id=\"devlogs\">\n  <p class=\"label reveal\">Devlogs & videos<\/p>\n  <div class=\"carousel\">\n  <div class=\"logs\" id=\"logs\">\n    <article class=\"log reveal\">\n      <time>Devlog<\/time>\n      <h4>Creating our Level Editor<\/h4>\n      <a href=\"#\">Watch \u2192<\/a>\n    <\/article>\n    <article class=\"log reveal\">\n      <time>Devlog<\/time>\n      <h4>Texel Snapped Shadows<\/h4>\n      <a href=\"#\">Watch \u2192<\/a>\n    <\/article>\n    <article class=\"log reveal\">\n      <time>Devlog<\/time>\n      <h4>Building out NPCs Pt.1<\/h4>\n      <a href=\"#\">Watch \u2192<\/a>\n    <\/article>\n    <article class=\"log reveal\">\n      <time>Devlog<\/time>\n      <h4>Visuals of Timun Mas<\/h4>\n      <a href=\"#\">Watch \u2192<\/a>\n    <\/article>\n    <article class=\"log reveal\">\n      <time>Balinese Interpretation<\/time>\n      <h4>Our Balinese Interpretation<\/h4>\n      <a href=\"#\">Watch \u2192<\/a>\n    <\/article>\n  <\/div>\n  <div class=\"carousel-controls\">\n    <button id=\"logs-prev\" aria-label=\"Previous devlogs\" disabled>\u2190<\/button>\n    <button id=\"logs-next\" aria-label=\"More devlogs\">\u2192<\/button>\n  <\/div>\n  <\/div>\n<\/section>\n\n<section id=\"team\">\n  <p class=\"label reveal\">The team<\/p>\n  <div class=\"team\">\n    <article class=\"member reveal\">\n      <img decoding=\"async\" class=\"portrait\" src=\"https:\/\/metafor.games\/wp-content\/uploads\/2026\/10\/READY_Air-Front.png\" alt=\"Bito\">\n      <h4>Bito<\/h4>\n      <p>Founder \u00b7 Lead Developer and Game Designer<\/p>\n    <\/article>\n    <article class=\"member reveal\">\n      <img decoding=\"async\" class=\"portrait\" src=\"https:\/\/metafor.games\/wp-content\/uploads\/2026\/10\/READY_Fire-Front.png\" alt=\"Bartolomeus\">\n      <h4>Bartolomeus<\/h4>\n      <p>Co-founder \u00b7 Project Manager and Marketing<\/p>\n    <\/article>\n    <article class=\"member reveal\">\n      <img decoding=\"async\" class=\"portrait\" src=\"https:\/\/metafor.games\/wp-content\/uploads\/2026\/10\/READY_Dark-Front.png\" alt=\"Dustin\">\n      <h4>Dustin<\/h4>\n      <p>3D Artist<\/p>\n    <\/article>\n  <\/div>\n<\/section>\n\n<footer id=\"contact\">\n  <div class=\"foot-top\">\n    <p class=\"big\">\u2191\u2191\u2193\u2193\u2190\u2192\u2190\u2192 B, A, START<\/p>\n    <div class=\"foot-links\">\n      <ul>\n        <li>Studio<\/li>\n        <li><a href=\"#\">About<\/a><\/li>\n        <li><a href=\"#\">Careers<\/a><\/li>\n      <\/ul>\n      <ul>\n        <li>Work<\/li>\n        <li><a href=\"#partner\">Partnerships<\/a><\/li>\n        <li><a href=\"#tools\">Tools<\/a><\/li>\n        <li><a href=\"#acs\">ACS Engine<\/a><\/li>\n      <\/ul>\n      <ul>\n        <li>Contact<\/li>\n        <li><a href=\"mailto:metaforgames@gmail.com\">metaforgames@gmail.com<\/a><\/li>\n        <li><a href=\"https:\/\/www.instagram.com\/delgelato.gamedev\">Instagram<\/a><\/li>\n        <li><a href=\"#\">YouTube<\/a><\/li>\n      <\/ul>\n    <\/div>\n  <\/div>\n  <div class=\"foot-bottom\">\n    <span>\u00a9 2026 Metaforgames. Sanur, Bali.<\/span>\n    <span>Built with care.<\/span>\n  <\/div>\n<\/footer>\n\n<script>\n  \/\/ Scroll reveal. Elements show immediately if the browser can't run IntersectionObserver.\n  (function () {\n    var items = document.querySelectorAll('.reveal');\n    if (!('IntersectionObserver' in window)) {\n      items.forEach(function (el) { el.classList.add('in'); });\n      return;\n    }\n    var io = new IntersectionObserver(function (entries) {\n      entries.forEach(function (e) {\n        if (e.isIntersecting) { e.target.classList.add('in'); io.unobserve(e.target); }\n      });\n    }, { threshold: 0.12 });\n    items.forEach(function (el) { io.observe(el); });\n  })();\n  \/\/ Devlog carousel: three cards visible, arrows scroll one card at a time.\n  (function () {\n    var track = document.getElementById('logs');\n    var prev = document.getElementById('logs-prev');\n    var next = document.getElementById('logs-next');\n    if (!track || !prev || !next) return;\n    function step() {\n      var card = track.querySelector('.log');\n      return card ? card.getBoundingClientRect().width + 20 : track.clientWidth;\n    }\n    function update() {\n      var max = track.scrollWidth - track.clientWidth - 2;\n      prev.disabled = track.scrollLeft <= 2;\n      next.disabled = track.scrollLeft >= max;\n    }\n    prev.addEventListener('click', function () { track.scrollBy({ left: -step() }); });\n    next.addEventListener('click', function () { track.scrollBy({ left: step() }); });\n    track.addEventListener('scroll', update, { passive: true });\n    window.addEventListener('resize', update);\n    update();\n  })();\n<\/script>\n<\/body>\n<\/html>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Metaforgames METAFORGAMES Games Partner Tools ACS Engine Devlogs Let&#8217;s talk Indie studio \u00b7 Sanur, Bali Gamifying Activism. Metaforgames answers our real challenges, by questioning how we play. Bringing local relevance to global games and sharing ways to collaborate and be active in your community. Play our games Work with us Scroll Our games are built [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-14","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.7 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Home - Metaforgames Studios<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/metafor.games\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Home - Metaforgames Studios\" \/>\n<meta property=\"og:description\" content=\"Metaforgames METAFORGAMES Games Partner Tools ACS Engine Devlogs Let&#8217;s talk Indie studio \u00b7 Sanur, Bali Gamifying Activism. Metaforgames answers our real challenges, by questioning how we play. Bringing local relevance to global games and sharing ways to collaborate and be active in your community. Play our games Work with us Scroll Our games are built [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/metafor.games\/\" \/>\n<meta property=\"og:site_name\" content=\"Metaforgames Studios\" \/>\n<meta property=\"article:modified_time\" content=\"2026-10-20T18:11:39+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/metafor.games\/wp-content\/uploads\/2026\/10\/mfg_studios_logo-white.png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"3 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/metafor.games\\\/\",\"url\":\"https:\\\/\\\/metafor.games\\\/\",\"name\":\"Home - Metaforgames Studios\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/metafor.games\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/metafor.games\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/metafor.games\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/metafor.games\\\/wp-content\\\/uploads\\\/2026\\\/10\\\/mfg_studios_logo-white.png\",\"datePublished\":\"2026-10-20T15:16:55+00:00\",\"dateModified\":\"2026-10-20T18:11:39+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/metafor.games\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/metafor.games\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/metafor.games\\\/#primaryimage\",\"url\":\"https:\\\/\\\/metafor.games\\\/wp-content\\\/uploads\\\/2026\\\/10\\\/mfg_studios_logo-white.png\",\"contentUrl\":\"https:\\\/\\\/metafor.games\\\/wp-content\\\/uploads\\\/2026\\\/10\\\/mfg_studios_logo-white.png\",\"width\":1024,\"height\":1024},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/metafor.games\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/metafor.games\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Home\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/metafor.games\\\/#website\",\"url\":\"https:\\\/\\\/metafor.games\\\/\",\"name\":\"Metaforgames Studios\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/metafor.games\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Home - Metaforgames Studios","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/metafor.games\/","og_locale":"en_US","og_type":"article","og_title":"Home - Metaforgames Studios","og_description":"Metaforgames METAFORGAMES Games Partner Tools ACS Engine Devlogs Let&#8217;s talk Indie studio \u00b7 Sanur, Bali Gamifying Activism. Metaforgames answers our real challenges, by questioning how we play. Bringing local relevance to global games and sharing ways to collaborate and be active in your community. Play our games Work with us Scroll Our games are built [&hellip;]","og_url":"https:\/\/metafor.games\/","og_site_name":"Metaforgames Studios","article_modified_time":"2026-10-20T18:11:39+00:00","og_image":[{"url":"https:\/\/metafor.games\/wp-content\/uploads\/2026\/10\/mfg_studios_logo-white.png","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/metafor.games\/","url":"https:\/\/metafor.games\/","name":"Home - Metaforgames Studios","isPartOf":{"@id":"https:\/\/metafor.games\/#website"},"primaryImageOfPage":{"@id":"https:\/\/metafor.games\/#primaryimage"},"image":{"@id":"https:\/\/metafor.games\/#primaryimage"},"thumbnailUrl":"https:\/\/metafor.games\/wp-content\/uploads\/2026\/10\/mfg_studios_logo-white.png","datePublished":"2026-10-20T15:16:55+00:00","dateModified":"2026-10-20T18:11:39+00:00","breadcrumb":{"@id":"https:\/\/metafor.games\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/metafor.games\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/metafor.games\/#primaryimage","url":"https:\/\/metafor.games\/wp-content\/uploads\/2026\/10\/mfg_studios_logo-white.png","contentUrl":"https:\/\/metafor.games\/wp-content\/uploads\/2026\/10\/mfg_studios_logo-white.png","width":1024,"height":1024},{"@type":"BreadcrumbList","@id":"https:\/\/metafor.games\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/metafor.games\/"},{"@type":"ListItem","position":2,"name":"Home"}]},{"@type":"WebSite","@id":"https:\/\/metafor.games\/#website","url":"https:\/\/metafor.games\/","name":"Metaforgames Studios","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/metafor.games\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"}]}},"_links":{"self":[{"href":"https:\/\/metafor.games\/index.php?rest_route=\/wp\/v2\/pages\/14","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/metafor.games\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/metafor.games\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/metafor.games\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/metafor.games\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=14"}],"version-history":[{"count":5,"href":"https:\/\/metafor.games\/index.php?rest_route=\/wp\/v2\/pages\/14\/revisions"}],"predecessor-version":[{"id":49,"href":"https:\/\/metafor.games\/index.php?rest_route=\/wp\/v2\/pages\/14\/revisions\/49"}],"wp:attachment":[{"href":"https:\/\/metafor.games\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=14"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}