@font-face{font-family:Space Grotesk Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(/assets/space-grotesk-vietnamese-wght-normal-D0rl6rjA.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Space Grotesk Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(/assets/space-grotesk-latin-ext-wght-normal-D9tNdqV9.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Space Grotesk Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(/assets/space-grotesk-latin-wght-normal-BhU9QXUp.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@layer base{:root{color:#202321;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--paper:#f8faf7;--ink:#202321;--muted:#606760;--line:#dce1d9;--lime:#dcfa69;--blue:#3156f3;--header-height:84px;--footer-height:44px;background:#f8faf7;font-family:Space Grotesk Variable,Hiragino Kaku Gothic ProN,Noto Sans JP,sans-serif}*{box-sizing:border-box;letter-spacing:0}html{scroll-behavior:smooth;scroll-padding-top:calc(var(--header-height) + 24px);scroll-padding-bottom:calc(var(--footer-height) + 20px)}body,h1,h2,h3,p{margin:0}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}img{max-width:100%;display:block}button{border:0}[hidden]{display:none!important}:focus-visible{outline:3px solid var(--blue);outline-offset:6px}::selection{color:var(--ink);background:var(--lime)}.lucide{flex-shrink:0;width:22px;height:22px}h2{font-size:2.4rem;font-weight:650;line-height:1.65}.skip-link{z-index:100;color:#fff;background:var(--ink);padding:16px;position:fixed;top:-100px;left:20px}.skip-link:focus{top:12px}.mobile-break{display:none}}@layer layout{.page-width{width:min(1280px,100% - 120px);margin-inline:auto}.site-header{z-index:30;min-height:var(--header-height);border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#f8faf7f0;justify-content:space-between;align-items:center;padding:20px 40px;display:flex;position:fixed;inset:0 0 auto}main{padding-top:var(--header-height);padding-bottom:var(--footer-height);container-type:inline-size}.hero{isolation:isolate;background:#f0f3ed;height:min(720px,100svh - 225px);min-height:560px;position:relative;overflow:clip}.hero-content{z-index:2;pointer-events:none;padding-top:56px;position:relative}.hero-content a{pointer-events:auto}.hero-scene{z-index:-1;position:absolute;inset:0}.hero-scene canvas{width:100%;height:100%;display:block}.hero-bottom{z-index:2;pointer-events:none;justify-content:space-between;align-items:end;display:flex;position:absolute;inset:auto 0 27px}.hero-bottom button{pointer-events:auto}.section-space{padding-block:110px}.heading-row{justify-content:space-between;align-items:end;gap:40px;display:flex}.service-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;margin-top:56px;display:grid}.about-grid{grid-template-columns:1fr 1.05fr;gap:100px;display:grid}.good-game-grid{grid-template-columns:.75fr 1fr;align-items:center;gap:80px;padding-block:76px;display:grid}.studio-grid{grid-template-columns:1fr 1.12fr;gap:70px;display:grid}.site-footer{z-index:30;min-height:var(--footer-height);border-top:1px solid var(--line);background:var(--paper);justify-content:space-between;align-items:center;padding:10px 40px;font-size:.75rem;display:flex;position:fixed;inset:auto 0 0}}@layer components{.brand{white-space:nowrap;align-items:center;gap:12px;font-size:1.45rem;font-weight:700;display:inline-flex}.brand img{width:34px;height:30px}.desktop-nav{align-items:center;gap:40px;font-size:.85rem;font-weight:550;display:flex}.desktop-nav a{align-items:center;gap:10px;display:flex;position:relative}.desktop-nav a:after{content:"";background:var(--ink);transform-origin:0;height:2px;transition:transform .2s;position:absolute;bottom:-8px;left:0;right:0;transform:scaleX(0)}.desktop-nav a:hover:after,.desktop-nav a[aria-current]:after{transform:scaleX(1)}.desktop-nav .lucide{width:17px;height:17px}.icon-button{background:0 0;border-radius:50%;place-items:center;width:42px;height:42px;display:inline-grid}.icon-button:hover{background:#e1e7db}.menu-toggle{display:none}.hero-eyebrow{align-items:center;gap:12px;font-size:.75rem;font-weight:500;display:flex}.tiny-cross{font-size:1.4rem;line-height:1}h1{margin-top:19px;font-size:6rem;font-weight:650;line-height:1.15}.title-period{color:#647143}.hero-message{margin-top:25px;font-size:2.45rem;font-weight:650;line-height:1.7}.underline-lime{background:linear-gradient(transparent 70%, var(--lime) 70%, var(--lime) 93%, transparent 93%)}.hero-description{color:#4e574e;margin-top:20px;font-size:.94rem;line-height:2}.hero-description-detail{display:block}.circle-link{align-items:center;gap:13px;margin-top:28px;font-size:.86rem;font-weight:600;display:inline-flex}.circle-link-icon{background:var(--ink);width:43px;height:43px;color:var(--paper);border-radius:50%;place-items:center;transition:transform .2s,background .2s;display:grid}.circle-link:hover .circle-link-icon{background:var(--blue);transform:rotate(45deg)}.hero-bottom>p{font-size:.7rem;line-height:1.5}.hero-bottom>p span{color:#687266}.scene-controls{align-items:center;gap:9px;display:flex}.play-button{background:var(--lime);border:1px solid #8d9683;border-radius:24px;align-items:center;gap:10px;min-height:43px;padding:10px 19px;font-size:.78rem;transition:background .2s,transform .2s;display:flex}.play-button .lucide{fill:currentColor;width:16px;height:16px}.play-button:hover{background:#e6ff8c;transform:translateY(-3px)}[data-tooltip]{position:relative}[data-tooltip]:after{content:attr(data-tooltip);background:var(--ink);color:#fff;opacity:0;pointer-events:none;border-radius:4px;width:max-content;padding:7px 10px;font-size:.75rem;position:absolute;bottom:calc(100% + 8px);right:0}[data-tooltip]:hover:after,[data-tooltip]:focus-visible:after{opacity:1}.hero-side-note{writing-mode:vertical-rl;color:#646d5f;font-size:.65rem;position:absolute;top:32%;right:22px}.scene-fallback{opacity:.18;width:min(38%,550px);height:auto;position:absolute;top:26%;right:10%;transform:rotate(-10deg)}.hero-scene.is-ready .scene-fallback{display:none}.section-label{align-items:center;gap:18px;margin-bottom:31px;font-size:.75rem;font-weight:500;line-height:1.5;display:flex}.section-label>span{color:var(--muted);font-size:.7rem}.heading-row>p{width:290px;color:var(--muted);font-size:.94rem;line-height:2}.service-visual{aspect-ratio:1.35;place-items:center;display:grid;position:relative;overflow:clip}.work-section{padding-top:54px}.app-visual{background:#e3e8df}.game-visual{background:#dffc79}.web-visual{background:#e6eafd}.visual-index{color:#454d45;font-size:.65rem;position:absolute;top:16px;left:19px}.visual-word{font-size:.7rem;position:absolute;bottom:17px;left:19px}.app-tile{aspect-ratio:1;color:#e5ff94;background:var(--ink);border-radius:24px;place-items:center;width:108px;transition:transform .3s;display:grid;transform:rotate(-12deg);box-shadow:8px 10px #b6c1af}.app-tile .lucide{stroke-width:1.2px;width:56px;height:56px}.game-symbol{transition:transform .3s;transform:rotate(-16deg)}.game-symbol .lucide{color:#262c1c;stroke-width:1.2px;width:154px;height:154px}.game-star{font-size:2rem;line-height:1;position:absolute}.star-one{top:20%;right:19%}.star-two{font-size:1.3rem;bottom:23%;left:18%}.web-symbol{position:relative}.web-symbol>.lucide{color:#3156f3;stroke-width:1px;width:132px;height:132px;transition:transform .3s}.web-cursor{position:absolute;bottom:-4px;right:-11px;transform:rotate(-15deg)}.web-cursor .lucide{width:45px;height:45px;color:var(--ink);fill:var(--paper);stroke-width:1.4px}.service:hover .app-tile{transform:rotate(0)translateY(-4px)}.service:hover .game-symbol{transform:rotate(0)}.service:hover .web-symbol>.lucide{transform:rotate(15deg)}.service-title{justify-content:space-between;align-items:center;gap:12px;margin-top:25px;display:flex}.service-title h3{font-size:1.16rem;font-weight:650}.service-title>span{color:var(--muted);font-size:.65rem}.service>p{color:#606760;margin-top:17px;font-size:.9rem;line-height:2}.service-tags{border-top:1px solid var(--line);color:#50584e;flex-wrap:wrap;gap:6px 18px;margin:23px 0 0;padding:17px 0 0;font-size:.73rem;list-style:none;display:flex}.about-section{border-top:1px solid var(--line);background:#eef1eb}.about-intro h2{line-height:1.7}.about-intro h2>span{color:#647257}.about-intro>p{color:#555f50;margin-top:27px;font-size:.94rem;line-height:2.15}.principles{margin:0;padding:0;list-style:none}.principles li{border-top:1px solid #cdd4c7;grid-template-columns:34px 1fr 36px;align-items:start;gap:16px;padding:35px 0;display:grid}.principles li:first-child{border-top:0;padding-top:14px}.principles h3{font-size:1.17rem;font-weight:650}.principles p{color:#626b5c;margin-top:13px;font-size:.9rem;line-height:2}.principle-number{color:#65705f;padding-top:6px;font-size:.7rem}.principles li>.lucide{stroke-width:1.3px;width:31px;height:31px}.good-game-section{background:var(--lime)}.logo-story-mark{justify-content:center;display:flex}.logo-story-mark img{width:220px;transform:rotate(-6deg)}.good-game-grid h2{font-size:1.55rem}.good-game-grid .section-label{margin-bottom:15px}.good-game-grid p:not(.section-label){margin-top:19px;font-size:.94rem;line-height:2}.good-game-grid p.logo-story-caption{color:#505d2d;margin-top:20px;font-size:.8rem}.studio-section h2{font-size:1.9rem}.studio-description{color:var(--muted);margin-top:23px;font-size:.88rem;line-height:2}.studio-details{margin:0}.studio-details>div{border-bottom:1px solid var(--line);grid-template-columns:110px 1fr;gap:24px;padding:22px 0;font-size:.86rem;line-height:1.9;display:grid}.studio-details>div:first-child{border-top:1px solid var(--line)}.studio-details dt{color:var(--muted)}.studio-details dd{margin:0}.closing-line{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:25px;margin-top:100px;padding-top:47px;display:flex}.closing-line>span{font-size:.7rem;line-height:1.7}.closing-brand{align-items:center;gap:20px;font-size:4rem;font-weight:600;display:flex}.closing-brand .lucide{stroke-width:1.2px;width:57px;height:57px;transition:transform .2s}.closing-brand:hover .lucide{transform:translate(5px,-5px)}.footer-motto{color:#687064}.footer-motto>span{color:#3d4636}.back-top{align-items:center;gap:10px;font-size:.63rem;display:flex}.back-top .lucide{width:15px;height:15px}}@layer responsive{@media (width>=1550px){.hero{height:min(780px,100svh - 240px)}.hero-content{padding-top:80px}h1{font-size:7rem}.hero-message{font-size:2.7rem}}@media (width<=1100px){.page-width{width:calc(100% - 80px)}.hero-content{padding-top:45px}h1{font-size:5.3rem}.hero-message{font-size:2.15rem}.hero-description{font-size:.86rem}.service-grid{gap:24px}.service-title{display:block}.service-title>span{margin-top:7px;display:block}.about-grid{gap:60px}.studio-grid{gap:40px}.studio-details>div{grid-template-columns:100px 1fr;gap:15px}.desktop-break{display:none}h2{font-size:2.15rem}.good-game-grid{gap:40px}}@media (width<=760px){:root{--header-height:70px;--footer-height:42px}.page-width{width:calc(100% - 44px)}.site-header{padding:14px 22px}.brand{gap:10px;font-size:1.3rem}.brand img{width:30px;height:25px}.desktop-nav{display:none}.menu-toggle{width:40px;height:40px;display:inline-grid}.mobile-nav{background:var(--paper);border-bottom:1px solid var(--line);padding:12px 22px 24px;position:absolute;top:100%;left:0;right:0;box-shadow:0 15px 25px #20232110}.mobile-nav a{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:18px 4px;font-size:.94rem;display:flex}.hero{height:min(740px,100svh - 174px);min-height:540px}.hero-content{padding-top:33px}.hero-eyebrow{gap:7px;font-size:.61rem}h1{margin-top:14px;font-size:4.3rem}.hero-message{margin-top:19px;font-size:1.7rem;line-height:1.75}.hero-description{margin-top:17px;font-size:.8rem;line-height:1.95}.mobile-break{display:initial}.circle-link{margin-top:22px;font-size:.8rem}.circle-link-icon{width:38px;height:38px}.hero-bottom{bottom:21px}.hero-bottom>p{font-size:.61rem}.hero-side-note{font-size:.56rem;top:59%;right:14px}.scene-fallback{width:51%;top:auto;bottom:100px;right:18%}.hero-scene{inset:345px 0 43px}.section-space{padding-block:70px}.work-section{padding-top:30px}.section-label{gap:14px;margin-bottom:25px;font-size:.65rem}h2{font-size:1.72rem;line-height:1.7}.heading-row{display:block}.heading-row>p{width:auto;margin-top:25px;font-size:.85rem}.heading-row>p br:nth-child(2){display:none}.service-grid{grid-template-columns:1fr;gap:45px;margin-top:36px}.service-visual{aspect-ratio:1.6}.service-title{margin-top:21px;display:flex}.service-title h3{font-size:1.1rem}.service-title>span{margin-top:0}.service>p{margin-top:13px;font-size:.88rem}.service-tags{margin-top:17px;font-size:.7rem}.about-grid{grid-template-columns:1fr;gap:42px}.about-intro>p{margin-top:23px;font-size:.88rem}.principles li{grid-template-columns:29px 1fr 26px;gap:10px;padding:28px 0}.principles h3{font-size:1rem}.principles p{font-size:.84rem}.principles li>.lucide{width:25px;height:25px}.good-game-grid{grid-template-columns:1fr;gap:40px;padding-block:60px}.logo-story-mark{justify-content:start}.logo-story-mark img{width:140px}.good-game-grid h2{font-size:1.25rem}.good-game-grid p:not(.section-label){font-size:.86rem}.good-game-grid p.logo-story-caption{font-size:.74rem}.studio-grid{grid-template-columns:1fr;gap:35px}.studio-section h2{font-size:1.65rem}.studio-description{font-size:.82rem}.studio-details>div{grid-template-columns:93px 1fr;gap:13px;padding-block:19px;font-size:.79rem}.closing-line{align-items:end;margin-top:58px;padding-top:30px}.closing-brand{gap:5px;font-size:2rem}.closing-brand .lucide{width:28px;height:28px}.closing-line>span{font-size:.52rem}.site-footer{padding:10px 22px;font-size:.63rem}.footer-motto{display:none}.back-top{font-size:.57rem}}@media (width<=380px){h1{font-size:3.7rem}.hero-message{font-size:1.55rem}.mobile-break{display:initial}.scene-controls{gap:4px}.play-button{padding-inline:12px}.studio-details>div{grid-template-columns:1fr;gap:6px}}@media (width>=761px) and (height<=820px){.hero-content{padding-top:32px}h1{font-size:5rem}.hero-message{margin-top:16px;font-size:2rem}.hero-description{margin-top:16px}.circle-link{margin-top:20px}}@media (width<=760px) and (height<=740px){.hero{height:calc(100svh - 160px);min-height:0}.hero-content{padding-top:23px}h1{margin-top:10px;font-size:3.7rem}.hero-message{margin-top:12px;font-size:1.45rem;line-height:1.6}.hero-description{margin-top:12px;font-size:.76rem}.hero-description-detail{display:none}.circle-link{margin-top:14px}.hero-scene{top:285px;bottom:50px}.hero-bottom{bottom:15px}.hero-side-note{display:none}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}}@container (width<20em){.hero{flex-direction:column;height:auto;min-height:0;display:flex}.hero-content{order:0;padding-block:30px}.hero-content h1{overflow-wrap:anywhere;font-size:2.8rem}.hero-scene{flex:none;order:1;width:100%;height:280px;position:relative;inset:auto}.hero-bottom{flex-wrap:wrap;order:2;gap:20px;padding-block:20px;position:relative;inset:auto}.hero-side-note{display:none}.hero-description-detail{display:block}.hero-message{font-size:1.5rem}.service-title,.closing-line{flex-wrap:wrap}.closing-brand{font-size:1.7rem}.studio-details>div{grid-template-columns:1fr;gap:8px}.principles li{grid-template-columns:28px minmax(0,1fr)}.principles li>.lucide{display:none}h2,h3,p{overflow-wrap:anywhere}}}