@font-face{font-family:Dingyu;src:url('assets/brand-subset.woff') format('woff');font-weight:100 900;font-display:swap}
:root{--bg:#f5f6f2;--surface:#e8eeea;--ink:#1f302f;--accent:#176d65;--muted:#52625f;--white:#fff;--light:#e5ece7;--gutter:clamp(22px,4vw,72px);--body:17px;--small:14px;--lead:clamp(22px,2.4vw,34px);--head:clamp(32px,4.1vw,60px);--display:clamp(74px,18.6vw,280px);--ease:cubic-bezier(.16,1,.3,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:28px}body{margin:0;background:var(--bg);color:var(--ink);font:var(--body)/1.8 Dingyu,'Microsoft YaHei',sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:3px solid var(--accent);outline-offset:7px}::selection{background:var(--accent);color:var(--white)}img{max-width:100%;height:auto;display:block}h1,h2,h3,p{margin:0}h2{font-size:var(--head);line-height:1.35;font-weight:600;letter-spacing:-.045em}h3{font-size:var(--lead);line-height:1.4;font-weight:600}p{max-width:65ch}.wrap{width:100%;max-width:1600px;padding-inline:var(--gutter);margin-inline:auto}.section{padding-block:130px}.header{height:112px;display:flex;align-items:center;justify-content:space-between;gap:30px}.brand{display:flex;align-items:center;gap:14px;font-weight:650;font-size:22px}.brand img{width:56px;height:auto}.header nav{display:flex;gap:40px}.header nav a{position:relative;display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;padding:8px 0}.header nav a:hover{color:var(--accent)}.skip{position:fixed;top:12px;left:12px;transform:translateY(-150%);z-index:10;padding:10px 20px;background:var(--ink);color:var(--white)}.skip:focus{transform:translateY(0)}
.hero{padding-top:42px;padding-bottom:75px}.hero h1{font-size:var(--display);font-weight:650;letter-spacing:-.07em;line-height:1.15;display:flex;justify-content:space-between;overflow:hidden;margin-left:-.035em;margin-right:.03em}.hero h1 span{display:block;animation:letter-rise 1s var(--ease) both}.hero h1 span:nth-child(2){animation-delay:70ms}.hero h1 span:nth-child(3){animation-delay:140ms}.hero h1 span:nth-child(4){animation-delay:210ms}.hero-bottom{display:flex;justify-content:space-between;gap:32px;align-items:end;margin-top:45px}.hero-statement{font-size:var(--lead);font-weight:500;line-height:1.5}.hero-detail{margin-top:12px;color:var(--muted)}.action{display:inline-flex;align-items:center;justify-content:space-between;gap:32px;min-height:56px;padding:13px 24px;border-radius:40px;background:var(--accent);color:var(--white);font-size:var(--body);white-space:nowrap;transition:transform .3s var(--ease),background .3s}.action span{font-size:24px;line-height:1;transition:transform .3s}.action:hover{background:var(--ink);transform:translateY(-3px)}.action:hover span{transform:translate(2px,-2px)}.action:active{transform:translateY(0)}
.identity{background:var(--ink);color:var(--light);overflow:hidden}.identity-inner{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center;min-height:430px;padding-block:65px}.identity h2{font-size:clamp(30px,3.4vw,50px);font-weight:500;line-height:1.5}.identity p{margin-top:22px;color:var(--light)}.identity-symbol{width:90%;max-height:300px;object-fit:contain;justify-self:end;animation:brand-breathe 9s ease-in-out infinite}.identity-caption{display:flex;justify-content:space-between;gap:20px;padding-bottom:32px;font-size:var(--small);color:var(--light)}
.about{display:grid;grid-template-columns:.9fr 1.25fr;gap:70px}.about-heading>p{font-size:var(--lead);line-height:1.5;margin-top:32px;color:var(--accent)}.about-content>.intro{font-size:var(--lead);line-height:1.75;font-weight:450}.about-content>p+p{margin-top:30px;color:var(--muted)}.principles{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;margin-top:55px}.principles h3{font-size:var(--body);font-weight:650;margin-bottom:12px}.principles p{font-size:var(--small);line-height:1.9;color:var(--muted)}
.products{background:var(--surface)}.product-title{display:flex;justify-content:space-between;gap:35px;align-items:start;margin-bottom:68px}.product-title>p{font-size:var(--body);max-width:24ch;color:var(--muted)}.product-main{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px;align-items:center}.product-copy h3{font-size:var(--head);letter-spacing:-.045em}.product-lead{font-size:var(--lead);font-weight:500;margin-top:16px;line-height:1.5}.product-copy>p:not(.product-lead){margin-top:24px;max-width:27ch;color:var(--muted)}.product-copy .action{margin-top:32px}.product-art{overflow:hidden}.product-art img{width:100%;transition:transform 1s var(--ease)}.product-art:hover img{transform:scale(1.025)}.product-preview{margin-top:95px}.preview-heading{display:flex;justify-content:space-between;gap:24px;align-items:baseline;margin-bottom:30px}.preview-heading p{font-size:var(--small);color:var(--muted)}.preview-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px}.preview{display:block;min-width:0}.preview-image{background:var(--white);overflow:hidden;aspect-ratio:1.55}.preview-image img{width:100%;height:100%;object-fit:cover;object-position:top;transition:transform .65s var(--ease)}.preview:hover img{transform:scale(1.035)}.preview>span{display:block;font-size:var(--body);font-weight:600;margin-top:20px}.preview>p{font-size:var(--small);color:var(--muted);margin-top:5px}.contact{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.contact h2{margin-bottom:22px}.contact>div>p{color:var(--muted)}.phone{font-size:clamp(32px,3.7vw,56px);font-weight:500;letter-spacing:-.04em;white-space:nowrap;display:inline-block;transition:transform .3s var(--ease)}.phone:hover{color:var(--accent);transform:translateX(5px)}.contact-details>div{display:flex;justify-content:space-between;gap:16px;margin-top:22px;font-size:var(--small);color:var(--muted)}.footer{background:var(--ink);color:var(--light);padding-block:56px 32px}.footer-top{display:flex;align-items:center;justify-content:space-between;gap:28px;margin-bottom:65px}.footer-brand{display:flex;align-items:center;gap:24px;font-size:clamp(30px,4vw,56px);font-weight:550;letter-spacing:-.04em}.footer-brand img{width:86px;height:auto}.back{font-size:var(--small);padding:10px 0}.back:hover{transform:translateY(-3px)}.footer-bottom{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px;font-size:var(--small)}.footer-bottom a:hover{text-decoration:underline;text-underline-offset:5px}.arriving{animation:arrive .9s var(--ease) both}.preview.arriving:nth-child(2){animation-delay:80ms}.preview.arriving:nth-child(3){animation-delay:160ms}
@keyframes letter-rise{from{transform:translateY(110%)}to{transform:translateY(0)}}@keyframes arrive{from{opacity:.3;transform:translateY(25px)}to{opacity:1;transform:translateY(0)}}@keyframes brand-breathe{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}
@media(min-width:1601px){.hero{padding-top:65px;padding-bottom:100px}}@media(max-width:1000px){.header{height:95px}.header nav{gap:25px}.section{padding-block:100px}.hero{padding-top:40px}.hero-bottom{margin-top:35px}.hero-detail{max-width:25ch}.identity-inner{gap:30px;min-height:380px}.identity h2{font-size:32px}.about{gap:38px;grid-template-columns:.8fr 1.2fr}.principles{grid-template-columns:1fr;gap:22px;margin-top:32px}.principles h3{margin-bottom:4px}.principles p br{display:none}.product-main{gap:35px;grid-template-columns:1fr 1fr}.preview-grid{gap:18px}.contact{gap:30px}.phone{font-size:32px}}
@media(max-width:600px){:root{--body:16px;--small:14px;--lead:22px;--display:24vw;--gutter:22px}.header{height:86px;gap:15px}.brand{font-size:18px;gap:8px}.brand img{width:37px}.header nav{gap:20px;font-size:14px}.header nav a:first-child{display:none}.hero{padding-top:46px;padding-bottom:48px}.hero h1{font-weight:650}.hero-bottom{display:block;margin-top:32px}.hero-statement{font-size:22px}.hero-detail{max-width:30ch;margin-top:13px;line-height:1.8}.hero .action{margin-top:28px;min-height:52px}.identity-inner{grid-template-columns:1fr;min-height:0;padding-block:48px 32px;gap:40px}.identity h2{font-size:29px}.identity p{font-size:14px;margin-top:16px}.identity-symbol{width:70%;justify-self:end;max-height:180px}.identity-caption{display:block;font-size:13px;padding-bottom:28px}.identity-caption span+span{display:none}.section{padding-block:75px}.about{grid-template-columns:1fr;gap:32px}.about-heading>p{margin-top:20px}.about-heading>p br{display:none}.about-content>.intro{font-size:22px;line-height:1.8}.principles{grid-template-columns:1fr;gap:24px}.principles p{font-size:16px}.product-title{display:block;margin-bottom:42px}.product-title>p{margin-top:20px;max-width:none}.product-title>p br{display:none}.product-main{display:flex;flex-direction:column;gap:35px;align-items:stretch}.product-copy h3{font-size:42px}.product-copy>p:not(.product-lead){max-width:none}.product-art{margin-inline:-22px}.product-art img{width:100%}.product-preview{margin-top:50px}.preview-heading{display:block;margin-bottom:26px}.preview-heading p{margin-top:10px}.preview-grid{grid-template-columns:1fr;gap:32px}.preview-image{aspect-ratio:1.6}.preview>span{margin-top:16px}.preview>p{font-size:16px}.contact{grid-template-columns:1fr;gap:28px}.phone{font-size:clamp(30px,8.8vw,45px)}.contact-details>div{margin-top:15px}.footer{padding-block:40px 28px}.footer-top{margin-bottom:40px}.footer-brand{font-size:30px;gap:15px}.footer-brand img{width:55px}.footer-bottom{display:block;font-size:13px}.footer-bottom p{max-width:none}.footer-bottom>a{display:block;width:fit-content;margin-top:12px}.footer-top .back{font-size:13px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important;transform:none!important}}