@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700;800&family=Manrope:wght@400;500;600;700;800&family=Noto+Sans+SC:wght@400;600;700;900&display=swap');
:root{--ink:#000609;--paper:#c6e2fa;--accent:#39b7ff;--blue:#053252;--navy:#000609;--muted:#62c3ff}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:6rem}body{margin:0;background:var(--ink);color:var(--paper);font:1rem/1.65 Manrope,'Noto Sans SC',sans-serif}a{color:inherit;text-decoration:none}button{font:inherit}a,button{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:3px solid #0088cf;outline-offset:6px}img{max-width:100%;display:block}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.04}h1,h2{font-family:'Barlow Condensed','Noto Sans SC',sans-serif}section{overflow:hidden}.section{padding:5rem max(6vw,1.5rem)}.header{background:var(--navy);min-height:6rem;padding:1.5rem 6vw;border-bottom:1px solid #113048;display:flex;align-items:center;justify-content:space-between;gap:2rem}.brand{color:#70cbff;font-size:1.2rem;font-weight:800;line-height:1.15;letter-spacing:-.07em;display:inline-flex;align-items:center;gap:.85rem;flex-shrink:0}.brand-logo{width:3.5rem;height:3.5rem;object-fit:contain;background:white;border-radius:.25rem}.brand-name{display:flex;flex-direction:column;font-weight:800}.brand span{font-size:.65em;letter-spacing:.46em;font-weight:500;margin-top:.4rem}nav{color:#70cbff;display:flex;gap:2.25rem;font-size:.9rem;font-weight:600}nav a:hover,footer>a:hover{color:var(--accent)}.languages{display:flex;align-items:center;gap:.6rem;white-space:nowrap}.languages button{background:none;border:0;color:#8ccfff;padding:.3rem;cursor:pointer;font-size:.875rem}.languages button[aria-pressed=true]{color:var(--accent)}.languages span{color:#5dafdf}.eyebrow,.section-label{display:flex;align-items:center;justify-content:space-between;gap:1rem;font-size:.875rem;font-weight:600}.eyebrow{color:var(--muted);margin-bottom:3rem}.eyebrow>span:last-child{letter-spacing:.12em;font-size:.75rem}.hero{background:linear-gradient(115deg,#000403 5%,#00090f 100%);padding-top:3.6rem;padding-bottom:4rem}.hero h1{font-size:clamp(4.5rem,9.3vw,10rem);letter-spacing:-.025em;line-height:.93;margin-bottom:3rem;text-transform:uppercase}.hero h1 span{display:block}.hero h1>span:first-child{color:#d8ecfc}.accent{color:#2995ce}.hero-bottom{display:flex;justify-content:space-between;align-items:end;gap:2rem}.hero-bottom p{max-width:31rem;font-size:1.05rem;color:#95d3ff;margin-bottom:0}.button{display:inline-flex;align-items:center;justify-content:center;min-height:3.4rem;padding:.8rem 1.5rem;font-size:.9rem;font-weight:800;border-radius:.15rem;transition:transform .2s,background .2s;white-space:nowrap}.button:hover{transform:translateY(-3px)}.light{background:var(--blue);color:#d4edff;border:1px solid #159fee}.light:hover{background:#075183}.dark{background:var(--blue);color:white}.dark:hover{background:#075183}.game{background:var(--paper);color:var(--ink)}.section-label{padding-bottom:1.4rem;border-bottom:1px solid #8fb9da}.game-heading{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin:2.5rem 0 2rem}.game h2{font-size:clamp(3rem,6vw,6.5rem);text-transform:uppercase;margin:0}.pill{border:1px solid #3d6685;border-radius:2rem;font-size:.85rem;padding:.35rem .85rem;white-space:nowrap}.game-art{background:#001b2e;overflow:hidden}.game-art img{width:100%;height:auto;max-height:36rem;object-fit:cover}.game-details{display:grid;grid-template-columns:1fr 1.1fr;gap:5rem;margin:3rem 0}.game-details h3{font-size:clamp(1.8rem,3vw,3rem);max-width:27rem;letter-spacing:-.05em}.game-details p{color:#24445e;max-width:40rem}.actions{display:flex;gap:1.8rem;align-items:center;flex-wrap:wrap;margin-top:1.7rem}.text-link{color:#034e7c;font-weight:800;border-bottom:1px solid;padding:.35rem 0;font-size:.9rem}.screens{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.screens figure{margin:0}.screens img{width:100%;aspect-ratio:16/9;object-fit:cover}.screens figcaption{font-size:.85rem;margin-top:.65rem;color:#345975}.studio{background:var(--blue);padding-top:5rem;padding-bottom:6rem}.studio .section-label{border-color:#39759e;color:#95d3ff}.studio-body{display:grid;grid-template-columns:1.2fr 1fr;gap:5rem;margin-top:4rem}.studio h2{font-size:clamp(3rem,5vw,5.3rem);text-transform:uppercase;max-width:40rem;margin-bottom:0}.studio p{color:#95d3ff;max-width:35rem;font-size:1.1rem}.contact{background:#96d7ff;color:var(--ink);padding-bottom:5.5rem}.contact .section-label{border-color:#5797be}.contact h2,.contact .email{color:var(--navy)}.contact h2{font-size:clamp(5rem,10vw,10rem);letter-spacing:-.025em;margin:3rem 0 1.5rem;text-transform:uppercase}.contact p{max-width:35rem;font-size:1.05rem}.email{font-size:clamp(1.35rem,3.7vw,4rem);font-weight:600;border-bottom:2px solid;letter-spacing:-.055em;overflow-wrap:anywhere}footer.section{background:#000609;padding-top:2rem;padding-bottom:2rem;display:flex;gap:2rem;align-items:center;justify-content:space-between}footer p{color:#8ccfff;margin:0;font-size:.875rem}footer>a:last-child{font-size:.9rem}.skip{position:absolute;top:-100px;left:1rem;padding:1rem;background:white;color:black;z-index:10}.skip:focus{top:1rem}html[lang=zh-CN] h1{font-size:clamp(3.5rem,7.5vw,8rem);line-height:1.22}html[lang=zh-CN] h2{line-height:1.2}html[lang=zh-CN] .studio h2{font-size:clamp(2.5rem,4.2vw,4.5rem)}
@media(max-width:760px){.header{padding:1.2rem 1.5rem;gap:1rem;flex-wrap:wrap}.header nav{order:3;width:100%;gap:1.8rem}.brand{color:#70cbff;font-size:1.1rem}.section{padding:3.2rem 1.5rem}.eyebrow{margin-bottom:2.5rem}.eyebrow>span:last-child{display:none}.hero h1{font-size:clamp(4rem,13vw,6rem)}.hero-bottom{display:block}.hero-bottom p{margin-bottom:1.8rem}.game-heading{flex-wrap:wrap;margin-top:2rem}.game h2{font-size:3.6rem}.game-details,.studio-body{grid-template-columns:1fr;gap:1rem}.game-details{margin:2rem 0}.game-details h3{max-width:100%}.screens{grid-template-columns:1fr;gap:1.5rem}.studio-body{margin-top:2rem;gap:2rem}.studio h2{font-size:3.4rem}.contact h2{font-size:5rem}.email{font-size:clamp(1.2rem,6.5vw,2.5rem)}footer.section{flex-wrap:wrap;gap:1.5rem}footer p{order:3;width:100%}.section-label{font-size:.8rem}html[lang=zh-CN] h1{font-size:3.6rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}}



/* Refined medium-blue outlines, 2026-10-08. */
:root{--stroke:#4b9ace}
body{-webkit-text-stroke:.8px var(--stroke);paint-order:stroke fill}
h1,h2,h3,a,button,p,span,figcaption{paint-order:stroke fill}
.hero h1{-webkit-text-stroke:2px var(--stroke)}
h2,h3,.email{-webkit-text-stroke:1.2px var(--stroke)}
.hero .accent{color:#053252}
.button{border:1.6px solid var(--stroke);-webkit-text-stroke:.8px var(--stroke)}
.brand-logo{border:1.6px solid var(--stroke)}
.languages{display:none}
@media(max-width:760px){.hero h1{-webkit-text-stroke:1.5px var(--stroke)}}

.hero .button.light{color:var(--ink)}