@charset "UTF-8";
@font-face{font-family:StudioBrush;src:url("assets/studio-brush.woff2?v=bilingual-1") format("woff2");font-weight:400;font-style:normal;font-display:swap}
:root{--paper:#eeeee6;--ink:#242c2b;--muted:#717771;--red:#a54433;--line:#cdd0c6;--serif:"StudioBrush","KaiTi","STKaiti","Noto Serif CJK SC","Songti SC",serif;--sans:"Segoe UI","Microsoft YaHei",sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased}body::after{content:"";position:fixed;inset:0;z-index:10;pointer-events:none;background:url("assets/paper.svg");opacity:.16;mix-blend-mode:multiply}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}a,button{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline:2px solid var(--red);outline-offset:7px}::selection{background:#a5443335}button{border:0}h1,h2,h3,p{margin:0}img{display:block;max-width:100%}.skip-link{position:fixed;top:-80px;left:20px;background:var(--ink);color:var(--paper);padding:12px;z-index:99}.skip-link:focus{top:12px}
.site-header{height:100px;display:flex;align-items:center;justify-content:space-between;gap:25px;padding:0 5.4%;position:absolute;z-index:12;top:0;width:100%;border-bottom:1px solid #333d321c}.brand{display:flex;align-items:center;gap:12px;font-family:Georgia,serif;font-size:21px;letter-spacing:2px;font-weight:600;line-height:1.1}.brand-mark{width:36px;height:40px}.brand-bottom{display:block;font-size:12px;letter-spacing:6px;margin-top:7px}.brand-bottom i{font:9px var(--sans);letter-spacing:2px;margin-left:10px;font-style:normal;color:var(--muted)}nav{display:flex;gap:40px;font-size:12px;letter-spacing:1.5px;margin-left:auto;margin-right:55px}nav a{position:relative;padding:10px 0}nav a::after{content:"";position:absolute;left:0;right:100%;bottom:0;height:1px;background:var(--red);transition:right .3s}nav a:hover::after{right:0}nav span{margin-left:13px}.motion-toggle{padding:9px 0;background:transparent;display:flex;align-items:center;gap:10px;font-size:10px;letter-spacing:1px;color:#5d645e}.motion-icon{display:grid;place-items:center;width:25px;height:25px;border:1px solid #989e9477;border-radius:50%;font-size:10px}
.hero{position:relative;min-height:850px;height:100svh;max-height:1200px;isolation:isolate;overflow:hidden}.hero-sky{position:absolute;inset:0;background:radial-gradient(ellipse at 70% 28%,#dddcc960,transparent 55%),linear-gradient(140deg,#eeeee6,#e8eae1)}.hero-copy{position:relative;z-index:4;padding:166px 0 140px 10.4%;width:55%;pointer-events:none}.hero-copy a{pointer-events:auto}.eyebrow{font-size:9px;letter-spacing:2.3px;font-weight:500;line-height:1.8;display:flex;align-items:center;gap:12px}.tiny-line{height:1px;width:28px;background:var(--red);display:inline-block}h1{font:clamp(83px,7.8vw,125px)/1.03 var(--serif);font-weight:400;letter-spacing:4px;margin-top:35px;margin-left:-8px}.punctuation{color:#526057}.red-stop{color:var(--red)}.hero-english{font:italic 20px/1.5 Georgia,serif;letter-spacing:.3px;margin-top:20px;color:#69716b}.hero-description{font-size:12px;line-height:2.1;letter-spacing:2px;margin-top:23px;color:#58625b}.text-link{display:inline-flex;gap:43px;align-items:center;font-size:11px;letter-spacing:2px;padding:15px 0;border-bottom:1px solid #5b675a;transition:color .25s,gap .3s}.hero-copy .text-link{margin-top:23px}.text-link:hover{gap:57px;color:var(--red)}.link-arrow{font-size:24px;font-weight:300;line-height:1}.landscape{position:absolute;inset:0;z-index:1;pointer-events:none;animation:inkReveal 3.8s ease-out both;transform-origin:70% 60%}.landscape>img{height:100%;width:100%;object-fit:cover;object-position:65% center}.hero-inscription{position:absolute;z-index:3;right:7%;top:185px;display:flex;align-items:center;gap:27px;writing-mode:vertical-rl;font:15px var(--serif);letter-spacing:6px;color:#6e7469}.red-seal{display:grid;place-items:center;writing-mode:horizontal-tb;width:27px;height:52px;border:1px solid var(--red);color:var(--red);font:17px/1.1 var(--serif);letter-spacing:0;padding:4px;transform:rotate(4deg)}#ink-canvas{position:absolute;inset:0;width:100%;height:100%;z-index:2;pointer-events:none}.mist{position:absolute;width:75%;height:20%;background:radial-gradient(ellipse,#eeeee6ba,transparent 68%);filter:blur(24px);will-change:transform;animation:mistDrift 22s ease-in-out infinite alternate}.mist-one{right:-10%;top:55%;opacity:.75}.mist-two{left:8%;bottom:13%;width:110%;height:16%;animation-delay:-12s;animation-duration:28s}.hero-bottom{position:absolute;z-index:5;left:5.4%;right:5.4%;bottom:32px;display:flex;align-items:center;justify-content:space-between;font-size:10px;letter-spacing:1px;color:#59625b}.scroll-cue{display:flex;align-items:center;gap:16px}.scroll-stroke{height:33px;width:1px;background:var(--muted);position:relative;overflow:hidden}.scroll-stroke:after{content:"";position:absolute;inset:0;background:var(--paper);animation:scrollDrop 2s infinite}.mono{font-size:8px;letter-spacing:1.8px;color:#798177}.ink-hint{font-size:9px;display:flex;gap:10px;align-items:center;margin-left:auto;margin-right:85px}.ink-hint span{color:var(--red);font-size:17px}.hero-number{font:12px var(--serif)}
.section-pad{padding:105px 10.4%}.section-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:47px}.section-heading .eyebrow{color:var(--muted)}.section-kanji{color:var(--red);font:28px var(--serif)}h2{font:43px/1.5 var(--serif);font-weight:400;letter-spacing:3px}.philosophy{border-top:1px solid #b3baa83b}.philosophy-intro{display:grid;grid-template-columns:1.1fr 1fr;gap:8%;align-items:start}.philosophy h2{font-size:46px;line-height:1.6}.intro-copy{padding-top:10px;display:grid;grid-template-columns:1fr;gap:20px;font-size:13px;line-height:2.1;letter-spacing:1px;color:#687167}.principles{display:grid;grid-template-columns:repeat(3,1fr);gap:45px;margin-top:72px;border-top:1px solid var(--line);padding-top:32px}.principle{display:flex;gap:24px}.principle-index{font:29px var(--serif);color:var(--red);padding-top:3px}.principle h3{font:21px var(--serif);letter-spacing:2px;margin-bottom:15px}.principle p{font-size:11px;line-height:2;letter-spacing:1px;color:#737b70}.small-en{display:block;margin-top:23px;font-size:7px;letter-spacing:1.5px;color:#899081}
.games{padding-top:70px}.games .section-heading{align-items:end;margin-bottom:34px}.games h2{margin-top:15px}.section-note{font-size:11px;color:var(--muted);letter-spacing:1px;padding-bottom:8px}.project{display:grid;grid-template-columns:1.2fr 1fr;min-height:520px;background:#252e2a;color:#eeeee3;overflow:hidden}.project-art{min-height:520px;position:relative;isolation:isolate;overflow:hidden;background:#1c2927}.project-art>img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover;opacity:.67;filter:sepia(.2);transition:transform 1.8s}.project:hover .project-art>img{transform:scale(1.04)}.project-art:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 40%,#18231b9e)}.project-orbit{position:absolute;width:220px;height:220px;left:50%;top:50%;border-radius:50%;border:1px solid #b8b08766;transform:translate(-50%,-50%);box-shadow:0 0 50px #bfbda412,inset 0 0 30px #dddcb00a;animation:orbitBreathe 9s ease-in-out infinite}.project-orbit:after{content:"";position:absolute;inset:8px;border:1px solid #b8b08733;border-radius:50%}.project-sword{position:absolute;left:50%;top:47%;width:2px;height:190px;transform:translate(-50%,-50%) rotate(15deg);background:linear-gradient(0deg,#958b69,transparent 3%,#ada888 6%,#d9d6b5 18%,#c1c0a0 95%,transparent);box-shadow:0 0 16px #dddcb026}.project-sword:before{content:"";position:absolute;width:29px;height:2px;background:#b5a880;bottom:29px;left:-13px}.project-calligraphy{position:absolute;left:11%;top:13%;font:37px/1.4 var(--serif);letter-spacing:8px;color:#e5e2c9b8}.project-calligraphy>span{margin-left:25px}.art-caption{position:absolute;left:28px;bottom:23px;z-index:1;font-size:8px;letter-spacing:2px;color:#f0f0d890}.project-content{padding:48px 12% 38px;display:flex;flex-direction:column;justify-content:space-between;gap:38px}.status{display:inline-flex;align-items:center;gap:8px;font-size:8px;letter-spacing:1.4px;color:#b4b9a9}.status i{display:inline-block;width:4px;height:4px;background:#b7b598;border-radius:50%}.project-category{font-size:10px;letter-spacing:1px;color:#adb6a7;margin-bottom:15px}.project h3{font:51px/1.2 Georgia,serif;letter-spacing:-2px}.project-description{margin-top:24px;font-size:12px;line-height:2.2;letter-spacing:1px;color:#c4cabb}.project-open{display:flex;align-items:center;justify-content:space-between;background:transparent;border-top:1px solid #d9dbc32e;color:#eeeee3;font-size:11px;letter-spacing:2px;text-align:left;padding:23px 0 0}.project-open span:last-child{font-size:26px;transition:transform .3s}.project-open:hover span:last-child{transform:translate(4px,-4px)}.project-footnote{display:flex;justify-content:space-between;gap:20px;font-size:9px;letter-spacing:1px;color:#7b8376;margin-top:20px;line-height:1.7}
.studio{padding-top:95px;padding-bottom:110px;display:grid;grid-template-columns:1fr 1fr;gap:11%;align-items:center}.studio-art{position:relative;aspect-ratio:1}.enso{color:#3e473b;width:100%;height:100%;opacity:.87;transform:rotate(-10deg)}.studio-art-word{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;font:48px/1.35 var(--serif);letter-spacing:12px;margin-top:-10px;margin-left:12px}.studio-art-word span{margin-left:22px}.studio-art-caption{position:absolute;left:0;right:0;bottom:0;text-align:center;font:italic 11px Georgia,serif;letter-spacing:2px;color:var(--muted)}.studio-copy h2{margin:25px 0}.studio-copy>p:not(.eyebrow){font-size:12px;line-height:2.2;letter-spacing:1px;color:#697261;margin-bottom:20px}.studio-copy .text-link{margin-top:10px}.closing{padding:85px 10.4% 110px;text-align:center;border-top:1px solid #cdd0c670;position:relative;overflow:hidden;background:radial-gradient(ellipse at 50% 120%,#bcc4ae55,transparent 65%)}.closing .eyebrow{justify-content:center;color:#858c7d}.closing-line{font:74px/1.5 var(--serif);letter-spacing:9px;margin-top:24px}.closing-line em{font-style:normal;color:var(--red)}.closing-seal{position:absolute;right:15%;top:42%;border:1px solid var(--red);padding:6px 4px;font:13px/1.2 var(--serif);color:var(--red);transform:rotate(-3deg)}footer{padding:35px 5.4%;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:25px}.footer-brand{font:12px Georgia,serif;letter-spacing:2px}.footer-brand span{display:block;font:9px var(--sans);letter-spacing:1px;color:var(--muted);margin-top:10px}footer p{font-size:9px;letter-spacing:.6px;color:#818878}.back-top{font-size:10px;letter-spacing:1px}.back-top span{margin-left:25px;font-size:19px}
dialog{max-width:780px;width:calc(100% - 32px);max-height:90svh;border:1px solid #ced0c5;padding:0;background:var(--paper);color:var(--ink);box-shadow:0 20px 100px #101c1755}dialog::backdrop{background:#13201dc2;backdrop-filter:blur(7px)}.dialog-inner{padding:60px;position:relative}.dialog-close{position:absolute;right:20px;top:16px;padding:5px 10px;background:transparent;font:30px Georgia;line-height:1}.dialog-inner>.status{color:#697260;margin-top:26px}.dialog-inner h2{font:58px Georgia,serif;letter-spacing:-2px;margin:20px 0}.dialog-lead{font:24px var(--serif);margin-bottom:22px}.dialog-inner>p:not(.eyebrow):not(.dialog-lead){font-size:12px;line-height:2;color:#687260}.dialog-features{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin:30px 0;border-top:1px solid var(--line);padding-top:24px}.dialog-features span{font:italic 13px Georgia;color:var(--red)}.dialog-features h3{font:19px var(--serif);margin:15px 0 10px}.dialog-features p{font-size:11px;line-height:1.9;color:#6a7462}.dialog-inner .dialog-note{font-size:10px!important}.dialog-return{background:var(--ink);color:var(--paper);font-size:12px;padding:15px 20px;margin-top:26px}.dialog-return span{margin-left:32px}.reveal{opacity:1;transform:none}.js-motion .reveal{opacity:0;transform:translateY(24px);transition:opacity 1s,transform 1s}.js-motion .reveal.visible{opacity:1;transform:none}.paused *, .paused *::before,.paused *::after{animation-play-state:paused!important}.paused .reveal{opacity:1;transform:none;transition:none}.paused .landscape{animation:none}
@keyframes inkReveal{from{opacity:0;filter:blur(10px);transform:scale(1.05)}to{opacity:1;filter:blur(0);transform:scale(1)}}@keyframes mistDrift{from{transform:translate(-4%,0)}to{transform:translate(7%,-10%)}}@keyframes scrollDrop{0%{transform:translateY(-100%)}70%,100%{transform:translateY(100%)}}@keyframes orbitBreathe{0%,100%{opacity:.55;box-shadow:0 0 30px #bfbda408}50%{opacity:1;box-shadow:0 0 70px #bfbda426}}
@media(min-width:1600px){.hero-copy{padding-top:195px}.hero{min-height:950px}.hero-description{font-size:14px}.hero-copy .text-link{margin-top:35px}}
@media(max-width:1100px){nav{gap:25px;margin-right:15px}.hero-copy{padding-left:8%;width:58%}.hero{min-height:820px}.hero .eyebrow{font-size:8px;letter-spacing:1.5px}.section-pad{padding-left:8%;padding-right:8%}.principles{gap:20px}.principle{gap:15px}.project h3{font-size:43px}.project-content{padding:35px 10%}.studio{gap:8%}.section-note{display:none}.hero-inscription{right:5%;top:150px}}
@media(max-width:760px){html{scroll-padding-top:24px}.site-header{height:84px;padding:0 6%;gap:16px}.brand{font-size:16px;letter-spacing:1.6px;gap:8px}.brand-mark{width:29px;height:34px}.brand-bottom{font-size:9px;letter-spacing:4px;margin-top:5px}.brand-bottom i{display:none}nav{margin:0 0 0 auto;gap:0}nav a{display:none}nav a[href="#games"]{display:block;font-size:10px;letter-spacing:1px}.motion-label{display:none}.motion-toggle{padding:4px}.hero{height:850px;min-height:850px;max-height:none}.hero-copy{padding:131px 0 0 8%;width:84%}.hero .eyebrow{font-size:7px;letter-spacing:1.4px;gap:8px}.tiny-line{width:18px}h1{font-size:83px;line-height:1.08;margin-top:28px;margin-left:-3px}.hero-english{font-size:16px;margin-top:18px}.hero-description{font-size:11px;margin-top:21px;letter-spacing:1.3px}.hero-copy .text-link{margin-top:17px}.hero-copy .text-link span{font-size:10px}.hero-copy .text-link .link-arrow{font-size:22px}.landscape{top:100px;left:-55%;width:155%;height:750px;opacity:.8}.landscape>img{object-position:80% center}.hero-sky{z-index:2;background:linear-gradient(90deg,#eeeee6d9,transparent 65%);pointer-events:none}.hero-inscription{top:160px;right:7%;font-size:12px;letter-spacing:4px;gap:20px}.red-seal{width:23px;height:45px;font-size:14px}.hero-bottom{bottom:25px;left:8%;right:8%}.scroll-cue{font-size:9px;gap:12px}.mono{display:none}.ink-hint{display:none}.section-pad{padding:67px 8%}.section-heading{margin-bottom:32px}.eyebrow{font-size:8px;letter-spacing:1.5px}.philosophy-intro{grid-template-columns:1fr;gap:20px}.philosophy h2{font-size:35px;line-height:1.6}.intro-copy{font-size:12px;gap:17px;padding-top:3px}.principles{margin-top:36px;grid-template-columns:1fr;padding-top:10px;gap:0}.principle{padding:25px 0;border-bottom:1px solid var(--line);gap:26px}.principle-index{font-size:27px}.principle h3{font-size:22px;margin-bottom:10px}.principle p{font-size:12px}.small-en{margin-top:12px;font-size:8px}.games{padding-top:25px}.games h2{font-size:31px;letter-spacing:1px}.project{grid-template-columns:1fr}.project-art{min-height:320px}.project-content{padding:30px 28px 25px;gap:28px}.project h3{font-size:46px}.project-description{font-size:12px;margin-top:18px}.project-category{font-size:9px}.project-open{padding-top:18px}.project-footnote{display:block;font-size:9px}.project-footnote span{display:block;margin-top:8px}.project-orbit{width:185px;height:185px}.project-sword{height:150px}.studio{grid-template-columns:1fr;gap:55px;padding-top:10px}.studio-art{max-width:310px;width:95%;margin:auto}.studio-art-word{font-size:43px}.studio-copy h2{font-size:37px;margin-top:20px}.studio-copy>p:not(.eyebrow){font-size:12px}.closing{padding:65px 8% 85px}.closing-line{font-size:49px;letter-spacing:4px}.closing-seal{right:7%;top:57%;font-size:11px}footer{padding:28px 8%;flex-wrap:wrap;gap:25px}.footer-brand{font-size:11px}footer p{order:3;width:100%;font-size:8px}.back-top{font-size:9px}.back-top span{margin-left:12px}.dialog-inner{padding:42px 25px 32px}.dialog-inner h2{font-size:45px}.dialog-lead{font-size:21px}.dialog-features{grid-template-columns:1fr;gap:20px;margin:25px 0}.dialog-features>div{display:grid;grid-template-columns:25px 1fr;column-gap:10px}.dialog-features h3{margin:0 0 8px;font-size:19px}.dialog-features p{grid-column:2}.dialog-close{right:12px;top:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.js-motion .reveal{opacity:1;transform:none}}

/* Brush display type, with readable, stronger supporting text. */
h1{color:#1b2522;letter-spacing:2px;line-height:1.1}h1 .punctuation,h1 .red-stop{font-size:.7em}.hero-inscription{color:#4f594d}.hero-description{color:#424e44;font-size:14px;font-weight:500}.intro-copy,.studio-copy>p:not(.eyebrow){color:#505d4e;font-size:14px}.principle p{color:#58634f;font-size:12px}nav{font-weight:600}.project-calligraphy{color:#eee9d4}.project-description{color:#d6dacb}.dialog-lead{font-size:27px}
@media(max-width:700px){.hero-description{font-size:12px}.intro-copy,.studio-copy>p:not(.eyebrow){font-size:13px}}

/* Localized mastheads and longer English copy. */
.brand-name{font:34px/1.1 var(--serif);letter-spacing:3px}.brand-name .brand-bottom{font:9px/1.3 Georgia,serif;letter-spacing:2.5px;margin-top:8px}
.language-switch{font:600 12px/1.2 var(--sans);white-space:nowrap;border-bottom:1px solid var(--red);padding:12px 0;letter-spacing:1px}.language-switch span{font-size:10px;margin-left:4px}.site-header{gap:22px}nav{margin-right:10px;gap:28px}
html[lang="zh-CN"] .project h3,html[lang="zh-CN"] .dialog-inner h2{font-family:var(--serif);letter-spacing:2px}
html[lang="en"]{--serif:Georgia,"Times New Roman",serif}
html[lang="en"] .brand-name{font:600 21px/1.1 Georgia,serif;letter-spacing:2px}html[lang="en"] .brand-bottom{font-size:11px;letter-spacing:6px}
html[lang="en"] h1{font-size:clamp(55px,5.8vw,94px);font-weight:700;letter-spacing:-3px;line-height:1.12;white-space:nowrap}html[lang="en"] .hero-copy{width:65%}html[lang="en"] .hero-english{font-size:18px}
html[lang="en"] h2{font-size:35px;letter-spacing:-.8px;line-height:1.3}html[lang="en"] .philosophy h2{font-size:36px;line-height:1.4}html[lang="en"] .principle h3{font-size:22px;letter-spacing:-.3px;line-height:1.3}
html[lang="en"] .intro-copy,html[lang="en"] .principle p,html[lang="en"] .studio-copy>p,html[lang="en"] .project-description{letter-spacing:.2px;line-height:1.9}
html[lang="en"] .project h3{font-size:43px;letter-spacing:-1.5px}html[lang="en"] .project-calligraphy{font-size:33px;letter-spacing:0;font-style:italic}
html[lang="en"] .studio-art-word{font-size:40px;letter-spacing:-1px}html[lang="en"] .studio-art-word span{margin-left:0}html[lang="en"] .closing-line{font-size:64px;letter-spacing:-1px;line-height:1.2}html[lang="en"] .closing-seal{font:9px/1.5 var(--sans);letter-spacing:1px;right:10%;top:65%}
html[lang="en"] .red-seal{font-family:StudioBrush,serif}html[lang="en"] .hero-inscription{font-size:10px;letter-spacing:3px}html[lang="en"] .dialog-lead{font-size:24px;line-height:1.5}html[lang="en"] .dialog-features h3{line-height:1.3}
@media(max-width:1100px){html[lang="en"] nav{gap:15px;font-size:11px}html[lang="en"] .motion-label{display:none}}
@media(max-width:760px){.site-header{gap:16px}.brand-name{font-size:28px;letter-spacing:2px}.brand-name .brand-bottom{font-size:7px;letter-spacing:1.7px}.language-switch{margin-left:auto;font-size:12px}.site-header nav{display:none}.site-header .brand{margin-right:auto}.language-switch span{display:none}html[lang="en"] .brand-name{font-size:16px;letter-spacing:1.6px}html[lang="en"] .brand-bottom{font-size:9px;letter-spacing:4px}html[lang="en"] .hero-copy{width:90%}html[lang="en"] h1{font-size:clamp(43px,8.5vw,62px);letter-spacing:-1.8px;white-space:normal;margin-top:40px}html[lang="en"] .hero-english{font-size:16px}html[lang="en"] .hero-description{max-width:270px;letter-spacing:.2px;line-height:1.9}html[lang="en"] .hero-inscription{top:420px;font-size:8px;right:5%;gap:16px}html[lang="en"] .hero .eyebrow{font-size:6px;letter-spacing:1px}html[lang="en"] h2,html[lang="en"] .philosophy h2{font-size:30px}html[lang="en"] .project h3{font-size:37px}html[lang="en"] .closing-line{font-size:42px}html[lang="en"] .studio-art-word{font-size:35px}html[lang="en"] .dialog-inner h2{font-size:39px}html[lang="en"] .dialog-lead{font-size:21px}html[lang="en"] .project-category{font-size:8px;letter-spacing:.3px}}