:root{color-scheme:light;--bg:#edf0ec;--surface:#f8f9f6;--ink:#263e38;--muted:#576a63;--accent:#3f6658;--line:#cbd4ca;--soft:#dce5da;--yellow:#e8d797;--art:#e5e9e0;--radius:18px;--shadow:0 18px 65px #243b3410}
:root[data-theme=dark]{color-scheme:dark;--bg:#1d2825;--surface:#26332e;--ink:#e6ece3;--muted:#b0bfb4;--accent:#b5d2b7;--line:#47564b;--soft:#314639;--yellow:#d9c98c;--art:#344239;--shadow:none}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--bg);color:var(--ink);font-family:'Segoe UI','Microsoft YaHei',sans-serif;font-size:16px;line-height:1.75;-webkit-font-smoothing:antialiased}html[lang=en] [lang=zh-CN],html[lang=zh-CN] [lang=en]{display:none!important}a{color:inherit;text-decoration:none}button,input{font:inherit}button{color:inherit;cursor:pointer}button,a,input,summary{-webkit-tap-highlight-color:transparent}button{border:0}a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid var(--accent);outline-offset:5px}img{max-width:100%;display:block}h1,h2,h3,p,figure{margin:0}h1,h2,h3{font-weight:650;line-height:1.22;letter-spacing:-.035em}h1{font-size:clamp(40px,5.3vw,76px)}h2{font-size:clamp(28px,3.2vw,44px)}h3{font-size:22px}p{max-width:68ch;color:var(--muted)}p+p{margin-top:20px}small{font-size:13px}button[hidden],[hidden]{display:none!important}.wrap{width:min(1240px,calc(100% - 96px));margin-inline:auto}.section{padding-block:88px}.section.compact{padding-top:8px}.skip{position:fixed;z-index:50;top:-80px;left:16px;background:var(--ink);color:var(--bg);padding:8px 20px}.skip:focus{top:10px}.site-header{border-bottom:1px solid var(--line);background:var(--bg);position:relative;z-index:10}.header-row{display:flex;align-items:center;gap:36px;min-height:98px}.brand{display:flex;align-items:center;gap:12px;margin-right:auto;flex-shrink:0}.brand>span{font-size:27px;font-weight:750;line-height:1;letter-spacing:-1px}.brand small{display:block;font-size:11px;font-weight:500;line-height:1.9;letter-spacing:.08em}.header-row nav{display:flex;gap:30px;align-items:center}.header-row nav a{font-size:14px;white-space:nowrap;padding-block:9px;border-bottom:2px solid transparent}.header-row nav a:hover,.header-row nav a[aria-current]{border-color:var(--accent)}.preferences{display:flex;gap:8px;align-items:center}.preferences button{background:var(--surface);border:1px solid var(--line);font-size:12px;border-radius:7px;padding:8px 10px;white-space:nowrap;min-height:40px}.home-hero{display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:center;min-height:660px;padding-block:60px}.studio-location{color:var(--muted);font-size:15px;margin-bottom:26px}.hero-copy h1{margin-bottom:30px}.hero-copy>p{max-width:470px;font-size:17px}.actions{display:flex;align-items:center;gap:26px;flex-wrap:wrap;margin-top:32px}.button{display:inline-flex;justify-content:center;align-items:center;min-height:48px;background:var(--ink);color:var(--bg);border-radius:8px;padding:12px 25px;font-size:14px;font-weight:600;text-align:center}.button:hover{opacity:.86}.text-link{display:inline-block;background:transparent;font-size:15px;color:var(--ink);border-bottom:1px solid var(--ink);padding:5px 0;line-height:1.5}.text-link:hover{color:var(--accent)}.hero-art{position:relative;min-height:540px;display:flex;align-items:center;justify-content:center;isolation:isolate}.joinery-shape{position:absolute;inset:32px 0 10px 25px;background:var(--soft);border-radius:48% 48% 18px 18px;z-index:-1}.joinery-shape:after{content:'';position:absolute;width:65px;height:95px;background:var(--yellow);right:0;bottom:90px;transform:translateX(15px);border-radius:5px}.hero-rhino{width:88%;height:485px;object-fit:contain;mix-blend-mode:multiply}.hero-note{position:absolute;left:4%;bottom:10px;background:var(--surface);padding:16px 24px;border-radius:10px;box-shadow:var(--shadow);border:1px solid var(--line);transform:rotate(-3deg)}.hero-note span,.hero-note small{display:block;color:var(--muted);font-size:12px}.hero-note strong{font-size:22px;display:block;line-height:1.6}.feature-game{display:grid;grid-template-columns:1.55fr 1fr;overflow:hidden;border-radius:var(--radius);background:var(--surface);border:1px solid var(--line)}.game-cover{position:relative;min-height:330px}.game-cover>img{width:100%;height:100%;object-fit:cover}.image-tag{position:absolute;bottom:15px;left:15px;background:#213b33e6;color:#f6f8ef;padding:4px 12px;border-radius:5px;font-size:11px}.game-summary{padding:38px;align-self:center}.status{display:inline-flex;align-items:center;gap:8px;font-size:13px;color:var(--muted);margin-bottom:18px}.status:before{content:'';width:7px;height:7px;background:var(--accent);border-radius:50%}.game-summary h2{margin-bottom:18px}.game-summary .text-link{margin-top:22px}.game-summary>small{display:block;color:var(--muted);margin-top:18px}.section-heading{display:flex;justify-content:space-between;gap:30px;align-items:center;margin-bottom:34px}.section-heading .text-link{flex-shrink:0}.technology-preview{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center}.technology-preview p{font-size:18px}.tool-names{display:flex;flex-wrap:wrap;gap:12px 22px;margin-top:32px;font-size:17px;font-weight:600}.tool-names small{font-weight:400}.process-peek{display:grid;grid-template-columns:1fr 1fr;background:var(--soft);border-radius:12px;overflow:hidden;padding:16px;gap:12px}.process-peek img{height:215px;width:100%;object-fit:contain;border-radius:5px;background:#e9e9e9}.process-peek>span{grid-column:1/-1;font-size:13px}.character-preview,.character-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}.character{background:var(--surface);padding:0;border-radius:12px;overflow:hidden;text-align:left;border:1px solid var(--line)}.character>img{width:100%;height:270px;object-fit:contain;background:#e7e7e7;padding:12px;transition:transform .2s ease}.character:hover>img{transform:scale(1.035)}.character-name{padding:18px;display:flex;justify-content:space-between;gap:12px;font-size:15px;align-items:center}.character-name b{font-size:22px;font-weight:400}.studio-banner{display:grid;grid-template-columns:1fr 1fr;gap:70px;padding:55px 65px;border-radius:var(--radius);background:var(--soft);margin-block:10px 100px}.studio-banner .text-link{margin-top:22px}.site-footer{border-top:1px solid var(--line);padding-top:64px;background:var(--surface)}.footer-top{display:grid;grid-template-columns:2.1fr repeat(3,1fr);gap:32px;padding-bottom:60px}.footer-brand h2{font-size:30px;margin-bottom:20px}.footer-brand p{font-size:13px}.footer-column h3{font-size:15px;margin-bottom:22px;letter-spacing:0}.footer-column a{display:block;color:var(--muted);font-size:13px;margin-block:10px}.footer-column a:hover{text-decoration:underline}.legal{border-top:1px solid var(--line);padding-block:25px;display:flex;justify-content:space-between;gap:30px;font-size:11px}.legal>div{display:flex;gap:24px;align-items:flex-start}.page-intro{padding-block:88px 65px}.page-intro h1{max-width:980px;font-size:clamp(36px,4.3vw,62px)}.page-intro>p{margin-top:28px;max-width:760px;font-size:18px}.game-detail .section-heading h2{font-size:48px}.photo{display:block;padding:0;background:transparent;width:100%;cursor:zoom-in;overflow:hidden;border-radius:12px}.photo img{width:100%;object-fit:contain}.game-detail>figure img{aspect-ratio:1719/967}.game-detail>figure{margin-bottom:70px}figcaption{font-size:12px;color:var(--muted);padding-top:12px}.editorial-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:90px}.editorial-grid h3{margin-bottom:18px}.editorial-grid h3:not(:first-child){margin-top:35px}.two-images{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin-top:60px}.two-images img{aspect-ratio:16/10;background:var(--soft)}.callout{padding:45px 55px;background:var(--soft);border-radius:var(--radius);margin-block:75px}.callout h2{margin-bottom:20px}.callout .button{margin-top:25px}.tech-feature{display:grid;grid-template-columns:1fr 1.1fr;gap:90px;padding-bottom:85px;align-items:start}.tech-feature h2{margin-bottom:28px}.tool-stack article{padding:22px 0;border-top:1px solid var(--line)}.tool-stack article:first-child{padding-top:0;border:0}.tool-stack h3{margin-bottom:13px}.tool-stack p{font-size:15px}.workflow{background:var(--soft);padding-block:65px}.workflow ol{display:grid;grid-template-columns:repeat(5,1fr);gap:28px;padding:0;list-style:none;counter-reset:workflow;margin:40px 0 0}.workflow li{counter-increment:workflow}.workflow li:before{content:counter(workflow);width:32px;height:32px;display:grid;place-items:center;background:var(--surface);border-radius:8px;font-size:13px;margin-bottom:22px}.workflow h3{font-size:18px;margin-bottom:13px}.workflow p{font-size:14px}.comparison{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-bottom:50px}.comparison img{width:100%;height:370px;object-fit:contain;background:#e7e7e7;border-radius:12px}.comparison figure:not(:first-child) img{background:#303030}.comparison figcaption{text-align:center}.gallery-tools{display:flex;align-items:center;justify-content:space-between;gap:30px;margin-bottom:35px}.gallery-tools>p{font-size:14px}.search-label{display:flex;gap:12px;align-items:center;font-size:13px;white-space:nowrap}.search-label input{min-width:0;width:200px;background:var(--surface);border:1px solid var(--line);border-radius:7px;padding:10px 12px;color:var(--ink)}.asset-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin-top:35px}.asset-grid img{height:260px;background:#e7e7e7}.about-story{display:grid;grid-template-columns:.8fr 1.2fr;gap:100px;align-items:center}.big-mark{background:var(--soft);border-radius:40% 40% 12px 12px;min-height:400px;display:grid;place-items:center}.about-story h2{margin-bottom:26px}.support-layout{display:grid;grid-template-columns:1.5fr 1fr;gap:80px;padding-bottom:100px}.faq details{border-top:1px solid var(--line);padding-block:23px}.faq details:last-child{border-bottom:1px solid var(--line)}.faq summary{cursor:pointer;font-size:18px;list-style-position:outside;margin-left:20px;padding-left:8px}.faq details p{padding:20px 0 0 28px;font-size:15px}.contact-aside{align-self:start;padding:30px;background:var(--soft);border-radius:var(--radius)}.contact-aside h2{font-size:25px;margin-bottom:20px}.contact-aside p{font-size:14px}.contact-aside .button{margin-block:25px 12px;display:table}.contact-aside>a:last-child{font-size:14px}.contact-layout{display:grid;grid-template-columns:1.15fr 1fr;gap:90px;padding-bottom:100px}.big-email{font-size:clamp(22px,3vw,38px);border-bottom:1px solid var(--ink);overflow-wrap:anywhere}.contact-routes{display:flex;flex-direction:column;gap:20px;margin-top:55px}.contact-routes a{color:var(--muted);text-decoration:underline;text-underline-offset:5px;font-size:14px}.company-details{padding-left:35px;border-left:1px solid var(--line)}.company-details h2{font-size:26px;margin-bottom:25px}dl{margin:0}dt{font-size:12px;color:var(--muted);margin-top:21px}dd{margin:5px 0 0;font-size:16px;line-height:1.6}dd small{display:block;color:var(--muted);margin-top:7px}html[lang=en] dd small{display:none}address{font-style:normal}.media-resources{background:var(--soft);padding:40px 50px;border-radius:var(--radius)}.resource-links{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-block:30px}.resource{border:1px solid var(--line);background:var(--surface);padding:20px;border-radius:8px;font-size:15px}.resource:hover{border-color:var(--accent)}.media-resources p{font-size:14px}.prose{max-width:800px;padding-bottom:95px}.prose h2{font-size:24px;margin:35px 0 18px}.prose .text-link{margin-top:25px}dialog{color:var(--ink);background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:24px;width:min(1040px,calc(100% - 32px));max-height:90dvh;overscroll-behavior:contain}dialog::backdrop{background:#101e18c9;backdrop-filter:blur(6px)}.dialog-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:20px}.dialog-toolbar h2{font-size:24px}.dialog-toolbar button{background:var(--soft);border-radius:50%;width:42px;height:42px;line-height:1;font-size:28px;flex-shrink:0}.art-layout{display:grid;grid-template-columns:1.7fr 1fr;gap:25px;align-items:center}#art-image{height:min(65vh,600px);width:100%;object-fit:contain;background:#303030;border-radius:8px}.view-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:25px}.view-tabs button,.art-paging button{background:var(--soft);border-radius:6px;padding:10px 12px;font-size:13px;border:1px solid transparent}.view-tabs button[aria-pressed=true]{border-color:var(--accent);background:var(--ink);color:var(--bg)}.art-info p{font-size:14px}.art-paging{display:flex;gap:25px;align-items:center;margin-top:30px;font-size:14px}#photo-image{max-height:67vh;width:100%;object-fit:contain}#photo-caption{font-size:13px;margin-top:12px}
[data-theme=dark] .hero-rhino{mix-blend-mode:normal;border-radius:46%;background:#e5e5e5;padding:8px;width:82%;height:445px}[data-theme=dark] .hero-note{border-color:var(--line)}
@media(min-width:1600px){.home-hero{min-height:730px}}
@media(max-width:1100px){.wrap{width:calc(100% - 64px)}.header-row{gap:22px}.header-row nav{gap:18px}.hero-copy h1{font-size:54px}.hero-art{min-height:470px}.hero-rhino{height:430px}.technology-preview{gap:45px}.character-preview,.character-grid{gap:16px}.character>img{height:230px}.game-summary{padding:26px}.editorial-grid,.tech-feature{gap:50px}.contact-layout{gap:40px}.workflow ol{gap:18px}.workflow h3{font-size:16px}}
@media(max-width:850px){.header-row{flex-wrap:wrap;padding-block:18px;gap:15px}.header-row nav{order:3;width:100%;justify-content:space-between;border-top:1px solid var(--line);padding-top:8px}.home-hero{grid-template-columns:1fr 1fr;gap:16px;min-height:540px}.hero-copy h1{font-size:43px}.hero-copy>p{font-size:15px}.hero-art{min-height:420px}.hero-rhino{height:360px}.hero-note{padding:12px 15px}.hero-note strong{font-size:20px}.hero-note small{font-size:10px}.actions{gap:20px}.feature-game{grid-template-columns:1fr}.game-cover{min-height:0}.game-cover>img{aspect-ratio:16/9}.game-summary{padding:35px}.section{padding-block:60px}.character-preview,.character-grid,.asset-grid{grid-template-columns:repeat(2,1fr)}.character>img{height:300px}.technology-preview{gap:30px}.process-peek img{height:175px}.studio-banner{padding:40px;gap:35px;margin-bottom:65px}.footer-top{grid-template-columns:repeat(3,1fr)}.footer-brand{grid-column:1/-1}.footer-brand h2 br{display:none}.footer-brand p{margin-top:12px}.legal{flex-direction:column;gap:20px}.page-intro{padding-block:65px 45px}.workflow ol{grid-template-columns:repeat(3,1fr);gap:35px}.comparison img{height:260px}.about-story{gap:40px}.big-mark{min-height:320px}.big-mark img{width:150px;height:150px}.support-layout{gap:30px}.contact-layout{grid-template-columns:1fr}.company-details{padding:35px 0 0;border-left:0;border-top:1px solid var(--line)}.resource-links{grid-template-columns:1fr}.gallery-tools{flex-direction:column;align-items:flex-start}.editorial-grid{gap:35px}.tech-feature{grid-template-columns:1fr;gap:40px}.tool-stack{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.tool-stack article{border:0;padding:0}.tool-stack h3{font-size:18px}.art-layout{grid-template-columns:1.4fr 1fr}.art-paging{gap:15px}}
@media(max-width:600px){.wrap{width:calc(100% - 40px)}.brand>span{font-size:24px}.brand img{width:36px;height:36px}.preferences{gap:5px}.preferences button{padding:8px;font-size:11px}.header-row nav a{font-size:12px}.header-row nav{gap:8px}.home-hero{display:flex;flex-direction:column;padding-block:38px;gap:16px}.hero-copy h1{font-size:45px;margin-bottom:24px}.hero-copy>p{font-size:16px}.studio-location{font-size:13px;margin-bottom:21px}.hero-art{width:100%;min-height:410px}.hero-rhino{height:390px}.joinery-shape{inset:20px 12px 8px 12px}.joinery-shape:after{right:12px}.hero-note{bottom:0;left:0}.hero-note small{font-size:11px}.feature-game{border-radius:12px}.game-summary{padding:26px}.section-heading{align-items:flex-start;flex-direction:column;gap:16px;margin-bottom:26px}.technology-preview{grid-template-columns:1fr;gap:26px}.technology-preview p{font-size:16px}.process-peek img{height:220px}.section{padding-block:47px}.character-preview,.character-grid{gap:12px}.character>img{height:205px;padding:5px}.character-name{padding:12px 10px;font-size:12px;gap:4px;line-height:1.4}.character-name b{font-size:18px}.studio-banner{grid-template-columns:1fr;padding:32px 25px;gap:25px;margin-block:12px 55px}.footer-top{gap:30px 15px;padding-bottom:35px}.site-footer{padding-top:40px}.footer-column h3{font-size:13px}.footer-column a{font-size:12px;line-height:1.5;margin-block:17px}.footer-brand h2{font-size:27px}.footer-brand h2 br{display:initial}.legal>div{flex-wrap:wrap;gap:12px}.page-intro{padding-block:45px 38px}.page-intro h1{font-size:36px}.page-intro>p{font-size:16px;margin-top:23px}.game-detail .section-heading h2{font-size:38px}.game-detail>figure{margin-bottom:40px}.editorial-grid{grid-template-columns:1fr;gap:25px}.two-images{grid-template-columns:1fr;gap:25px;margin-top:40px}.callout{padding:30px 24px;margin-block:45px}.callout h2{font-size:26px}.tool-stack{grid-template-columns:1fr}.tool-stack article{border-top:1px solid var(--line);padding-top:20px}.tool-stack h3{font-size:22px}.tech-feature{padding-bottom:45px}.workflow{padding-block:45px}.workflow ol{grid-template-columns:1fr;gap:28px;margin-top:30px}.workflow li{position:relative;padding-left:50px}.workflow li:before{position:absolute;left:0;top:0}.workflow h3{font-size:20px}.workflow p{font-size:15px}.comparison{gap:10px;margin-bottom:32px}.comparison img{height:190px;border-radius:7px}.comparison figcaption{font-size:11px}.asset-grid{gap:20px 12px}.asset-grid img{height:190px}.about-story{grid-template-columns:1fr;gap:35px}.big-mark{min-height:260px}.support-layout{grid-template-columns:1fr;padding-bottom:50px;gap:40px}.faq summary{font-size:17px}.contact-layout{padding-bottom:55px;gap:25px}.big-email{font-size:25px}.contact-routes{margin-top:35px}.media-resources{padding:30px 24px}.art-layout{grid-template-columns:1fr;gap:20px}dialog{padding:16px;max-height:94dvh}.dialog-toolbar h2{font-size:20px}.dialog-toolbar{margin-bottom:14px}#art-image{height:44vh}.view-tabs{margin-bottom:14px}.art-paging{margin-top:15px;justify-content:center}.art-info p{font-size:12px}.view-tabs{justify-content:center}#photo-image{max-height:64vh}[data-theme=dark] .hero-rhino{height:370px}.search-label{width:100%;justify-content:space-between}.search-label input{width:65%}}
@media(max-width:360px){.wrap{width:calc(100% - 32px)}.brand>span{font-size:20px}.brand{gap:8px}.hero-copy h1{font-size:40px}.character>img{height:170px}.comparison img{height:150px}.preferences button{font-size:10px;padding:7px}.header-row nav a{font-size:11px}.tool-names{gap:12px;font-size:15px}}
.joinery-shape{inset:65px 0 55px 25px;border-radius:20px;transform:rotate(3deg)}.hero-rhino,[data-theme=dark] .hero-rhino{mix-blend-mode:normal;width:94%;height:auto;max-height:460px;object-fit:contain;border:12px solid var(--surface);border-radius:14px;padding:0;background:var(--surface);box-shadow:var(--shadow)}.hero-note{bottom:38px}.hero-art .joinery-shape:after{bottom:55px}.home-hero .hero-copy h1{font-size:clamp(40px,4.6vw,66px)}
@media(max-width:600px){.hero-art{min-height:330px}.joinery-shape{inset:24px 8px 36px 14px}.hero-note{bottom:0}.hero-rhino,[data-theme=dark] .hero-rhino{height:auto;border-width:8px}.home-hero .hero-copy h1{font-size:43px}}
/* Soft ambient light sits behind the artwork and reading surfaces. */
.character>img,.asset-grid .photo img{width:100%;height:auto;aspect-ratio:1 / 1;object-fit:cover;object-position:center;padding:0}
.brand>img{border-radius:8px}.big-mark>img{border-radius:24px}
:root{--glow-mint:rgba(135,190,158,.36);--glow-honey:rgba(237,209,137,.35);--glow-lilac:rgba(176,168,202,.18)}
:root[data-theme=dark]{--glow-mint:rgba(78,145,111,.22);--glow-honey:rgba(190,155,74,.13);--glow-lilac:rgba(132,118,168,.12)}
body{background-image:radial-gradient(ellipse at 4% 20%,var(--glow-mint),transparent 49%),radial-gradient(ellipse at 94% 34%,var(--glow-honey),transparent 48%),radial-gradient(ellipse at 45% 100%,var(--glow-lilac),transparent 54%);background-attachment:fixed}
.site-header{background:transparent}
.site-footer{background-image:radial-gradient(ellipse at 0% 100%,var(--glow-mint),transparent 60%)}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}

/* Selected vector studio identity. */
.brand>img{border-radius:0;object-fit:contain;transform:scale(1.18)}
.big-mark picture{display:block;width:min(88%,340px)}
.big-mark picture img{display:block;width:100%;height:auto;border-radius:0}
.brand-motion{width:42px;height:42px;flex-shrink:0;transform:scale(1.18);pointer-events:none}
@media(max-width:600px){.brand-motion{width:36px;height:36px}}