@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700;800;900&family=Barlow:wght@400;500;600;700;800&display=swap');
:root{--studio-paper:#f7f5ef;--studio-ink:#202521;--studio-gold:#87622f;--studio-font:"Barlow",Arial,sans-serif;--studio-display:"Barlow Condensed",Impact,"Arial Narrow",sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}button{font:inherit}:where(.studio-home h1,.studio-home h2,.studio-home p,.studio-home figure){margin:0}
.studio-home{background:var(--studio-paper);color:var(--studio-ink);font:400 1rem/1.5 var(--studio-font);color-scheme:light}
.content-width{width:90%;max-width:1320px;margin-inline:auto}
.brand-header{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:88px;padding:16px 5%;border-bottom:1px solid #d5d4cb;background:var(--studio-paper);color:var(--studio-ink);font-family:var(--studio-font)}
.brand{display:inline-flex;flex-direction:column;font:800 1.8rem/.9 var(--studio-display);letter-spacing:.015em;flex-shrink:0}
.brand span{color:var(--studio-gold);font:700 .75rem/1.5 var(--studio-font);letter-spacing:.48em;margin-top:7px}
.brand-header nav{display:flex;gap:32px;align-items:center;font-size:1rem;font-weight:700}
.brand-header nav a{display:flex;align-items:center;min-height:44px}
.brand-header nav a:hover,.brand-footer a:hover{text-decoration:underline;text-underline-offset:6px}
.studio-home a:focus-visible,.studio-home button:focus-visible,.brand-header a:focus-visible,.brand-footer a:focus-visible{outline:3px solid #9b5b18;outline-offset:5px}
.skip-link{position:absolute;top:-120px;left:20px;padding:15px;background:#fff;color:#111;z-index:20;font:600 1rem var(--studio-font)}
.skip-link:focus{top:14px}
.studio-intro{display:flex;align-items:center;justify-content:space-between;gap:36px;padding-block:42px 38px}
.intro-label{color:var(--studio-gold);font-size:.875rem;font-weight:700;letter-spacing:.12em}
.studio-intro h1{font:800 clamp(2.5rem,4.4vw,4rem)/1.06 var(--studio-display);letter-spacing:-.015em;margin-top:9px}
.studio-intro h1 span{color:#c13c2d}
.intro-copy{font-size:1.0625rem;color:#565e54;flex-shrink:0}
.game-jumps{display:flex;gap:22px;margin-top:12px;font-size:.9375rem;font-weight:700;color:#273f33}
.game-jumps a{display:inline-flex;align-items:center;gap:9px;min-height:44px;border-bottom:1px solid #a8b09e}
.game-jumps a:hover{border-color:#273f33}
.games-heading{display:flex;justify-content:space-between;align-items:center;padding-block:0 18px}
.games-heading h2{font:700 1rem var(--studio-font)}
.games-heading>span{font:600 .875rem var(--studio-font);color:#667062}
.game-showcase{padding-block:48px}
.showcase-layout{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.45fr);gap:6%;align-items:center}
.showcase-copy{min-width:0}
.game-category{font-size:.875rem;font-weight:700;letter-spacing:.1em}
.showcase-copy h2{font-size:clamp(3.1rem,5.3vw,5.25rem);line-height:.94;margin-top:18px;font-weight:800;letter-spacing:-.025em}
.game-status{font-size:.875rem;display:inline-flex;border:1px solid;padding:4px 11px;margin-top:20px;font-weight:600}
.game-summary{font-size:1.125rem;line-height:1.6;margin-top:22px;max-width:37ch}
.showcase-actions{display:flex;align-items:center;gap:18px 25px;margin-top:27px;flex-wrap:wrap}
.play-button{display:inline-flex;align-items:center;justify-content:space-between;min-height:56px;padding:13px 21px;gap:24px;font-size:1.0625rem;font-weight:700;transition:background .16s}
.play-button span{font-size:1.5rem;line-height:1}
.more-link{display:inline-flex;align-items:center;gap:10px;min-height:44px;font-size:1rem;font-weight:600;text-decoration:underline;text-underline-offset:5px}
.showcase-art{min-width:0}
.showcase-art>a{display:block;position:relative}
.showcase-art img{display:block;width:100%;height:auto;object-fit:contain}
.enlarge-mark{position:absolute;bottom:12px;right:12px;display:grid;place-items:center;width:40px;height:40px;background:#faf9f2;color:#17251d;font-size:1.5rem}
.showcase-art figcaption{display:flex;justify-content:space-between;gap:7px 18px;flex-wrap:wrap;margin-top:12px;font-size:.875rem}
.formula-showcase{background:#121719;color:#f7f5ef;border-top:4px solid #cc392b}
.formula-showcase .game-category{color:#e5ba80}
.formula-showcase h2{font-family:var(--studio-display);text-transform:uppercase}
.formula-showcase h2 span{color:#ed5c49}
.formula-showcase .game-status{color:#e1b87c;border-color:#6f634e}
.formula-showcase .game-summary{color:#c5cdc8}
.formula-art>a{border:1px solid #586365}
.formula-art figcaption{color:#b0bab4}
.formula-button{background:#c8372b;color:#fff}
.formula-button:hover{background:#ad2f25}
.formula-showcase a:focus-visible{outline:3px solid #f2cd86;outline-offset:5px}
.pop-showcase{background:#eaf0dd;color:#233d32;border-top:8px solid var(--studio-paper);border-bottom:1px solid #cbd5bb}
.pop-showcase .game-category{color:#4b624c}
.pop-showcase h2{font-family:"Trebuchet MS",Arial,sans-serif;font-weight:800;letter-spacing:-.045em;font-size:clamp(3.1rem,4.8vw,4.8rem);line-height:1}
.pop-showcase h2 span{color:#b75537}
.pop-showcase .game-status{color:#355641;border-color:#9aaf83;background:#f3f5e9;border-radius:99px}
.pop-showcase .game-summary{color:#46604d}
.pop-button{border-radius:12px;background:#245440;color:#fff}
.pop-button:hover{background:#183f2e}
.pop-art>a{border:1px solid #a0b387;border-radius:18px;overflow:hidden}
.pop-art .enlarge-mark{border-radius:50%}
.pop-art figcaption,.demo-note{color:#4b624c}
.demo-note{font-size:.875rem;line-height:1.6}
.about-studio{display:grid;grid-template-columns:minmax(0,.5fr) minmax(0,1.2fr);gap:8%;align-items:center;padding-block:60px}
.studio-seal{width:100%;max-width:245px;justify-self:center}
.studio-seal img{width:100%;height:auto;border-radius:50%}
.about-studio h2{font:700 clamp(2.2rem,3.4vw,3.2rem)/1.06 var(--studio-display);margin-top:15px}
.about-studio p:not(.intro-label){font-size:1.0625rem;line-height:1.65;color:#586051;max-width:58ch;margin-top:19px}
.about-studio .more-link{margin-top:18px}
.brand-footer{background:#f7f5ef;color:#27322b;border-top:1px solid #d5d4cb;padding:28px 5%;display:flex;align-items:center;justify-content:space-between;gap:24px;font-family:var(--studio-font)}
.brand-footer .brand{font-size:1.5rem}
.brand-footer p{font-size:.875rem;color:#5e665a}
.brand-footer nav{display:flex;gap:24px;flex-wrap:wrap;font-size:.9375rem;font-weight:600}
.brand-footer nav a{display:inline-flex;align-items:center;min-height:44px}
.legacy-fallback{padding-block:20px;font-size:1rem}
.legacy-fallback a{text-decoration:underline}
.lightbox{width:min(1500px,96vw);max-width:96vw;max-height:95dvh;border:1px solid #555;background:#101010;color:#eee;padding:18px;font-family:var(--studio-font)}
.lightbox::backdrop{background:#000e}
.lightbox form{display:flex;justify-content:flex-end;margin:0 0 14px}
.lightbox-close{border:1px solid #777;background:#222;color:#fff;min-height:44px;padding:8px 16px;cursor:pointer}
.lightbox-close span{font-size:1.3rem;margin-left:12px}
.lightbox img{max-height:76dvh;width:100%;object-fit:contain}
.lightbox p{font-size:.9375rem;margin-top:15px;line-height:1.4}
.formula-nav{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:12px 5%;border-bottom:1px solid #3c4440;background:#19211e;font-family:var(--studio-font)}
.formula-nav-title{font:700 1.4rem var(--studio-display)}
.formula-nav>div{display:flex;align-items:center;gap:28px;font-size:.9375rem;font-weight:600}
.formula-nav a{display:inline-flex;align-items:center;min-height:44px}
.detail-play{color:#f3cc90}
.formula-page .button{background:#c8372b}.formula-page .button:hover{background:#ad2f25}
@media(max-width:1000px){.showcase-layout{grid-template-columns:minmax(0,1fr) minmax(0,1.25fr);gap:5%}.showcase-copy h2{font-size:4rem}.pop-showcase h2{font-size:3.6rem}.game-summary{font-size:1.0625rem}.studio-intro{gap:22px}.studio-intro h1{font-size:3.25rem}.intro-copy{font-size:1rem}}
@media(max-width:800px){.brand-header{min-height:78px;gap:20px}.brand-header nav{gap:23px}.studio-intro{align-items:flex-start;flex-direction:column;gap:16px;padding-block:30px 24px}.studio-intro h1{font-size:clamp(2.6rem,7.5vw,3.5rem)}.intro-copy br{display:none}.game-jumps{margin-top:5px}.games-heading{padding-block:0 17px}.game-showcase{padding-block:34px 32px}.showcase-layout{display:flex;flex-direction:column;align-items:stretch;gap:27px}.showcase-copy h2,.pop-showcase h2{font-size:clamp(2.7rem,8.5vw,4.5rem);line-height:1;margin-top:11px}.showcase-copy h2 br{display:none}.showcase-copy h2 br::after{content:" "}.game-status{margin-top:14px}.game-summary{max-width:55ch;margin-top:17px}.showcase-actions{margin-top:20px;gap:15px 22px}.showcase-art figcaption{font-size:.875rem}.about-studio{grid-template-columns:120px minmax(0,1fr);gap:7%;padding-block:40px}.about-studio h2{font-size:2.5rem}.brand-footer{flex-wrap:wrap;gap:20px}.brand-footer nav{width:100%;gap:24px}.formula-nav{align-items:flex-start;flex-direction:column;gap:0}.formula-nav>div{justify-content:space-between;width:100%;gap:14px;flex-wrap:wrap}.formula-nav-title{font-size:1.2rem}.formula-nav>div>a{font-size:.9375rem}}
@media(max-width:430px){.brand-header{padding-inline:5%;gap:18px;min-height:76px}.brand{font-size:1.6rem}.brand-header nav{gap:16px;font-size:.9375rem}.brand span{font-size:.75rem}.game-category{font-size:.8125rem;letter-spacing:.055em}.showcase-copy h2,.pop-showcase h2{font-size:2.9rem}.play-button{font-size:1rem;gap:16px;min-height:52px;padding-inline:17px}.showcase-art figcaption{flex-direction:column}.about-studio{grid-template-columns:1fr;gap:23px}.studio-seal{max-width:140px;justify-self:start}.about-studio h2{font-size:2.4rem}.lightbox{padding:12px}.lightbox img{max-height:72dvh}}
@media(max-width:360px){.brand-header{gap:12px}.brand-header .brand{font-size:1.45rem}.brand-header nav{gap:12px;font-size:.875rem}.brand-header nav a{white-space:nowrap}.formula-nav>div{gap:10px}.formula-nav>div>a{font-size:.875rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}