@charset "UTF-8";
:root{--ink:#193b32;--green:#123e33;--deep:#0d3028;--gold:#e5c58a;--paper:#f7f5ee;--muted:#626e64;--line:#dcded3;--serif:"Songti SC","STSong","Noto Serif CJK SC","SimSun",serif;--sans:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;color:var(--ink);background:var(--paper);font:16px/1.8 var(--sans);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto;display:block}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible{outline:3px solid #bb7f2c;outline-offset:6px;border-radius:2px}p,h1,h2,h3,figure{margin:0}p+p{margin-top:16px}::selection{background:#dec58e;color:#123e33}.wrap{width:min(1240px,calc(100% - 104px));margin-inline:auto}.section{padding-block:104px}.eyebrow{font-size:12px;letter-spacing:.16em;font-weight:650;line-height:1.5;margin-bottom:24px}.eyebrow.light{color:#d3daca;display:flex;align-items:center;gap:12px}.small-rule{height:1px;width:30px;background:var(--gold)}h1,h2,.game-question{font-family:var(--serif);font-weight:600}h2{font-size:clamp(32px,3.4vw,48px);line-height:1.48;letter-spacing:-.035em}.skip-link{position:fixed;left:20px;top:-80px;background:var(--gold);padding:10px 20px;z-index:10}.skip-link:focus{top:10px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.site-header{background:var(--paper);border-bottom:1px solid #e8e8df}.header-inner{height:96px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:inline-flex;align-items:center;gap:13px;flex-shrink:0;line-height:1.25}.brand img{flex-shrink:0}.brand>span{font-size:23px;font-weight:700;letter-spacing:.04em}.brand small{display:block;font:9px/1.5 var(--sans);font-weight:650;letter-spacing:.23em;margin-top:5px}.site-header nav{display:flex;align-items:center;gap:32px;font-size:14px}.site-header nav>a{padding:9px 0}.site-header nav>a:hover{text-decoration:underline;text-underline-offset:6px}.site-header nav .nav-contact{border:1px solid #bec9bc;padding:8px 16px;display:flex;gap:22px;align-items:center}.nav-contact span{font-size:20px;line-height:1}
.hero{background:var(--green);color:var(--paper);position:relative}.hero-inner{padding-top:82px;padding-bottom:72px;display:grid;grid-template-columns:.9fr 1.1fr;gap:64px;align-items:center}.hero-copy h1{font-size:clamp(42px,4.7vw,68px);line-height:1.34;letter-spacing:-.045em}.gold{color:var(--gold)}.hero-description{font-size:16px;color:#d3dbd1;line-height:1.9;margin-top:25px}.button{min-height:52px;display:inline-flex;align-items:center;justify-content:space-between;gap:34px;padding:12px 23px;font-weight:600;font-size:14px}.button-gold{background:var(--gold);color:var(--deep);margin-top:29px;transition:background .15s,transform .15s}.button-gold:hover{background:#f0d9ac;transform:translateY(-2px)}.button span{font-size:23px;font-weight:400;line-height:1}.company-name{margin-top:24px;font-size:11px;letter-spacing:.08em;color:#b9c9bc}.hero-work{align-self:center;min-width:0}.work-overline{display:flex;justify-content:space-between;gap:12px;font-size:11px;color:#d0d8ca;margin-bottom:13px;letter-spacing:.06em}.work-overline span:last-child{color:#b7c5b8}.cover-link{display:block;position:relative;box-shadow:0 24px 46px #061c2638;overflow:hidden}.cover-link img{width:100%;transition:transform .6s;aspect-ratio:16/9;object-fit:cover}.cover-link:hover img{transform:scale(1.025)}.cover-arrow{position:absolute;right:15px;bottom:15px;width:38px;height:38px;display:grid;place-items:center;background:var(--paper);color:var(--ink);font-size:24px}.hero-work figcaption{display:flex;justify-content:space-between;align-items:center;gap:15px;padding-top:22px}.hero-work strong{display:block;font-weight:500;font-size:19px}.hero-work small{display:block;color:#bbcbbe;font-size:10px;letter-spacing:.1em;margin-top:5px}.hero-work figcaption>a{font-size:12px;color:var(--gold);white-space:nowrap}.hero-work figcaption>a span{margin-left:9px}.hero-foot{border-top:1px solid #ffffff24;display:flex;align-items:center;justify-content:space-between;padding-block:19px;font-size:11px;letter-spacing:.06em;color:#beccbe}.hero-foot a{display:flex;gap:22px}.hero-foot a:hover{color:var(--gold)}
.about{display:grid;grid-template-columns:.95fr 1.05fr;gap:64px}.about-copy{padding-top:4px;max-width:520px;color:var(--muted);font-size:15px}.about-copy .lead{font-size:20px;color:var(--ink);line-height:1.8;margin-bottom:23px}.beliefs{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);gap:45px;margin-top:7px}.beliefs article{border-top:1px solid var(--line);padding-top:22px}.belief-number{font-family:var(--serif);font-size:23px;color:#799184}.beliefs h3{font-size:19px;font-weight:500;margin:10px 0}.beliefs p{color:var(--muted);font-size:14px;max-width:310px}
.games{background:#eaece3;border-block:1px solid #e1e3d8}.game-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:24px}.game-heading .eyebrow{margin-bottom:14px}.genre{font-size:12px;border:1px solid #bbc6b6;line-height:1.5;padding:8px 14px;flex-shrink:0;margin-bottom:12px}.game-intro{display:grid;grid-template-columns:.95fr 1.05fr;gap:64px;border-top:1px solid #cad2c2;margin-top:34px;padding-top:36px}.game-question{font-size:29px;line-height:1.7}.game-question em{font-style:normal;color:#687c60}.game-intro>div{font-size:14px;color:#526452;max-width:520px}.text-link{display:inline-flex;align-items:center;gap:44px;margin-top:24px;border-bottom:1px solid #6f8569;color:var(--ink);padding:0 0 7px;font-size:14px;font-weight:600}.text-link:hover{color:#7c5827}.text-link span[aria-hidden]{font-size:22px;line-height:1}.screens{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:54px;margin:54px auto 0;max-width:960px}.screen-frame{padding:7px;background:var(--deep);border:1px solid #657460;box-shadow:0 12px 26px #1833291b}.screen-frame img{width:100%;aspect-ratio:9/16;object-fit:contain}.screens figcaption{padding-top:23px}.screens figcaption span{display:block;font-size:10px;letter-spacing:.1em;color:#53694e;margin-bottom:7px}.screens figcaption strong{font-size:16px;font-weight:500}.game-note{margin-top:39px;padding-top:19px;border-top:1px solid #cad2c2;display:flex;align-items:baseline;justify-content:space-between;gap:30px;font-size:11px;color:#596b55;line-height:1.9}.game-note>span{flex-shrink:0}.game-note p{max-width:650px}
.contact{display:grid;grid-template-columns:1.05fr .95fr;gap:64px;align-items:center}.contact h2{font-size:clamp(31px,3vw,42px)}.contact h2+p{margin-top:20px;font-size:14px;color:var(--muted)}.contact-details{border-left:1px solid var(--line);padding:12px 0 12px 50px;min-width:0}.contact-label{font-size:12px;color:var(--muted)}.email{font-size:clamp(23px,2.5vw,35px);font-weight:450;letter-spacing:-.04em;display:flex;align-items:center;justify-content:space-between;gap:16px;line-height:1.5;white-space:nowrap;padding:13px 0 18px;border-bottom:1px solid var(--line)}.email span{font-size:30px;font-weight:400}.email:hover{color:#976b30}.contact-details>p{font-size:12px;color:var(--muted);margin-top:20px}.contact-company{display:block;margin-top:26px;font-size:11px;letter-spacing:.03em}.site-footer{background:var(--deep);color:#c3cdbf}.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:25px;padding-block:31px}.footer-brand>span{font-size:19px;color:var(--paper)}.footer-brand small{font-size:8px}.legal{font-size:11px;line-height:1.9}.legal span{color:#a6baa9;font-size:10px}.back-top{font-size:11px;display:flex;gap:19px;white-space:nowrap}
@media(min-width:1600px){.hero-inner{padding-block:104px}.hero-copy h1{font-size:72px}}
@media(max-width:1100px){.wrap{width:calc(100% - 64px)}.hero-inner,.about,.game-intro,.contact{gap:36px}.hero-inner{grid-template-columns:1fr 1.08fr;padding-block:60px}.hero-copy h1{font-size:50px}.screens{gap:32px}.contact-details{padding-left:30px}.section{padding-block:80px}.hero-work strong{font-size:17px}.hero-work figcaption>a{font-size:11px}}
@media(max-width:800px){.wrap{width:calc(100% - 48px)}.header-inner{height:82px}.site-header nav{gap:22px}.site-header nav>a{font-size:13px}.site-header nav .nav-contact{padding:6px 10px;gap:12px}.brand>span{font-size:21px}.brand img{width:43px;height:43px}.hero-inner{gap:35px;grid-template-columns:1fr;padding-block:50px}.hero-copy h1{font-size:58px;line-height:1.3}.hero-description{font-size:15px;margin-top:20px}.company-name{margin-top:18px}.hero-work{max-width:680px;width:100%}.hero-work figcaption{padding-top:15px}.hero-work strong{font-size:20px}.hero-work figcaption>a{font-size:12px}.work-overline{margin-top:8px}.about{grid-template-columns:1fr;gap:32px}.about-copy{max-width:600px}.about-copy .lead{font-size:19px}.beliefs{gap:26px}.beliefs h3{font-size:17px}.beliefs p{font-size:13px}.game-intro{grid-template-columns:1fr;gap:22px}.game-question{font-size:26px}.game-intro>div{max-width:none}.screens{gap:24px}.screens figcaption strong{font-size:14px}.screen-frame{padding:5px}.game-note{display:block}.game-note p{margin-top:6px}.contact{grid-template-columns:1fr;gap:30px}.contact-details{border-left:0;border-top:1px solid var(--line);padding:25px 0 0;max-width:550px}.email{font-size:32px}.footer-inner{flex-wrap:wrap}.legal{margin-left:auto}.back-top{margin-left:auto}}
@media(max-width:560px){html{scroll-padding-top:24px}.wrap{width:calc(100% - 40px)}.section{padding-block:56px}.header-inner{height:auto;min-height:82px;gap:16px;padding-block:17px;flex-wrap:wrap}.brand>span{font-size:20px}.brand small{font-size:8px}.brand{gap:10px}.brand img{width:40px;height:40px}.site-header nav{width:100%;justify-content:space-between;gap:10px;border-top:1px solid var(--line);padding-top:9px}.site-header nav>a{font-size:12px;padding:4px 0}.site-header nav .nav-contact{border:0;padding:4px 0;gap:10px}.nav-contact span{font-size:17px}.eyebrow{font-size:10px;margin-bottom:20px}.hero-inner{padding-top:39px;padding-bottom:32px;gap:32px}.hero-copy h1{font-size:clamp(40px,11.8vw,60px);letter-spacing:-.04em}.hero-description{font-size:14px;line-height:1.9}.button{min-height:48px;padding:11px 18px;gap:40px;font-size:13px}.button-gold{margin-top:23px}.company-name{font-size:10px}.hero-work strong{font-size:18px}.hero-work small{font-size:9px}.hero-work figcaption>a{font-size:11px}.cover-arrow{width:31px;height:31px;right:10px;bottom:10px;font-size:20px}.work-overline{font-size:9px;letter-spacing:.02em}.hero-foot{font-size:9px;padding-block:17px;gap:12px;letter-spacing:0}.hero-foot a{gap:11px;white-space:nowrap}h2{font-size:33px}.about{gap:25px}.about-copy{font-size:14px}.about-copy .lead{font-size:18px;margin-bottom:18px}.beliefs{grid-template-columns:1fr;gap:20px;margin-top:8px}.beliefs article{display:grid;grid-template-columns:36px 1fr;column-gap:12px;padding-top:19px}.belief-number{font-size:22px;grid-row:1/3;line-height:1.7}.beliefs h3{font-size:18px;margin:0 0 7px}.beliefs p{max-width:100%;font-size:13px}.game-heading{display:block}.game-heading h2{font-size:30px}.genre{display:inline-block;margin:18px 0 0;font-size:10px;padding:6px 10px}.game-intro{margin-top:24px;padding-top:24px;gap:20px}.game-question{font-size:25px}.game-intro>div{font-size:14px}.screens{grid-template-columns:1fr;gap:33px;margin-top:36px;max-width:300px}.screen-frame{padding:6px}.screens figcaption{padding-top:16px}.screens figcaption strong{font-size:16px}.screens figcaption span{margin-bottom:4px}.game-note{margin-top:30px;font-size:10px}.contact h2{font-size:30px}.contact h2+p{font-size:13px}.contact-details{padding-top:20px}.email{font-size:29px;gap:9px;padding-block:11px 16px}.email span{font-size:26px}.contact-company{margin-top:20px}.footer-inner{display:grid;grid-template-columns:1fr auto;gap:22px;padding-block:28px}.footer-brand{grid-column:1}.footer-brand img{width:37px;height:37px}.footer-brand>span{font-size:18px}.legal{grid-column:1/-1;grid-row:2;margin:0;font-size:10px}.back-top{grid-column:2;grid-row:1;font-size:10px;gap:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important}}