@charset "UTF-8";
:root{--paper:#f8f9f5;--ink:#202d28;--green:#174b3b;--muted:#67756b;--line:#dde3d8;--serif:"Songti SC","STSong","Noto Serif CJK SC",SimSun,serif;--sans:"PingFang SC","Microsoft YaHei","Noto Sans CJK SC",sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:32px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:16px;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible{outline:3px solid #3a785c;outline-offset:6px}::selection{background:#d5e6c3;color:var(--green)}.container{width:min(1200px,calc(100% - 112px));margin-inline:auto}.skip-link{position:absolute;top:-100px;left:16px;padding:12px;background:var(--green);color:white;z-index:5}.skip-link:focus{top:12px}.site-header{border-bottom:1px solid var(--line)}.header-inner{height:102px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:12px}.brand-name{font-size:23px;font-weight:600;letter-spacing:3px;line-height:1.2}.brand-name>span{display:block;font-size:8px;letter-spacing:1.6px;margin-top:8px;font-weight:500}nav{display:flex;gap:40px;align-items:center;font-size:14px}nav a{padding:12px 0;color:#4d5d53;transition:color .2s}nav a:hover{color:var(--green)}nav a:last-child{display:flex;gap:24px}nav a span{font-size:20px;line-height:1}.hero{position:relative;min-height:685px;display:grid;grid-template-columns:1.12fr 1fr;align-items:center;column-gap:42px;padding-top:58px;padding-bottom:112px}.hero-copy{position:relative;z-index:1;animation:rise .8s ease-out both}.eyebrow{display:flex;align-items:center;gap:12px;font-size:13px;letter-spacing:2px;margin:0 0 30px;color:var(--green)}.dot{height:6px;width:6px;border-radius:50%;background:var(--green)}h1{font-size:clamp(42px,4.1vw,62px);line-height:1.48;letter-spacing:1px;font-weight:500;margin:0 0 24px;font-family:var(--serif)}.accent{color:var(--green)}.hero-description{font-size:16px;line-height:1.95;color:var(--muted);margin:0 0 32px;letter-spacing:1px}.button{display:inline-flex;align-items:center;gap:62px;padding:16px 24px;background:var(--green);border-radius:2px;color:#fff;font-size:14px;transition:background .2s,transform .2s}.button:hover{background:#236149;transform:translateY(-2px)}.button span{font-size:22px;line-height:1}.hero-art{position:relative;width:100%;aspect-ratio:1;max-width:480px;justify-self:end;isolation:isolate;animation:appear 1.1s ease-out both}.art-grid{position:absolute;inset:0;background-image:linear-gradient(#dfe5d580 1px,transparent 1px),linear-gradient(90deg,#dfe5d580 1px,transparent 1px);background-size:48px 48px;mask-image:radial-gradient(ellipse at center,black 10%,transparent 72%)}.orbit{border:1px solid #b9c9ad;border-radius:50%;position:absolute;inset:4%;opacity:.7}.orbit-inner{inset:14%;border-style:dashed;border-color:#b9c9ad}.art-window{position:absolute;inset:13% 23%;border-radius:150px 150px 3px 3px;overflow:hidden;background:#e4ebd5;box-shadow:0 24px 45px -32px #29463566;border:1px solid #c5d3b8;transform:rotate(-10deg)}.window-sun{position:absolute;left:50%;top:20%;width:40%;aspect-ratio:1;border-radius:50%;transform:translateX(-50%);background:#f8faed;box-shadow:0 0 60px #f6f9d680}.window-horizon{position:absolute;inset:49% 0 0;background:var(--green);border-top:1px solid #93ac84}.window-lines{position:absolute;inset:49% 0 0;background:repeating-linear-gradient(0deg,transparent,transparent 23px,#ffffff15 24px,#ffffff15 25px);transform:skewY(-15deg) scale(1.5)}.orbit-point{width:12px;height:12px;background:var(--green);border:3px solid var(--paper);outline:1px solid #9daf93;position:absolute;border-radius:50%;right:12%;top:23%}.art-cross{position:absolute;color:#8a9b7c;font-size:23px;font-weight:300}.cross-top{left:15%;top:9%}.cross-bottom{right:11%;bottom:20%}.art-caption{position:absolute;left:0;right:0;bottom:-4%;display:flex;justify-content:center;gap:36px;font-size:11px;letter-spacing:3px;color:#617456}.hero-bottom{position:absolute;bottom:28px;left:0;right:0;display:flex;justify-content:space-between;align-items:center;color:#65745d;font-size:11px;letter-spacing:2px;border-top:1px solid var(--line);padding-top:24px}.hero-bottom a{display:flex;align-items:center;gap:22px}.hero-bottom a span{font-size:21px}.about{background:#edf1e9;border-block:1px solid var(--line);padding:94px 0}.about-grid{display:grid;grid-template-columns:1fr 2fr;gap:68px}.section-label{display:flex;align-items:center;gap:14px;font-size:13px;letter-spacing:1px;flex-wrap:wrap;color:var(--green)}.section-number{color:#73856d;font-size:11px}.english-label{color:#73816e;font-size:9px;letter-spacing:1.5px}.about-copy h2,.company h2{font-family:var(--serif);font-weight:500;font-size:36px;letter-spacing:1px;line-height:1.65;margin:-12px 0 25px}.about-copy>p{max-width:650px;font-size:15px;line-height:2.1;color:#58695c;margin:0 0 14px}.values{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #d2dccd;margin-top:34px;padding-top:28px;gap:22px}.value-dot{display:block;width:6px;height:6px;background:#719263;margin-bottom:16px}.values h3{font-size:16px;font-weight:500;margin:0 0 8px}.values p{font-size:12px;line-height:1.7;margin:0;color:#64745f}.company{padding-block:84px 92px;display:grid;grid-template-columns:1fr 2fr;gap:68px}.company h2{font-size:32px;margin:25px 0 0}.company-details{margin:0}.company-details>div{display:grid;grid-template-columns:140px 1fr;gap:16px;padding:23px 0;border-bottom:1px solid var(--line);font-size:14px}.company-details>div:first-child{padding-top:6px}.company-details dt{color:#6d7a6b;font-size:13px}.company-details dd{margin:0}.company-details a{color:var(--green)}.company-details a span{display:inline-block;margin-left:12px}.site-footer{border-top:1px solid var(--line)}.footer-inner{padding-block:28px;display:flex;justify-content:space-between;align-items:center;gap:20px}.footer-brand{display:flex;align-items:center;gap:11px;font-size:12px;color:#4e6051}.footer-inner p{font-size:11px;color:#70806f;line-height:1.7;margin:0}@keyframes rise{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes appear{from{opacity:0}to{opacity:1}}
@media(min-width:1600px){.hero{min-height:740px}}
@media(max-width:1000px){.container{width:calc(100% - 64px)}.hero{column-gap:20px;min-height:635px}h1{font-size:44px}.hero-art{max-width:380px}.about-grid,.company{grid-template-columns:1fr 2fr;gap:38px}.section-label{gap:10px}.english-label{flex-basis:100%;padding-left:33px}.hero-description{font-size:14px}.about-copy h2{font-size:32px}}
@media(max-width:700px){html{scroll-padding-top:24px}.container{width:calc(100% - 40px)}.header-inner{height:auto;min-height:92px;padding-block:20px;align-items:flex-start;gap:14px}.brand{gap:8px;flex-shrink:0}.brand img{width:29px;height:29px}.brand-name{font-size:18px;letter-spacing:2px}.brand-name>span{font-size:6px;letter-spacing:.7px;margin-top:6px}nav{gap:15px;font-size:12px;padding-top:2px}nav a{padding:8px 0}nav a:last-child{gap:0}nav a:last-child span{display:none}.hero{min-height:0;grid-template-columns:1fr;padding-top:54px;padding-bottom:95px;gap:24px}.eyebrow{font-size:11px;letter-spacing:1.5px;margin-bottom:22px}h1{font-size:42px;line-height:1.45;margin-bottom:22px}.hero-description{line-height:1.9;margin-bottom:26px;font-size:14px;letter-spacing:.5px}.button{padding:14px 21px;gap:49px;font-size:13px}.hero-art{width:78%;max-width:340px;justify-self:center;margin-top:0}.art-caption{font-size:9px;gap:25px;letter-spacing:2px}.hero-bottom{bottom:23px;font-size:9px;letter-spacing:1px;padding-top:20px}.hero-bottom a{gap:13px}.about{padding-block:54px}.about-grid,.company{grid-template-columns:1fr;gap:30px}.english-label{flex-basis:auto;padding-left:0}.about-copy h2{font-size:30px;margin:0 0 21px;line-height:1.55}.about-copy>p{font-size:14px;line-height:2}.values{margin-top:28px;padding-top:25px;gap:12px}.values h3{font-size:15px}.values p{font-size:10px}.company{padding-block:51px 58px;gap:29px}.company h2{font-size:29px;margin-top:20px}.company-details>div{grid-template-columns:88px 1fr;gap:16px;padding-block:20px;font-size:13px}.company-details dt{font-size:12px}.footer-inner{align-items:flex-start;flex-direction:column;gap:15px;padding-block:26px}.footer-inner p{font-size:10px}.footer-brand{font-size:11px}}
@media(max-width:370px){nav{gap:11px;font-size:11px}.brand-name{font-size:16px}.brand-name>span{font-size:5px}.brand img{width:26px;height:26px}h1{font-size:37px}.container{width:calc(100% - 36px)}.values p{font-size:9px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}