@charset "UTF-8";
:root{--blue:#2446ed;--ink:#191a1d;--muted:#63666f;--line:#dfe1e7;--paper:#fff; font-family:Arial,"PingFang SC","Microsoft YaHei",sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}
*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}a:focus-visible{outline:3px solid var(--blue);outline-offset:7px}a:hover{text-decoration:underline;text-underline-offset:5px}::selection{background:var(--blue);color:white}.wrap{max-width:1440px;width:calc(100% - 112px);margin:auto}.header{height:114px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:11px;font-size:31px;font-weight:800;letter-spacing:-1.3px;line-height:.9}.brand:hover{text-decoration:none}.brand-studio{display:block;font-size:12px;letter-spacing:4.3px;font-weight:500;margin-top:7px}.brand-symbol{display:block;width:29px;height:40px;border-radius:0 24px 24px 0;background:var(--blue)}nav{display:flex;align-items:center;gap:38px;font-size:14px}nav .nav-en{margin-left:39px;font-size:12px;letter-spacing:1px}.nav-en span{margin-left:10px}.hero{padding-top:60px}.eyebrow{font-size:12px;font-weight:600;letter-spacing:1.6px;line-height:1.6}.hero .eyebrow{display:flex;gap:12px;align-items:center}.tiny-mark{font-size:22px;color:var(--blue);line-height:1}h1{font-size:clamp(44px,5.5vw,84px);letter-spacing:-3px;line-height:1.24;font-weight:650;margin:31px 0 27px}.blue{color:var(--blue)}.hero-bottom{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:51px}.hero-bottom p{color:var(--muted);font-size:16px;line-height:1.85;margin:0}.text-link{font-size:14px;display:flex;gap:60px;border-bottom:1px solid var(--ink);padding-bottom:12px}.text-link span{font-size:21px;line-height:16px}.composition{background:var(--blue);color:white;padding:27px 34px 25px;overflow:hidden}.composition-top,.composition-bottom{display:flex;justify-content:space-between;gap:24px;font-size:12px;letter-spacing:1.5px;line-height:1.5}.wordmark{font-size:clamp(90px,21vw,300px);font-weight:800;letter-spacing:-.075em;line-height:1.05;text-align:center;margin:-2px 0 5px;padding-right:.08em}.outline{-webkit-text-stroke:2px white;color:transparent}.wordmark-period{color:#bdff79}.composition-bottom{font-size:12px;letter-spacing:.8px}.section{padding-top:110px;padding-bottom:108px}.section-intro{display:grid;grid-template-columns:1fr 2fr;gap:35px}.section-intro>div:last-child{display:flex;justify-content:space-between;align-items:flex-end;gap:35px}h2{font-size:40px;line-height:1.4;letter-spacing:-1px;font-weight:600;margin:0}.section-intro p{font-size:16px;line-height:1.8;color:var(--muted);margin:0 0 6px}.services{display:grid;grid-template-columns:repeat(3,1fr);gap:38px;margin-top:59px}.service{border-top:1px solid var(--ink);padding-top:23px}.service-top{display:flex;justify-content:space-between;align-items:center;gap:15px}.service-number{font-size:27px;font-weight:400;color:var(--blue);letter-spacing:-1px}.service-label{font-size:12px;letter-spacing:.8px;color:var(--muted)}h3{font-size:24px;font-weight:600;letter-spacing:-.5px;margin:33px 0 17px}.service p{font-size:16px;line-height:1.9;color:var(--muted);margin:0;max-width:345px}.service-tags{font-size:12px;color:var(--muted);border-top:1px solid var(--line);margin-top:32px;padding-top:18px;letter-spacing:.3px}.about{background:#17191e;color:white}.about-inner{padding-top:63px;padding-bottom:44px}.about .eyebrow{color:#a9aebb}.about-content{display:grid;grid-template-columns:1.2fr 1fr;gap:90px;margin-top:49px}.about h2{font-size:clamp(32px,3.5vw,50px);line-height:1.5}.about h2 span{display:block;color:#b9c3ff}.about-copy{max-width:450px}.about-copy p{font-size:16px;color:#c5c8d1;line-height:1.95;margin:0 0 21px}.principles{display:flex;justify-content:space-between;gap:28px;border-top:1px solid #41434a;margin-top:48px;padding-top:26px;color:#c5c8d1;font-size:14px}.principles span:before{content:'＋';color:#a5b5ff;margin-right:14px}.company{display:flex;justify-content:space-between;gap:45px;padding-top:78px;padding-bottom:72px}.company h2{font-size:40px;letter-spacing:-1.6px;margin-top:17px}.company>div>p{color:var(--muted);font-size:16px;line-height:1.7;margin:9px 0 0}.legal{min-width:320px}.legal span{font-size:12px;color:var(--muted);letter-spacing:.7px}.company .legal p{font-size:21px;line-height:1.4;color:var(--ink);letter-spacing:-.3px;margin:18px 0}.footer{display:flex;align-items:center;justify-content:space-between;gap:25px;border-top:1px solid var(--line);padding-top:24px;padding-bottom:28px;font-size:12px;color:var(--muted)}.footer-motto{letter-spacing:.5px}.skip{position:absolute;left:20px;top:-70px;background:white;padding:15px;z-index:2}.skip:focus{top:10px}
@media(min-width:1550px){.hero{padding-top:70px}.wordmark{font-size:300px}}
@media(max-width:1000px){.wrap{width:calc(100% - 64px)}nav .nav-en{margin-left:0}.section-intro{grid-template-columns:1fr 2fr}.section-intro>div:last-child{display:block}.section-intro p{margin-top:20px}.services{gap:24px}.service-label{font-size:12px;letter-spacing:0}.about-content{gap:40px}.composition-bottom span:last-child{max-width:220px;text-align:right}.legal{min-width:280px}}
@media(max-width:640px){.wrap{width:calc(100% - 40px)}.header{height:88px}.brand{font-size:27px}.brand-symbol{height:34px;width:25px}.brand-studio{font-size:12px;letter-spacing:3px}nav{gap:20px;font-size:12px}nav .nav-en{display:none}.hero{padding-top:36px}.hero .eyebrow{font-size:12px;letter-spacing:.6px;max-width:310px}.tiny-mark{display:none}h1{font-size:clamp(33px,8.5vw,53px);letter-spacing:-1.8px;margin:26px 0 24px;line-height:1.35}.hero-bottom{display:block;margin-bottom:32px}.hero-bottom p{font-size:16px;line-height:1.9}.text-link{width:max-content;margin-top:25px;gap:48px}.composition{padding:20px 18px}.composition-top{font-size:12px;letter-spacing:.3px}.composition-top span:last-child{max-width:110px;text-align:right}.wordmark{font-size:23vw;margin:18px 0 20px}.outline{-webkit-text-stroke:1px white}.composition-bottom{font-size:12px}.composition-bottom span:last-child{display:none}.section{padding-top:65px;padding-bottom:64px}.section-intro{display:block}.section-intro>div:last-child{margin-top:22px}h2{font-size:31px}.section-intro p{margin-top:18px}.services{grid-template-columns:1fr;gap:32px;margin-top:36px}.service{padding-top:18px}h3{margin-top:23px;margin-bottom:12px}.service p{max-width:none}.service-tags{margin-top:20px;padding-top:15px}.about-inner{padding-top:38px;padding-bottom:32px}.about .eyebrow{font-size:12px;letter-spacing:.7px}.about-content{grid-template-columns:1fr;gap:25px;margin-top:28px}.about h2{font-size:32px}.principles{flex-direction:column;gap:19px;margin-top:20px;padding-top:24px}.company{display:block;padding-top:48px;padding-bottom:43px}.company h2{font-size:35px}.legal{margin-top:34px;min-width:0}.company .legal p{font-size:20px}.footer{flex-wrap:wrap;font-size:12px;gap:20px}.footer-motto{display:none}}