:root{--ink: #17171c;--paper: #ffffff;--surface: #f6f5f8;--purple: #6842f4;--purple-dark: #5130c9;--lime: #d6ff57;--muted: #66656f;--line: #e5e4eb;--font: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "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-family:var(--font);-webkit-font-smoothing:antialiased}h1,h2,h3,p,figure{margin:0}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a,summary{-webkit-tap-highlight-color:transparent}button{cursor:pointer}img{max-width:100%;display:block}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid var(--purple);outline-offset:6px}#main-content:focus{outline:none}::selection{background:var(--lime);color:var(--ink)}.page-width{width:min(1280px,calc(100% - 112px));margin-inline:auto}.section-space{padding-block:clamp(80px,9vw,140px)}.eyebrow{display:flex;align-items:center;gap:10px;font-size:12px;font-weight:600;letter-spacing:.12em;line-height:1.7}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-bottom:24px;border-bottom:1px solid var(--line);margin-bottom:56px}.section-aside{font-size:13px;color:var(--muted)}h2{font-size:clamp(38px,4.6vw,66px);line-height:1.18;letter-spacing:-.055em;font-weight:650}.purple-text{color:var(--purple)}.section-title-row{display:flex;align-items:flex-end;justify-content:space-between;gap:40px;margin-bottom:50px}.section-title-row>p{font-size:16px;line-height:1.9;color:var(--muted)}.button{min-height:50px;display:inline-flex;align-items:center;justify-content:center;gap:24px;padding:14px 23px;border-radius:100px;font-size:14px;font-weight:500;transition:transform .25s,background .25s}.button-dark{color:#fff;background:var(--ink)}.button:hover{transform:translateY(-3px);background:var(--purple)}.text-link{display:inline-flex;align-items:center;gap:16px;font-size:14px;font-weight:500}.text-link span{transition:transform .25s}.text-link:hover{color:var(--purple)}.text-link:hover span{transform:translate(4px)}.skip-link{position:fixed;top:-80px;left:20px;background:var(--ink);color:#fff;padding:14px 20px;z-index:100;border-radius:8px}.skip-link:focus{top:12px}.navigation{position:fixed;inset:0 0 auto;z-index:50;height:82px;border-bottom:1px solid rgba(229,228,235,.65);background:#fffffff0;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.nav-container{width:min(1400px,calc(100% - 80px));height:100%;margin-inline:auto;display:flex;align-items:center;justify-content:space-between;gap:36px}.brand-lockup{display:flex;align-items:center;gap:17px}.nav-wordmark{width:67px;height:auto}.brand-english{font-size:11px;letter-spacing:.12em;font-weight:750}.nav-links{display:flex;gap:31px;align-items:center;list-style:none;margin:0;padding:0;font-size:12px;font-weight:500}.nav-links a{display:inline-flex;align-items:center;min-height:44px;transition:color .2s}.nav-links a:hover{color:var(--purple)}.nav-links .nav-contact{gap:20px;border:1px solid var(--line);border-radius:100px;padding:0 18px}.nav-links .nav-contact:hover{background:var(--ink);color:#fff;border-color:var(--ink)}.menu-toggle{display:none}.hero{padding-top:82px}.hero-content{min-height:min(770px,calc(100svh - 146px));padding-block:78px 64px;display:grid;grid-template-columns:1.03fr 1fr;align-items:center;gap:clamp(44px,6vw,92px)}.status-dot{width:7px;height:7px;border-radius:50%;background:var(--purple)}.hero h1{margin:30px 0 28px;font-size:clamp(72px,7.8vw,112px);line-height:1.1;font-weight:750;letter-spacing:-.075em}.hero h1>span{color:var(--ink)}.hero-lead{font-size:16px;line-height:1.9;color:var(--muted)}.hero-actions{display:flex;align-items:center;gap:24px;flex-wrap:wrap;margin-top:36px}.identity-art{position:relative;aspect-ratio:1 / 1.06;background:var(--surface);border-top:2px solid var(--ink);border-bottom:1px solid var(--line);padding:30px;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;color:var(--ink);isolation:isolate}.art-topline{font-size:10px;font-weight:600;letter-spacing:.12em;position:relative;z-index:2}.kinetic-wordmark{position:absolute;top:25%;left:9%;width:82%;height:45%;overflow:visible}.tang-body{animation:type-arrive .7s cubic-bezier(.2,.8,.25,1) both}.xin-body{animation:type-arrive .7s .12s cubic-bezier(.2,.8,.25,1) both}.xin-dot{fill:var(--purple);transform-box:fill-box;transform-origin:center;animation:dot-shift .85s .12s cubic-bezier(.22,.8,.3,1) both}.art-bottomline{display:flex;align-items:flex-end;justify-content:space-between;position:relative;z-index:2;margin-top:auto}.art-bottomline>span:first-child{font-size:15px;font-weight:600;line-height:1.7;letter-spacing:.08em}.art-bottomline small{font-size:10px;font-weight:400;color:var(--muted)}.art-coordinate{color:var(--muted);text-align:right;font-size:9px;letter-spacing:.15em;line-height:1.5}.art-caption{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-top:17px;font-size:11px;color:var(--muted)}.art-caption button{padding:6px 0 6px 10px;color:var(--ink);background:none;border:0;font-size:11px}.art-caption button:hover{color:var(--purple)}.art-caption button span{font-size:16px;margin-left:5px}.hero-foot{min-height:66px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:10px;letter-spacing:.12em;color:var(--muted)}.hero-foot a{letter-spacing:0;font-size:11px}.hero-foot a span{margin-left:20px}@keyframes type-arrive{0%{opacity:0;transform:translate(-9px)}to{opacity:1;transform:none}}@keyframes dot-shift{0%,30%{transform:translate(9px,-5px) rotate(16deg)}to{transform:none}}.about-section{background:var(--surface)}.manifesto{font-size:clamp(66px,9vw,120px);line-height:1.13;letter-spacing:-.055em}.about-bottom{display:grid;grid-template-columns:1fr 1.3fr;gap:72px;margin-top:64px;align-items:start}.about-intro{max-width:430px;font-size:17px;line-height:1.95;color:var(--muted)}.principles{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.principles article>span{color:var(--purple);font-size:11px;font-weight:700}.principles h3{font-size:18px;margin:25px 0 12px;font-weight:600}.principles p{font-size:13px;line-height:1.85;color:var(--muted)}.work-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px}.work-image{position:relative;overflow:hidden;border-radius:14px;background:var(--surface)}.work-image img{width:100%;height:auto;aspect-ratio:4 / 3;object-fit:cover;transition:transform .6s cubic-bezier(.2,.8,.3,1)}.work-card:hover .work-image img{transform:scale(1.035)}.work-open{position:absolute;bottom:17px;right:17px;width:35px;height:35px;display:grid;place-items:center;background:#fff;color:var(--ink);border-radius:50%;font-size:20px;transition:transform .25s}.work-card:hover .work-open{transform:rotate(45deg)}.work-meta{display:flex;justify-content:space-between;gap:15px;font-size:10px;margin:21px 0 12px;letter-spacing:.08em;color:var(--muted)}.work-card h3{font-size:20px;font-weight:600;letter-spacing:-.03em}.work-card>p{font-size:13px;line-height:1.8;margin-top:10px;color:var(--muted);max-width:300px}.work-disclosure{font-size:11px;color:var(--muted);line-height:1.7;border-top:1px solid var(--line);padding-top:22px;margin-top:45px}.ip-section{background:var(--ink);color:#fff}.ip-section .section-heading{border-color:#37373d}.ip-section .eyebrow{color:var(--lime)}.ip-section .section-aside{color:#a4a3ac}.ip-layout{display:grid;grid-template-columns:1fr 1.12fr;gap:76px;align-items:center}.ip-intro{font-size:14px;color:#b0afb9;line-height:1.95;margin-top:25px}.ip-characters{display:grid;grid-template-columns:1fr 1fr;gap:25px;margin-top:44px}.ip-characters article{display:flex;gap:14px;border-top:1px solid #42424b;padding-top:22px}.character-index{color:var(--lime);font-size:11px;padding-top:6px}.ip-characters h3{font-size:20px;font-weight:600}.ip-characters small{display:block;font-size:9px;letter-spacing:.12em;margin-top:7px;color:#b0afb9;font-weight:500}.ip-characters p{font-size:12px;color:#b0afb9;margin-top:16px;line-height:1.9}.ip-visual{min-width:0}.ip-visual img{width:100%;height:auto;border-radius:18px}.ip-visual figcaption{display:flex;justify-content:space-between;align-items:center;margin-top:16px;font-size:11px;color:#b0afb9}.ip-visual figcaption span:last-child{font-size:9px;letter-spacing:.12em}.services-list{border-top:1px solid var(--line)}.services-list details{border-bottom:1px solid var(--line)}.services-list summary{list-style:none;display:grid;grid-template-columns:60px 1fr 1fr 30px;align-items:center;gap:24px;padding:31px 0;cursor:pointer}.services-list summary::-webkit-details-marker{display:none}.service-number{font-size:11px;color:var(--muted)}.services-list h3{font-size:clamp(25px,3vw,38px);letter-spacing:-.04em;font-weight:550}.service-en{font-size:11px;color:var(--muted);letter-spacing:.1em}.service-toggle{font-size:29px;font-weight:300;text-align:right;line-height:1;transition:transform .25s}.services-list details[open] .service-toggle{transform:rotate(45deg);color:var(--purple)}.services-list summary:hover h3{color:var(--purple)}.service-detail{padding:0 54px 36px 84px;display:grid;grid-template-columns:1.2fr 1fr;gap:20px 60px}.service-detail p{max-width:500px;color:var(--muted);font-size:14px;line-height:1.9}.service-detail ul{margin:0;padding:0;list-style:none;display:flex;align-content:start;flex-wrap:wrap;gap:10px}.service-detail li{border:1px solid var(--line);border-radius:100px;font-size:11px;padding:8px 13px}.service-detail .text-link{color:var(--purple-dark);font-size:12px}.footer{background:var(--ink);color:#fff;padding-bottom:24px}.footer .eyebrow{color:var(--lime)}.contact-heading{display:flex;justify-content:space-between;align-items:center;gap:30px;margin:36px 0 30px}.contact-heading h2{font-size:clamp(36px,5.8vw,80px);line-height:1.24}.contact-arrow{width:94px;height:94px;display:grid;place-items:center;flex-shrink:0;border-radius:50%;background:var(--lime);color:var(--ink);font-size:50px;transition:transform .3s,background .3s}.contact-arrow:hover{transform:rotate(45deg);background:#fff}.contact-email{display:inline-block;color:#c5c4ce;font-size:clamp(17px,2vw,25px);padding-bottom:8px;border-bottom:1px solid #66656f}.contact-email:hover{color:var(--lime)}.footer-rule{height:1px;background:#37373d;margin-block:72px 43px}.footer-main{display:grid;grid-template-columns:1fr 1.4fr .7fr;align-items:start;gap:32px}.footer-brand{display:flex;flex-direction:column;gap:12px;width:112px}.footer-brand img{width:112px;height:55px}.footer-brand span{font-size:11px;font-weight:600;letter-spacing:.08em}.footer-main>p{font-size:13px;color:#b0afb9;line-height:2}.footer-main nav{display:grid;gap:16px;font-size:12px}.footer-main nav a:hover{color:var(--lime)}.footer-bottom{display:flex;gap:32px;justify-content:space-between;padding-top:50px;margin-top:42px;font-size:10px;color:#b0afb9}.footer-bottom a:hover{color:#fff}.footer a:focus-visible{outline-color:var(--lime)}.detail-page{padding:150px 0 100px;min-height:70vh}.detail-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:50px;font-size:12px;color:var(--muted)}.detail-page h1{max-width:900px;font-size:clamp(36px,5.5vw,76px);letter-spacing:-.05em;line-height:1.2;margin-bottom:25px}.detail-lead{max-width:650px;color:var(--muted);line-height:1.9;font-size:17px}.detail-notice{font-size:12px;color:var(--purple-dark);margin-top:20px;line-height:1.8}.detail-image{width:100%;height:auto;max-height:720px;object-fit:contain;background:var(--surface);border-radius:18px;margin-block:50px}.detail-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:54px}.detail-grid h2{font-size:23px;letter-spacing:-.02em;margin-bottom:20px}.detail-grid p,.detail-grid li{font-size:14px;color:var(--muted);line-height:1.9}.detail-grid ul{padding-left:20px;margin:0}.detail-next{display:flex;justify-content:space-between;gap:25px;margin-top:70px;border-top:1px solid var(--line);padding-top:25px;font-size:14px}.not-found{padding-block:70px}.not-found p{margin:25px 0;color:var(--muted);line-height:1.8}@media(min-width:1600px){.hero-content{padding-block:96px}}@media(max-width:1100px){.page-width{width:calc(100% - 72px)}.nav-container{width:calc(100% - 64px)}.brand-english{display:none}.nav-links{gap:24px}.hero-content{gap:40px;padding-block:64px;min-height:700px}.hero h1{font-size:82px}.hero-actions{gap:20px}.hero-lead{font-size:14px}.identity-art{padding:24px}.about-bottom{grid-template-columns:1fr;gap:42px}.about-intro{max-width:650px}.principles{gap:44px}.work-grid{gap:18px}.work-card h3{font-size:18px}.ip-layout{gap:36px;grid-template-columns:1fr 1fr}.ip-characters{gap:14px}.ip-characters article{gap:8px}}@media(max-width:760px){html{scroll-padding-top:85px}.page-width{width:calc(100% - 40px)}.navigation{height:70px}.nav-container{width:calc(100% - 40px)}.nav-wordmark{width:60px}.brand-english{display:inline;font-size:10px}.menu-toggle{display:flex;align-items:center;gap:18px;border:0;background:none;color:var(--ink);padding:10px 0 10px 12px;font-size:13px}.menu-toggle span{font-size:24px}.nav-links{display:none;position:absolute;top:70px;left:0;right:0;background:#fff;padding:16px 22px 24px;border-bottom:1px solid var(--line);box-shadow:0 15px 20px #17171c08}.nav-links.is-open{display:grid;gap:4px}.nav-links a{width:100%;padding-block:7px;font-size:14px}.nav-links .nav-contact{width:fit-content;padding-inline:20px;margin-top:12px}.hero{padding-top:70px}.hero-content{grid-template-columns:1fr;min-height:auto;padding-block:56px 36px;gap:46px}.hero h1{font-size:clamp(66px,17vw,104px);margin-block:25px}.hero-lead{font-size:15px}.hero-actions{margin-top:27px;gap:24px}.button{font-size:13px;padding-inline:20px;gap:20px}.text-link{font-size:13px}.identity-stage{width:100%;max-width:540px;margin-inline:auto}.identity-art{aspect-ratio:1.12 / 1;padding:25px}.kinetic-wordmark{width:82%;height:45%;left:9%;top:24%}.art-caption{font-size:10px;margin-top:10px}.art-caption button{font-size:10px}.hero-foot{min-height:60px}.hero-foot>span{font-size:8px;letter-spacing:.04em}.hero-foot a{font-size:10px}.hero-foot a span{margin-left:5px}.section-heading{margin-bottom:36px;padding-bottom:20px}.eyebrow,.section-aside{font-size:10px}.manifesto{font-size:clamp(60px,14vw,90px)}.about-bottom{margin-top:36px;gap:35px}.about-intro{font-size:15px}.principles{grid-template-columns:1fr;gap:0}.principles article{display:grid;grid-template-columns:30px 100px 1fr;gap:12px;padding-block:23px;border-top:1px solid var(--line);align-items:start}.principles h3{font-size:16px;margin:0}.principles article>span{padding-top:3px}.principles p{font-size:12px;line-height:1.6}.section-title-row{display:grid;gap:24px;margin-bottom:32px}.section-title-row>p{font-size:14px}.work-grid{grid-template-columns:1fr;gap:36px}.work-card h3{font-size:22px}.work-card>p{max-width:100%;font-size:14px}.work-meta{font-size:11px}.work-disclosure{margin-top:34px}.ip-layout{grid-template-columns:1fr;gap:40px}.ip-copy h2{font-size:45px}.ip-intro{font-size:14px}.ip-characters{margin-top:30px;gap:20px}.ip-characters article{gap:13px}.services-list summary{grid-template-columns:25px 1fr 22px;gap:12px;padding-block:27px}.service-en{display:none}.service-detail{grid-template-columns:1fr;padding:0 0 30px 37px;gap:21px}.service-detail p{font-size:13px}.service-detail li{padding:7px 11px}.contact-heading{margin-block:30px 25px}.contact-heading h2{font-size:clamp(32px,7.8vw,50px)}.contact-arrow{width:57px;height:57px;font-size:31px}.contact-email{font-size:18px}.footer-rule{margin-block:48px 34px}.footer-main{grid-template-columns:1fr 1fr;row-gap:35px}.footer-main>p{font-size:11px}.footer-main nav{display:flex;flex-wrap:wrap;gap:26px;grid-column:1 / -1;font-size:12px}.footer-bottom{padding-top:20px;margin-top:40px;gap:14px;font-size:9px;flex-wrap:wrap}.detail-page{padding-block:120px 70px}.detail-top{font-size:10px;margin-bottom:30px}.detail-lead{font-size:15px}.detail-image{margin-block:35px;border-radius:12px}.detail-grid{grid-template-columns:1fr;gap:36px}.detail-next{flex-direction:column;margin-top:42px}}@media(max-width:360px){.brand-english{font-size:9px}.brand-lockup{gap:12px}.hero-actions{gap:18px}.principles article{grid-template-columns:22px 85px 1fr;gap:8px}.principles h3{font-size:15px}.section-heading{gap:10px}.section-aside{font-size:9px}.contact-heading{gap:12px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}