@charset "UTF-8";
:root{--paper:#f5f4ed;--ink:#253e34;--muted:#68766d;--green:#264f42;--line:#dcded2;--accent:#c27050}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:28px}body{margin:0;background:var(--paper);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}a:focus-visible{outline:3px solid var(--accent);outline-offset:5px}h1,h2,h3,p{margin:0}.wrap{width:min(1152px,calc(100% - 96px));margin-inline:auto}.header{height:110px;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:22px;font-weight:650;letter-spacing:1px}.brand small{display:block;font-size:8px;letter-spacing:1.8px;margin-top:5px;font-weight:500}nav{display:flex;gap:34px;align-items:center;font-size:14px}.nav-contact{border:1px solid #bdc7bb;border-radius:30px;padding:11px 17px}.nav-contact span{margin-left:9px}nav a:hover{color:var(--accent)}.hero{display:grid;grid-template-columns:1.1fr 1fr;gap:38px;align-items:center;padding-block:85px 95px}.eyebrow{font-size:11px;letter-spacing:1.8px;font-weight:600;color:var(--muted);display:flex;align-items:center;gap:9px}.dot{display:inline-block;width:7px;height:7px;flex-shrink:0;border-radius:50%;background:#7e9c5b}h1{font-family:"Songti SC",STSong,"Noto Serif CJK SC",serif;font-size:clamp(38px,4.4vw,61px);line-height:1.42;letter-spacing:-2px;font-weight:600;margin:24px 0}.warm{position:relative;display:inline-block;color:var(--accent)}.warm i{position:absolute;bottom:1px;left:0;right:0;height:9px;border-top:2px solid #c2705070;border-radius:50%;transform:rotate(-4deg)}.intro{font-size:16px;line-height:2;color:var(--muted)}.button{display:inline-flex;align-items:center;gap:28px;margin-top:32px;padding:17px 24px;border-radius:6px;background:var(--green);color:white;font-size:14px;transition:background .2s}.button:hover{background:#3d6654}.button span{font-size:20px}.hero-note{display:flex;gap:12px;align-items:center;color:#858d80;font-size:11px;margin-top:34px}.note-line{width:28px;height:1px;background:#9ba792}.hero-art{height:492px;border-radius:48% 48% 9% 9%;background:#e3e9d9;position:relative;overflow:hidden;isolation:isolate}.art-label{position:absolute;top:38px;left:40px;font-size:9px;letter-spacing:2px;color:#6d816c;line-height:1.6}.orbit{position:absolute;border:1px solid #abbba080;border-radius:50%;width:390px;height:390px;top:60px;left:50%;transform:translateX(-50%)}.orbit-two{width:470px;height:470px;top:20px}.bunny{position:absolute;width:330px;max-width:85%;left:50%;bottom:45px;transform:translateX(-50%);filter:drop-shadow(0 9px 12px #45583c10)}.float{position:absolute;z-index:2}.heart{font-size:36px;color:#cf947a;right:48px;top:92px;transform:rotate(18deg)}.star{font-size:44px;color:#81936d;left:30px;bottom:105px}.sparkle{font-size:26px;color:#81936d;right:46px;bottom:120px}.bubble{position:absolute;background:#faf8ef;box-shadow:0 8px 18px #354c3010;border-radius:18px 18px 18px 2px;padding:13px 17px;font-size:12px;z-index:3;top:138px;left:20px;transform:rotate(-6deg)}.art-caption{position:absolute;bottom:27px;width:100%;text-align:center;font-size:11px;letter-spacing:1px;color:#63775e}.art-caption .dot{margin-right:5px}.projects{border-top:1px solid var(--line);padding-block:60px 70px}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:30px}h2{font-size:32px;font-weight:550;letter-spacing:-.7px;line-height:1.45}.section-heading h2{margin-top:12px}.section-heading>p{font-size:13px;line-height:1.8;color:var(--muted)}.project-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.project{padding:30px 34px 25px;border-radius:14px;border:1px solid #dedfd3;background:#eeeee4}.photo-project{background:#eeebe3}.project-top{display:flex;justify-content:space-between;align-items:center;gap:10px}.project-number{font-size:9px;letter-spacing:1.6px;color:#778372}.status{font-size:10px;border:1px solid #c6cfbf;color:#607253;padding:5px 8px;border-radius:20px;white-space:nowrap}.mini-icon{font-size:46px;height:80px;padding-top:20px;color:#a4745e}.photo-symbol{height:80px;padding-top:27px;position:relative}.photo-symbol span{display:inline-block;height:34px;width:29px;border:1.5px solid #827b65;border-radius:8px;transform:rotate(-12deg)}.photo-symbol span+span{transform:rotate(12deg);margin-left:-6px;background:#eeebe3}.project h3{font-size:27px;font-weight:550;margin-top:7px}.project-subtitle{font-size:14px!important;color:var(--ink)!important;margin:12px 0!important}.project>p{font-size:13px;color:var(--muted);line-height:1.9;max-width:400px}.tags{display:flex;gap:10px;margin:23px 0 26px}.tags span{font-size:10px;background:#f8f7f0;border-radius:4px;padding:5px 9px}.project .product-note{font-size:10px;padding-top:15px;border-top:1px solid #d9d9ca;color:#7b8275}.about{display:grid;grid-template-columns:.8fr 1.2fr;gap:90px;border-top:1px solid var(--line);padding-block:72px}.about h2{font-family:"Songti SC",STSong,serif;font-size:45px;line-height:1.4;margin-top:20px}.signature{font-size:20px;margin-top:25px}.signature span{font-size:12px;color:var(--muted)}.about-body>p{font-size:14px;color:var(--muted);line-height:2;margin-bottom:20px}.about-body>.about-lead{font-size:20px;color:var(--ink);line-height:1.85}.principles{display:grid;grid-template-columns:1fr 1fr;gap:25px;margin-top:32px;padding-top:25px;border-top:1px solid var(--line)}.principles b{font-size:11px;color:#939e88}.principles h3{font-size:14px;font-weight:550;margin:10px 0}.principles p{font-size:12px;line-height:1.9;color:var(--muted)}.company{background:#e5e9dc;border-radius:14px;padding:40px;display:grid;grid-template-columns:1fr 1fr;gap:30px}.company h2{font-size:24px;margin-top:14px}.english-name{font-size:12px;color:var(--muted);margin-top:9px}.company dl{margin:0}.company dl>div{display:grid;grid-template-columns:75px 1fr;font-size:12px;line-height:1.9;margin-bottom:12px}.company dl>div:last-child{margin-bottom:0}.company dt{color:#778372}.company dd{margin:0}.footer{padding-block:35px;display:flex;align-items:center;justify-content:space-between;font-size:11px;color:var(--muted)}.footer .brand{font-size:16px}.skip{position:absolute;top:-60px;left:20px;z-index:10;background:white;padding:12px}.skip:focus{top:10px}@media(min-width:1600px){.hero{padding-block:100px 110px}}@media(max-width:900px){.wrap{width:calc(100% - 48px)}.hero{gap:22px;padding-block:55px 65px}.hero-art{height:420px}.intro{font-size:14px}.hero-art .bubble{font-size:10px;left:10px;top:110px}.art-label{left:30px;font-size:8px}.bunny{bottom:40px}.heart{right:22px}.about{gap:40px}.company{padding:30px}.company h2{font-size:20px}}@media(max-width:640px){.wrap{width:calc(100% - 40px)}.header{height:86px}.brand{font-size:18px;gap:8px}.brand img{width:32px;height:32px}.brand small{font-size:6px}nav{gap:16px;font-size:12px}nav>a:first-child{display:none}.nav-contact{padding:8px 10px}.hero{grid-template-columns:1fr;padding-top:42px;gap:35px}h1{font-size:45px;letter-spacing:-1px;margin-top:20px}.intro{font-size:14px}.hero-note{margin-top:22px}.hero-art{height:405px;max-width:430px;width:100%;justify-self:center}.bunny{width:285px;bottom:36px}.bubble{left:22px!important;top:118px!important}.heart{top:70px;right:30px}.art-label{top:28px;left:36px}.projects{padding-block:40px}.section-heading{align-items:start;gap:20px}.section-heading>p{font-size:10px;padding-top:27px}.eyebrow{font-size:9px;letter-spacing:1.2px}h2{font-size:26px}.project-grid{grid-template-columns:1fr}.project{padding:25px}.project h3{font-size:25px}.about{grid-template-columns:1fr;gap:30px;padding-block:45px}.about h2{font-size:37px}.about-body>.about-lead{font-size:18px}.company{grid-template-columns:1fr;padding:26px;gap:25px}.company h2{font-size:21px}.company dl>div{grid-template-columns:64px 1fr;font-size:11px}.footer{flex-wrap:wrap;gap:20px}.footer>span{order:3;width:100%;font-size:10px}.footer .brand{font-size:15px}.principles{gap:20px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

.hero-art .art-label{left:50%;transform:translateX(-50%);top:28px;text-align:center;width:200px}