:root{--ink:oklch(15% .01 60);--paper:oklch(97% .005 60);--paper-2:oklch(94% .006 60);--rule:oklch(15% .01 60/.14);--mute:oklch(38% .01 60);--moss:oklch(28% .05 160);--moss-soft:oklch(28% .05 160/.12);--moss-light:oklch(65% .08 160);--display:"Anton", "Noto Serif SC", serif;--serif:"Playfair Display", "Noto Serif SC", serif;--body:"Inter", "Noto Serif SC", system-ui, sans-serif;--cn-serif:"Noto Serif SC", "Playfair Display", serif;font-family:var(--body);color:var(--ink);background:var(--paper);line-height:1.5}*{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html,body,#root{min-height:100vh;margin:0;padding:0}body{text-wrap:pretty;overflow-x:hidden}a{color:inherit;text-decoration:none}::selection{background:var(--moss);color:var(--paper)}.page{min-height:100vh}.wrap{max-width:1440px;margin:0 auto;padding:0 clamp(24px,4vw,80px)}.hairline{background:var(--rule);width:100%;height:1px}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.nav{z-index:50;background:color-mix(in oklch, var(--paper) 88%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--rule);position:sticky;top:0}.nav-inner{grid-template-columns:auto 1fr auto;align-items:center;gap:32px;padding:18px 0;display:grid}.wordmark{font-family:var(--cn-serif);letter-spacing:.08em;color:var(--ink);font-size:22px;font-weight:700}.wordmark .en{font-family:var(--serif);letter-spacing:.04em;color:var(--mute);margin-left:10px;font-size:13px;font-style:italic;font-weight:400}.nav-links{letter-spacing:.06em;text-transform:uppercase;justify-content:center;gap:36px;font-size:13px;display:flex}.nav-links a{color:var(--mute);transition:color .2s}.nav-links a:hover{color:var(--moss)}.nav-meta{letter-spacing:.08em;color:var(--mute);align-items:center;gap:20px;font-size:12px;display:flex}.nav-role{white-space:nowrap}.lang{border:1px solid var(--rule);font-family:var(--body);letter-spacing:.12em;color:var(--mute);cursor:pointer;background:0 0;padding:5px 10px;font-size:11px;transition:all .2s}.lang:hover{border-color:var(--ink);color:var(--ink)}.hero{grid-template-rows:auto auto 1fr auto;min-height:92vh;padding:clamp(60px,10vh,120px) 0 60px;display:grid;position:relative}.hero-meta{letter-spacing:.18em;text-transform:uppercase;color:var(--mute);grid-template-columns:1fr auto 1fr;align-items:center;padding-bottom:clamp(28px,5vh,56px);font-size:12px;display:grid}.hero-meta .left{justify-self:start}.hero-meta .center{color:var(--moss);justify-self:center}.hero-meta .right{justify-self:end}.hero-headline{text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex;position:relative}.hero-tag{font-family:var(--serif);color:var(--mute);letter-spacing:.02em;margin-bottom:clamp(16px,2vh,28px);font-size:clamp(14px,1.3vw,18px);font-style:italic}.hero-title-cn{font-family:var(--cn-serif);letter-spacing:.02em;color:var(--ink);margin:0;font-size:clamp(3rem,9vw,7rem);font-weight:700;line-height:.9}.hero-sub-en{font-family:var(--display);letter-spacing:.04em;text-transform:uppercase;color:var(--ink);margin-top:clamp(20px,3vh,36px);font-size:clamp(1.5rem,3.2vw,3.2rem);line-height:1}.hero-sub-en .dot{color:var(--moss);margin:0 .3em}.hero-foot{border-top:1px solid var(--rule);grid-template-columns:1.1fr 1.4fr 1fr;align-items:end;gap:clamp(32px,5vw,80px);margin-top:clamp(40px,6vh,72px);padding-top:clamp(40px,6vh,72px);display:grid}.foot-col .label{letter-spacing:.18em;text-transform:uppercase;color:var(--mute);margin-bottom:14px;font-size:11px;display:block}.foot-col .role{font-family:var(--cn-serif);color:var(--ink);margin:0;font-size:clamp(18px,1.6vw,22px);font-weight:700;line-height:1.35}.foot-col .pitch{font-family:var(--serif);color:var(--ink);text-wrap:pretty;margin:0;font-size:clamp(17px,1.5vw,21px);font-style:italic;line-height:1.55}.cta-row{flex-wrap:wrap;gap:14px;display:flex}.btn{font-family:var(--body);letter-spacing:.1em;text-transform:uppercase;border:1px solid var(--ink);cursor:pointer;align-items:center;gap:10px;padding:14px 22px;font-size:13px;transition:all .2s;display:inline-flex}.btn-primary{background:var(--ink);color:var(--paper)}.btn-primary:hover{background:var(--moss);border-color:var(--moss)}.btn-ghost{color:var(--ink);background:0 0}.btn-ghost:hover{background:var(--ink);color:var(--paper)}.btn .arrow{font-family:var(--serif);text-transform:none;font-size:16px;font-style:italic}.hero-num{text-align:right;font-family:var(--serif);color:var(--mute);letter-spacing:.1em;padding-bottom:clamp(16px,2vh,28px);font-size:13px;font-style:italic;display:block}section.block{padding:clamp(80px,14vh,160px) 0}.sec-head{grid-template-columns:auto 1fr auto;align-items:baseline;gap:32px;padding-bottom:clamp(40px,6vh,72px);display:grid}.sec-num{font-family:var(--serif);color:var(--moss);letter-spacing:.06em;font-size:15px;font-style:italic}.sec-title{font-family:var(--cn-serif);letter-spacing:-.01em;color:var(--ink);margin:0;font-size:clamp(3rem,7vw,6.5rem);font-weight:700;line-height:.95}.sec-title .en-side{font-family:var(--display);letter-spacing:.16em;color:var(--mute);vertical-align:middle;text-transform:uppercase;margin-left:18px;font-size:clamp(.9rem,1.1vw,1.1rem)}.sec-kicker{font-family:var(--serif);color:var(--mute);text-align:right;max-width:280px;margin:0;font-size:clamp(14px,1.2vw,17px);font-style:italic;line-height:1.5}.about-grid{grid-template-columns:1fr 1.2fr;align-items:start;gap:clamp(48px,8vw,120px);display:grid}.about-left{position:sticky;top:100px}.about-left .quote{font-family:var(--serif);color:var(--ink);text-wrap:balance;margin:0;font-size:clamp(28px,3vw,42px);font-style:italic;line-height:1.25}.about-left .quote:first-letter{color:var(--moss)}.about-left .quote-src{letter-spacing:.14em;text-transform:uppercase;color:var(--mute);margin-top:24px;font-size:12px}.about-right p{color:var(--ink);max-width:60ch;margin-bottom:24px;font-size:clamp(16px,1.3vw,18px);line-height:1.75}.about-right p .moss{color:var(--moss);font-weight:500}.about-facts{background:var(--rule);border:1px solid var(--rule);grid-template-columns:repeat(2,1fr);gap:1px;margin-top:48px;display:grid}.fact{background:var(--paper);padding:28px 24px}.fact .k{letter-spacing:.16em;text-transform:uppercase;color:var(--mute);margin-bottom:10px;font-size:11px}.fact .v{font-family:var(--cn-serif);color:var(--ink);font-size:clamp(18px,1.5vw,22px);font-weight:700;line-height:1.3}.fact .v .pending{font-family:var(--serif);color:var(--mute);margin-top:6px;font-size:.7em;font-style:italic;font-weight:400;display:block}.coming-intro{grid-template-columns:1fr 1fr;align-items:end;gap:clamp(40px,6vw,96px);margin-bottom:clamp(48px,7vh,80px);display:grid}.coming-tag{font-family:var(--display);letter-spacing:.08em;color:var(--paper);background:var(--moss);text-transform:uppercase;margin-bottom:24px;padding:8px 16px;font-size:clamp(1.1rem,1.4vw,1.4rem);display:inline-block}.coming-desc{font-family:var(--serif);color:var(--ink);text-wrap:pretty;margin:0;font-size:clamp(18px,1.5vw,22px);font-style:italic;line-height:1.6}.coming-note{color:var(--mute);max-width:42ch;margin:0;font-size:14px;line-height:1.7}.card-grid{background:var(--rule);border:1px solid var(--rule);gap:1px;display:grid}.card-grid.cols-2{grid-template-columns:repeat(2,1fr)}.card-grid.cols-3{grid-template-columns:repeat(3,1fr)}.ph-card{background:var(--paper);flex-direction:column;justify-content:space-between;min-height:280px;padding:clamp(32px,4vw,48px);transition:background .25s;display:flex;position:relative}.ph-card:hover{background:var(--paper-2)}.ph-card .ph-mark{font-family:var(--serif);color:var(--moss);margin-bottom:auto;font-size:13px;font-style:italic}.ph-card .ph-title{font-family:var(--cn-serif);color:var(--ink);margin:80px 0 0;font-size:clamp(22px,2vw,30px);font-weight:700;line-height:1.25}.ph-card .ph-meta{letter-spacing:.12em;text-transform:uppercase;color:var(--mute);flex-wrap:wrap;gap:14px;margin-top:16px;font-size:12px;display:flex}.ph-card .ph-meta .type{color:var(--moss)}.ph-card .ph-blurb{font-family:var(--serif);color:var(--mute);margin-top:14px;font-size:15px;font-style:italic;line-height:1.55}.ph-card .ph-foot{border-top:1px solid var(--rule);letter-spacing:.18em;text-transform:uppercase;color:var(--mute);justify-content:space-between;margin-top:28px;padding-top:18px;font-size:11px;display:flex}.product-row{background:var(--rule);border:1px solid var(--rule);grid-template-columns:repeat(2,1fr);gap:1px;display:grid}.product-card{background:var(--paper);flex-direction:column;justify-content:space-between;min-height:320px;padding:clamp(40px,5vw,64px) clamp(32px,4vw,48px);display:flex}.product-card .pmark{font-family:var(--display);color:var(--moss);letter-spacing:.02em;font-size:clamp(2.5rem,4vw,4rem);line-height:1}.product-card .pname{font-family:var(--cn-serif);color:var(--ink);margin:24px 0 0;font-size:clamp(1.6rem,2.2vw,2.4rem);font-weight:700}.product-card .pdesc{color:var(--mute);max-width:36ch;margin-top:14px;font-size:15px;line-height:1.6}.product-card .pstatus{font-family:var(--serif);color:var(--moss);margin-top:32px;font-size:14px;font-style:italic}.timeline{grid-template-columns:200px 1fr;gap:clamp(32px,5vw,80px);display:grid}.tl-side{align-self:start;position:sticky;top:100px}.tl-side .big{font-family:var(--display);color:var(--ink);letter-spacing:.02em;font-size:clamp(3rem,5vw,5rem);line-height:.9}.tl-side .sub{font-family:var(--serif);color:var(--mute);margin-top:16px;font-size:16px;font-style:italic;line-height:1.5}.tl-list{flex-direction:column;display:flex}.tl-row{border-top:1px solid var(--rule);grid-template-columns:130px 1fr;align-items:baseline;gap:32px;padding:36px 0;display:grid}.tl-row:last-child{border-bottom:1px solid var(--rule)}.tl-year{font-family:var(--display);color:var(--moss);letter-spacing:.04em;font-size:clamp(1.4rem,1.8vw,1.8rem)}.tl-body .role-line{font-family:var(--cn-serif);color:var(--ink);font-size:clamp(18px,1.5vw,22px);font-weight:700;line-height:1.35}.tl-body .pending-note{font-family:var(--serif);color:var(--mute);margin-top:8px;font-size:15px;font-style:italic;line-height:1.55}.contact{background:var(--ink);color:var(--paper);padding:clamp(100px,16vh,200px) 0;position:relative;overflow:hidden}.contact .wrap{z-index:2;position:relative}.contact-meta{letter-spacing:.18em;text-transform:uppercase;color:color-mix(in oklch, var(--paper) 60%, transparent);justify-content:space-between;margin-bottom:clamp(48px,8vh,96px);font-size:12px;display:flex}.contact-meta .moss{color:var(--moss-light)}.contact-headline{font-family:var(--cn-serif);letter-spacing:-.01em;color:var(--paper);text-align:center;margin:0;font-size:clamp(4rem,12vw,13rem);font-weight:700;line-height:.9}.contact-headline .italic{font-family:var(--serif);color:var(--moss-light);font-style:italic;font-weight:400}.contact-sub{text-align:center;font-family:var(--serif);color:color-mix(in oklch, var(--paper) 75%, transparent);text-wrap:pretty;max-width:56ch;margin-top:clamp(40px,6vh,64px);margin-left:auto;margin-right:auto;font-size:clamp(18px,1.6vw,24px);font-style:italic;line-height:1.55}.contact-cta{flex-wrap:wrap;justify-content:center;gap:16px;margin-top:clamp(48px,7vh,72px);display:flex}.btn-on-dark{border:1px solid color-mix(in oklch, var(--paper) 40%, transparent);color:var(--paper)}.btn-on-dark.solid{background:var(--paper);color:var(--ink)}.btn-on-dark.solid:hover{background:var(--moss-light);border-color:var(--moss-light);color:var(--ink)}.btn-on-dark.ghost:hover{background:var(--paper);color:var(--ink)}.contact-channels{background:color-mix(in oklch, var(--paper) 18%, transparent);border-top:1px solid color-mix(in oklch, var(--paper) 18%, transparent);border-bottom:1px solid color-mix(in oklch, var(--paper) 18%, transparent);grid-template-columns:repeat(3,1fr);gap:1px;margin-top:clamp(80px,12vh,140px);display:grid}.channel{padding:36px 28px}.channel .ck{letter-spacing:.18em;text-transform:uppercase;color:color-mix(in oklch, var(--paper) 55%, transparent);margin-bottom:14px;font-size:11px}.channel .cv{font-family:var(--cn-serif);color:var(--paper);font-size:clamp(17px,1.4vw,20px);font-weight:700}.channel .cv .pending{font-family:var(--serif);color:color-mix(in oklch, var(--paper) 55%, transparent);margin-top:6px;font-size:.78em;font-style:italic;font-weight:400;display:block}footer{background:var(--ink);color:color-mix(in oklch, var(--paper) 60%, transparent);border-top:1px solid color-mix(in oklch, var(--paper) 14%, transparent);padding:40px 0 36px}.foot-inner{letter-spacing:.1em;grid-template-columns:1fr auto 1fr;align-items:center;gap:24px;font-size:12px;display:grid}.foot-inner .center{font-family:var(--cn-serif);color:var(--paper);letter-spacing:.1em;font-size:14px}.foot-inner .right{text-align:right}.foot-inner .moss{color:var(--moss-light)}@media (width<=960px){.nav-links{display:none}.hero-meta{text-align:center;grid-template-columns:1fr;gap:6px}.hero-meta .left,.hero-meta .right,.hero-meta .center{justify-self:center}.hero-foot{grid-template-columns:1fr;gap:36px}.about-grid{grid-template-columns:1fr;gap:48px}.about-left{position:static}.about-facts{grid-template-columns:1fr}.coming-intro{grid-template-columns:1fr;gap:28px}.card-grid.cols-2,.card-grid.cols-3,.product-row{grid-template-columns:1fr}.timeline{grid-template-columns:1fr;gap:40px}.tl-side{position:static}.tl-row{grid-template-columns:1fr;gap:8px}.contact-channels{grid-template-columns:1fr}.foot-inner{text-align:center;grid-template-columns:1fr;gap:12px}.foot-inner .right{text-align:center}}