/* FF GAME design system. Edit these tokens to adjust the whole site. */
:root{--bg:#111510;--panel:#1b2119;--text:#f5f5ed;--muted:#acb3a7;--lime:#c4f768;--line:#30372c;--paper:#f1f0e7;--ink:#20271b;--shell:1320px;--radius:18px;font-family:Arial,Helvetica,sans-serif;color:var(--text);background:var(--bg);font-synthesis:none;color-scheme:dark}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0}a{color:inherit;text-decoration:none}button{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid #9bc8ff;outline-offset:6px}::selection{background:var(--lime);color:var(--bg)}img{display:block;max-width:100%}p,h1,h2,h3,figure{margin:0}.section-shell{width:calc(100% - 112px);max-width:var(--shell);margin-inline:auto}.skip-link{position:fixed;top:12px;left:12px;transform:translateY(-180%);z-index:100;background:var(--lime);color:var(--bg);padding:14px 20px;border-radius:8px}.skip-link:focus{transform:translateY(0)}
.site-header{width:calc(100% - 112px);max-width:var(--shell);height:104px;margin:auto;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);position:relative;z-index:20}.brand{display:flex;align-items:center;gap:10px;font-weight:900;font-size:25px;letter-spacing:-1.2px}.brand svg{width:43px;height:38px;color:var(--lime)}.brand-caption{display:block;font-size:8px;font-weight:600;letter-spacing:1.25px;margin-top:4px;color:var(--muted)}nav{display:flex;align-items:center;gap:40px;font-size:13px;font-weight:600}nav>a{transition:color .2s}nav>a:hover{color:var(--lime)}.nav-contact{border:1px solid #555e49;border-radius:30px;padding:12px 20px}.nav-contact span{margin-left:24px;color:var(--lime);font-size:18px}.menu-toggle{display:none}
.hero{display:grid;grid-template-columns:1fr 1fr;min-height:650px;position:relative;align-items:center;padding-block:70px 57px}.hero-copy{position:relative;z-index:2;pointer-events:none}.hero-copy a{pointer-events:auto}.eyebrow{font-size:10px;font-weight:700;letter-spacing:1.7px;line-height:1.6;display:flex;align-items:center;gap:10px}.status-dot{display:inline-block;flex-shrink:0;width:6px;height:6px;background:var(--lime);border-radius:50%;box-shadow:0 0 12px #c4f76844}h1{font-size:clamp(60px,5.45vw,82px);font-weight:800;letter-spacing:-5px;line-height:1.03;margin-top:30px;width:720px;max-width:118%}h1 span{color:var(--lime)}.hero-description{font-size:15px;color:var(--muted);line-height:1.8;max-width:410px;margin-top:27px}.hero-actions{display:flex;gap:28px;align-items:center;margin-top:32px}.button{display:inline-flex;align-items:center;gap:35px;padding:17px 23px;border-radius:7px;font-size:13px;font-weight:700;transition:background .2s,transform .2s}.button:hover{transform:translateY(-3px);background:#d5ff91}.button-lime{background:var(--lime);color:var(--bg)}.button span{font-size:20px}.text-link{font-size:12px;font-weight:600;display:flex;gap:16px;align-items:center}.text-link span{font-size:19px;color:var(--lime)}.text-link:hover{text-decoration:underline;text-underline-offset:5px}.hero-signoff{display:flex;align-items:center;gap:11px;margin-top:48px;font-size:10px;line-height:1.5;letter-spacing:.3px;color:var(--muted)}.tiny-cross{font-size:35px;color:var(--lime);line-height:1}.hero-art{width:115%;margin-left:-15%;position:relative;align-self:center;isolation:isolate}.hero-art img{width:100%;height:auto;aspect-ratio:1.36;object-fit:cover;mask-image:radial-gradient(ellipse 65% 61% at 53% 48%,black 50%,transparent 97%);position:relative;z-index:1}.art-orbit{position:absolute;inset:18% 5%;border:1px solid #a3c46918;border-radius:50%;transform:rotate(-25deg);z-index:0}.world-label{position:absolute;bottom:20%;left:12%;z-index:2;background:#172012c9;backdrop-filter:blur(8px);border:1px solid #87b05445;padding:11px 13px;border-radius:4px;font-size:8px;letter-spacing:1.1px;display:flex;align-items:center;gap:8px;transform:rotate(-4deg)}.hero-art figcaption{text-align:center;color:#a6afa0;font-size:9px;letter-spacing:.4px;margin-top:-14px;position:relative;z-index:3}.genre-strip{border-block:1px solid var(--line)}.genre-strip>.section-shell{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-block:25px}.genre-strip span{font-size:9px;letter-spacing:1.2px;color:var(--muted)}.genre-strip p{display:flex;align-items:center;gap:30px;font-size:12px;letter-spacing:1.2px;font-weight:700}.genre-strip i{font-size:23px;line-height:1;color:var(--lime);font-style:normal}
.focus{padding-block:96px 80px}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:42px}.muted{color:var(--muted)}h2{font-size:clamp(40px,4vw,59px);line-height:1.04;font-weight:800;letter-spacing:-2.8px}.section-heading h2{margin-top:18px}.section-heading>p{font-size:14px;line-height:1.8;color:var(--muted);padding-bottom:5px}.focus-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.focus-card{border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;background:#192017;position:relative;transition:border-color .25s}.focus-card:hover{border-color:#718959}.card-topline{display:flex;align-items:center;justify-content:space-between;padding:25px 28px 0;font-size:9px;font-weight:600;letter-spacing:1.3px;position:relative;z-index:2;color:#c0c8b9}.corner-arrow{font-size:22px;color:var(--lime)}.card-art{height:235px;position:relative;overflow:hidden;display:grid;place-items:center}.defense-art{background:radial-gradient(ellipse at 50% 72%,#365e2a70,transparent 60%)}.defense-grid{position:absolute;inset:35% 6% -60%;background-image:linear-gradient(#b9e5900c 1px,transparent 1px),linear-gradient(90deg,#b9e5900c 1px,transparent 1px);background-size:32px 32px;transform:perspective(300px) rotateX(55deg) rotateZ(-20deg);border:1px solid #c4f7680a}.radar-ring{position:absolute;width:190px;height:85px;border:1px solid #c4f76825;border-radius:50%;bottom:20px;transform:rotate(-15deg)}.ring-two{width:300px;height:137px;bottom:-5px}.ring-three{width:410px;height:184px;bottom:-29px}.tower{position:relative;width:130px;height:160px;transform:rotate(-8deg);filter:drop-shadow(14px 23px 10px #0007)}.tower-base{position:absolute;width:116px;height:44px;bottom:0;left:7px;background:#43543a;clip-path:polygon(50% 0,100% 28%,100% 72%,50% 100%,0 72%,0 28%)}.tower-core{position:absolute;bottom:24px;left:32px;width:66px;height:87px;background:linear-gradient(90deg,#6a7f59 50%,#3e5136 50%);clip-path:polygon(50% 0,100% 19%,100% 81%,50% 100%,0 81%,0 19%)}.tower-top{position:absolute;bottom:84px;left:10px;width:110px;height:42px;background:linear-gradient(160deg,#879e6b 48%,#384c2c 49%);clip-path:polygon(50% 0,100% 28%,100% 72%,50% 100%,0 72%,0 28%)}.crystal{position:absolute;z-index:3;left:45px;top:-6px;width:42px;height:76px;background:linear-gradient(100deg,#f0ffb5 0 35%,#c4f768 36% 65%,#6ea92e 66%);clip-path:polygon(50% 0,100% 32%,80% 82%,50% 100%,20% 82%,0 32%);filter:drop-shadow(0 0 20px #c4f768)}.spark{position:absolute;color:var(--lime);font-size:24px;font-weight:300}.spark-one{left:29%;top:31%}.spark-two{right:27%;bottom:17%}.tiny-enemy{position:absolute;width:19px;height:22px;border-radius:45% 45% 30% 30%;background:linear-gradient(110deg,#ffb47f,#d76c3d);box-shadow:5px 7px 10px #0005;transform:rotate(-15deg)}.tiny-enemy:after{content:'';position:absolute;width:3px;height:4px;background:#34271c;top:7px;left:5px;box-shadow:7px 0 #34271c}.enemy-one{right:22%;top:38%}.enemy-two{left:24%;bottom:20%}.enemy-three{right:14%;bottom:12%;scale:.7}.hybrid-card{background:#211e28}.hybrid-art{background:radial-gradient(ellipse at 50% 70%,#5d467040,transparent 65%)}.orbit{position:absolute;width:300px;height:140px;border:1px solid #b8a1db22;border-radius:50%;transform:rotate(-24deg)}.orbit-two{width:400px;height:190px;transform:rotate(22deg)}.play-block{position:absolute;width:94px;height:94px;border-radius:23px;display:grid;place-items:center;font-size:58px;line-height:1;font-weight:600;box-shadow:12px 15px 0 #0002,inset 2px 3px 2px #fff5}.block-lime{background:#c4f768;color:#3f6622;transform:rotate(-16deg);left:calc(50% - 114px);top:32px;z-index:3;box-shadow:6px 10px 0 #72983e,15px 28px 25px #0004,inset 3px 4px 2px #e3ffad}.block-cream{background:#eee9d6;color:#7c8567;transform:rotate(13deg);left:calc(50% + 5px);top:79px;z-index:2;box-shadow:5px 9px 0 #aba595,15px 28px 25px #0004,inset 3px 4px 2px #fff8}.block-orange{background:#ef956a;color:#8f4834;width:58px;height:58px;border-radius:16px;transform:rotate(20deg);left:calc(50% - 90px);top:152px;font-size:35px;box-shadow:4px 6px 0 #a65942,12px 18px 15px #0003,inset 2px 3px 2px #ffc5a4}.block-purple{background:#ac92d8;color:#544372;width:50px;height:50px;border-radius:14px;transform:rotate(-18deg);left:calc(50% + 65px);top:22px;font-size:23px;box-shadow:4px 6px 0 #665080,12px 18px 15px #0003,inset 2px 3px 2px #d2baf7}.mini-dot{position:absolute;width:10px;height:10px;background:var(--lime);border-radius:50%;left:24%;top:45%}.dot-two{left:auto;right:24%;top:73%;width:6px;height:6px;background:#b397d5}.card-copy{padding:20px 32px 33px}.small-label{font-size:9px;letter-spacing:1.6px;color:var(--lime);font-weight:600}.hybrid-card .small-label{color:#c8acef}.card-copy h3{font-size:37px;line-height:1.05;letter-spacing:-1.8px;margin-top:16px;min-height:78px}.card-copy>p:not(.small-label){font-size:13px;line-height:1.85;color:#b5bdaf;max-width:430px;margin-top:18px;min-height:73px}.hybrid-card .card-copy>p:not(.small-label){color:#bbb2c8}.tags{list-style:none;display:flex;flex-wrap:wrap;gap:7px;padding:0;margin:24px 0 0}.tags li{border:1px solid #48503f;border-radius:20px;font-size:9px;padding:7px 10px;color:#c2cbb8}.hybrid-card .tags li{border-color:#51465d;color:#d0c3e0}.concept-note{font-size:10px;line-height:1.7;color:var(--muted);margin-top:23px;display:flex;gap:8px}.concept-note span{color:var(--lime)}
.about{background:var(--paper);color:var(--ink);padding-block:95px}.about-grid{display:grid;grid-template-columns:1.12fr 1fr;gap:90px}.about .eyebrow{font-size:9px;color:#5f6955}.about h2{font-size:clamp(45px,4.8vw,69px);letter-spacing:-3.5px;margin-top:28px}.about h2 span{text-decoration:underline;text-decoration-color:#9bc94b;text-decoration-thickness:5px;text-underline-offset:7px}.studio-stamp{display:flex;gap:12px;align-items:center;margin-top:40px;transform:rotate(-7deg);width:max-content}.studio-stamp>span{font-size:58px;color:#718e3d}.studio-stamp p{font-weight:700;font-size:11px;line-height:1.4;letter-spacing:1px}.about-copy{padding-top:43px}.about-copy .intro{font-size:25px;line-height:1.4;letter-spacing:-.7px;font-weight:700;margin-bottom:24px}.about-copy>p:not(.intro){font-size:14px;line-height:1.9;color:#5e6657;margin-top:16px}.studio-values{margin-top:32px}.studio-values>div{border-top:1px solid #d0d4c7;padding:17px 0 17px 37px;position:relative}.studio-values>div>span{position:absolute;left:0;top:18px;font-size:10px;color:#6c7b59}.studio-values h3{font-size:13px;font-weight:700;letter-spacing:-.2px}.studio-values p{font-size:12px;color:#68715f;margin-top:6px;line-height:1.6}
.contact{background:var(--lime);color:var(--ink);padding-block:57px 78px}.contact-top{display:flex;align-items:center;justify-content:space-between}.contact-top .eyebrow{font-size:9px}.contact-star{font-size:58px;line-height:1;transform:rotate(15deg)}.contact-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:50px;align-items:end;margin-top:15px}.contact h2{font-size:clamp(46px,5.5vw,78px);letter-spacing:-4px}.contact-grid>div>p{font-size:13px;line-height:1.8;margin-top:24px;color:#425728}.contact-actions{padding-bottom:3px}.email-link{display:block;font-size:clamp(18px,2.2vw,30px);font-weight:700;letter-spacing:-.8px;position:relative;padding-bottom:19px;padding-right:35px;border-bottom:1px solid #779d3f}.email-link>span:first-child{display:block;font-size:10px;letter-spacing:1px;font-weight:400;margin-bottom:15px}.email-arrow{position:absolute;right:0;bottom:15px;font-size:32px}.email-link:hover .email-arrow{transform:translate(3px,-3px)}.copy-email{display:flex;align-items:center;gap:23px;background:transparent;border:none;padding:14px 0 0;color:#344b1b;font-size:11px}.copy-email:hover{text-decoration:underline;text-underline-offset:4px}.contact-actions .copy-feedback{margin-top:8px!important;font-size:11px;min-height:20px;line-height:1.5}.site-footer{padding-block:40px;display:flex;justify-content:space-between;align-items:center;gap:24px}.footer-brand{font-weight:900;font-size:24px;letter-spacing:-1.3px}.footer-brand>span{display:block;font-weight:400;color:var(--muted);font-size:7px;letter-spacing:1.6px;margin-top:7px}.site-footer>p{font-size:9px;color:var(--muted);line-height:1.9}.back-top{font-size:10px;display:flex;align-items:center;gap:24px}.back-top span{color:var(--lime);font-size:20px}
.hero{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.hero-copy{min-width:0}
@media(min-width:1600px){.hero{min-height:720px}.hero-art{width:126%;margin-left:-13%}}@media(max-width:1100px){.section-shell,.site-header{width:calc(100% - 64px)}h1{font-size:64px;letter-spacing:-3.8px}.hero{min-height:610px}.hero-art{width:112%;margin-left:-12%}.genre-strip p{font-size:10px;gap:15px}.genre-strip span{font-size:8px}.about-grid{gap:50px}.card-copy{padding-inline:25px}.tags li{font-size:8px}.contact-grid{gap:30px}.hero-actions{gap:20px}.button{gap:20px}.text-link{gap:9px}}
@media(max-width:800px){html{scroll-padding-top:80px}.section-shell,.site-header{width:calc(100% - 40px)}.site-header{height:82px}.brand{font-size:23px}nav{gap:24px;font-size:12px}.nav-contact{padding:10px 16px}.hero{grid-template-columns:1fr;padding-block:52px 28px;min-height:0;overflow:hidden}.hero-copy{pointer-events:auto}h1{width:auto;max-width:100%;font-size:clamp(49px,8.7vw,70px);letter-spacing:-3.2px}.hero-description{max-width:460px;font-size:14px}.hero-signoff{margin-top:30px}.hero-art{width:88%;max-width:590px;margin:-40px -1% 0 auto}.hero-art img{aspect-ratio:1.45}.hero-art figcaption{margin-top:-20px;font-size:8px}.world-label{font-size:7px;bottom:20%;left:10%}.genre-strip>.section-shell{justify-content:center;padding-block:20px}.genre-strip>.section-shell>span{display:none}.genre-strip p{font-size:9px;gap:18px}.genre-strip i{font-size:20px}.focus{padding-block:65px 50px}.section-heading{align-items:flex-start}.section-heading>p{font-size:12px;padding-top:34px;max-width:210px}.section-heading>p br{display:none}h2{font-size:44px}.focus-grid{gap:16px}.card-topline{padding:18px 20px 0;font-size:8px;letter-spacing:.7px}.card-art{height:210px}.card-copy{padding:16px 20px 24px}.card-copy h3{font-size:30px;min-height:65px;letter-spacing:-1.4px}.small-label{font-size:8px;letter-spacing:1px}.card-copy>p:not(.small-label){font-size:12px;min-height:110px}.tags{gap:5px}.tags li{font-size:8px;padding:6px 8px}.concept-note{font-size:9px}.about{padding-block:65px}.about-grid{grid-template-columns:1fr 1fr;gap:32px}.about h2{font-size:45px;letter-spacing:-2px}.about .eyebrow{font-size:8px;letter-spacing:1px}.about-copy{padding-top:34px}.about-copy .intro{font-size:21px}.about-copy>p:not(.intro){font-size:12px}.studio-stamp{margin-top:35px}.contact{padding-block:42px 45px}.contact h2{font-size:51px;letter-spacing:-2.8px}.contact-grid{grid-template-columns:1fr;gap:32px}.contact-actions{max-width:440px}.email-link{font-size:27px}.contact-grid>div>p{font-size:12px}.contact-top .eyebrow{font-size:8px;letter-spacing:1px}.contact-star{font-size:44px}}
@media(max-width:560px){.brand svg{width:36px}.brand-caption{font-size:7px}.menu-toggle{display:flex;width:42px;height:42px;flex-direction:column;justify-content:center;align-items:center;gap:6px;background:transparent;border:1px solid #4b5641;border-radius:6px}.menu-toggle span{display:block;height:1px;width:18px;background:var(--text);transition:transform .2s}.menu-toggle[aria-expanded=true] span:first-child{transform:translateY(3.5px) rotate(45deg)}.menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-3.5px) rotate(-45deg)}nav{display:none;position:absolute;top:73px;left:0;right:0;background:#1b2218;border:1px solid #4b5641;border-radius:8px;padding:16px;box-shadow:0 15px 35px #0005}nav.is-open{display:flex;flex-direction:column;align-items:stretch;gap:0}nav>a{padding:15px 12px}.nav-contact{border:0;border-top:1px solid var(--line);border-radius:0;display:flex;justify-content:space-between;align-items:center}.nav-contact span{line-height:1}.eyebrow{font-size:8px;letter-spacing:1px}.hero{padding-top:39px}h1{font-size:clamp(40px,10.6vw,59px);letter-spacing:-2.5px;margin-top:23px}.hero-description{font-size:13px;line-height:1.8;margin-top:22px;max-width:340px}.hero-description br{display:none}.hero-actions{gap:22px;margin-top:26px}.button{padding:15px 17px;font-size:11px;gap:20px}.text-link{font-size:10px;gap:8px}.hero-signoff{font-size:9px;margin-top:30px}.tiny-cross{font-size:29px}.hero-art{width:114%;max-width:none;margin:-15px -7% 0}.hero-art img{aspect-ratio:1.38}.hero-art figcaption{font-size:7px;margin-top:-16px;letter-spacing:.15px}.world-label{left:14%;font-size:6px;padding:8px}.genre-strip p{font-size:7px;letter-spacing:.4px;gap:11px}.genre-strip i:last-child,.genre-strip p{white-space:nowrap}.section-heading{display:block;margin-bottom:28px}.section-heading h2{font-size:40px;letter-spacing:-2px}.section-heading>p{padding-top:20px;max-width:290px;font-size:13px}.focus-grid{grid-template-columns:1fr;gap:20px}.card-topline{padding:22px 24px 0;font-size:9px}.card-art{height:230px}.card-copy{padding:16px 25px 27px}.card-copy h3{font-size:35px;min-height:0;line-height:1.06}.card-copy>p:not(.small-label){min-height:0;font-size:13px}.small-label{font-size:8px}.tags li{font-size:8px;padding:7px 9px}.concept-note{margin-top:20px;font-size:9px}.about-grid{grid-template-columns:1fr;gap:28px}.about .eyebrow{font-size:8px}.about h2{font-size:52px;letter-spacing:-2.6px}.studio-stamp{margin-top:30px}.studio-stamp>span{font-size:43px}.studio-stamp p{font-size:9px}.about-copy{padding-top:0}.about-copy .intro{font-size:24px}.about-copy>p:not(.intro){font-size:13px}.studio-values p{font-size:12px}.contact{padding-block:34px 33px}.contact-top .eyebrow{font-size:7px;letter-spacing:.8px;max-width:230px}.contact-star{font-size:40px}.contact-grid{margin-top:22px;gap:28px}.contact h2{font-size:49px;letter-spacing:-2.6px}.email-link{font-size:24px}.contact-grid>div>p{margin-top:19px}.site-footer{flex-wrap:wrap;padding-block:30px;gap:28px}.footer-brand{font-size:22px}.site-footer>p{font-size:8px;text-align:right}.back-top{font-size:10px;margin-left:auto}.site-footer .back-top{width:100%;justify-content:space-between;border-top:1px solid var(--line);padding-top:18px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}
@media print{.menu-toggle,.hero-actions,.copy-email,.copy-feedback,.back-top{display:none}body{background:#fff;color:#111}.hero-art img{mask-image:none}a{color:inherit}.site-header,.section-shell{width:94%}.focus-card{break-inside:avoid}.about,.contact{print-color-adjust:exact;-webkit-print-color-adjust:exact}}

@media(max-width:360px){.genre-strip p{font-size:6px;gap:7px;letter-spacing:0}.email-link{font-size:22px}.hero-actions{gap:14px}.button{gap:14px}}