:root{--bg:#161310;--panel:#221c16;--paper:#f4f2ed;--muted:#b5a997;--line:#3a322a;--blue:#8ba4b5;--ember:#c17a50;--maple:#a46761;--meadow:#929c83;--gold:#b6955c;--gold-dark:#c9a86a;--ink:#202328;--sans:Inter, "Noto Sans SC Variable", "Noto Sans SC", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", system-ui, sans-serif;--serif:Cormorant, "Noto Serif SC", "Songti SC", Georgia, serif;--mono:"JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, "Noto Sans SC Variable", monospace;--nav-h:64px;--gx:clamp(24px, 7vw, 120px);--gy:max(12vh, 80px)}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:calc(var(--nav-h) + 8px);-webkit-text-size-adjust:100%}body{background:var(--bg);color:#f4eee3;font-family:var(--sans);-webkit-font-smoothing:antialiased;margin:0;overflow-x:clip}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit}h1,h2,h3,p,figure{margin:0}:focus-visible{outline:2px solid var(--gold-dark);outline-offset:3px}.light :focus-visible{outline-color:var(--ink)}.mono{font-family:var(--mono)}html.i18n-pending [data-i18n]{visibility:hidden;animation:0s linear 2.5s forwards i18n-failsafe;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif!important}@keyframes i18n-failsafe{to{visibility:visible}}.skip{z-index:var(--z-overlay,50);background:var(--paper);color:var(--ink);border-radius:2px;padding:10px 16px;font-size:14px;position:fixed;top:-80px;left:16px}.skip:focus{top:12px}.nav{height:var(--nav-h);z-index:var(--z-nav,30);border-bottom:1px solid #0000;justify-content:space-between;align-items:center;gap:24px;padding:0 clamp(20px,4vw,64px);transition:background-color .35s,border-color .35s,-webkit-backdrop-filter .35s,backdrop-filter .35s;display:flex;position:fixed;top:0;bottom:auto;left:0;right:0}.nav.scrolled,.nav.open{-webkit-backdrop-filter:blur(18px)saturate(1.15);backdrop-filter:blur(18px)saturate(1.15);background:#161310b8;border-bottom-color:#ffffff14}.logo{white-space:nowrap;align-items:center;gap:10px;display:inline-flex}.logo img{width:30px;height:30px}.logo-zh{letter-spacing:.08em;font-size:17px;font-weight:600}.logo-en{letter-spacing:.22em;color:#b4afa5;font-size:11px;font-weight:500}.navlinks{color:#beb8ae;gap:clamp(18px,2.4vw,34px);font-size:13px;display:flex}.navlinks a{align-items:center;min-height:44px;padding:0;transition:color .25s;display:inline-flex;position:relative}.navlinks a:after{content:"";background:var(--gold-dark);transform-origin:0;height:1px;transition:transform .35s;position:absolute;bottom:2px;left:0;right:0;transform:scaleX(0)}.navlinks a:hover,.navlinks a[aria-current]{color:#fff}.navlinks a[aria-current]:after{transform:scaleX(1)}.nav-end{align-items:center;gap:12px;display:flex}.lang{font-family:var(--mono);letter-spacing:.08em;align-items:center;font-size:12px;display:inline-flex}.lang button{cursor:pointer;color:#aea99f;background:0 0;border:0;min-width:44px;min-height:44px;padding:0 6px;transition:color .2s}.lang button:hover,.lang button[aria-pressed=true]{color:#fff}.lang button[aria-pressed=true]{text-decoration:underline;-webkit-text-decoration-color:var(--gold-dark);text-decoration-color:var(--gold-dark);text-underline-offset:6px;text-decoration-thickness:1px}.lang-sep{color:#68655e}.menu-btn{cursor:pointer;background:0 0;border:0;width:44px;height:44px;display:none;position:relative}.menu-bars,.menu-bars:before{background:#e8e8e8;width:18px;height:1.5px;transition:transform .3s,top .3s;position:absolute;left:13px}.menu-bars{top:20px}.menu-bars:before{content:"";top:7px;left:0}.nav.open .menu-bars{top:24px;transform:rotate(45deg)}.nav.open .menu-bars:before{top:0;transform:rotate(-90deg)}.rule-index{z-index:var(--z-nav,30);color:var(--paper);flex-direction:column;transition:color .4s;display:flex;position:fixed;top:50%;right:14px;transform:translateY(-50%)}html[data-theme=light] .rule-index{color:var(--ink)}.rule-index a{justify-content:flex-end;align-items:center;gap:10px;min-width:44px;height:44px;display:flex}.rule-index a:before{content:attr(data-n);font-family:var(--mono);letter-spacing:.12em;opacity:0;font-size:11px;transition:opacity .25s,transform .25s;transform:translate(6px)}.rule-index .tick{opacity:.55;background:currentColor;width:10px;height:1px;transition:width .3s,opacity .3s,background-color .3s}.rule-index a:hover:before,.rule-index a[aria-current]:before{opacity:.85;transform:none}.rule-index a:focus-visible:before{opacity:.85;transform:none}.rule-index a:hover .tick{opacity:1}.rule-index a[aria-current] .tick{opacity:1;background:var(--gold-dark);width:24px}html[data-theme=light] .rule-index a[aria-current] .tick{background:var(--gold)}.page{isolation:isolate;padding:var(--gy) var(--gx);position:relative;overflow:hidden}.container{z-index:4;width:100%;max-width:1360px;margin:0 auto;position:relative}.light{background:var(--paper);color:var(--ink)}.eyebrow{letter-spacing:.22em;text-transform:uppercase;color:#bdb8ad;align-items:center;gap:12px;margin-bottom:28px;font-size:11px;display:flex}.light .eyebrow{color:#63605a}.mark{width:22px;height:22px}.title{letter-spacing:-.03em;max-width:20em;font-size:clamp(34px,4.4vw,64px);font-weight:500;line-height:1.22}html[lang=en] .title{font-family:var(--serif);letter-spacing:-.012em;font-size:clamp(40px,5.2vw,78px);font-weight:400;line-height:1.06}.lead{color:#bfbaaf;max-width:44em;margin-top:30px;font-size:clamp(16px,1.4vw,19px);line-height:1.9}html[lang=en] .lead{line-height:1.7}.small{color:#aea99f;max-width:42em;margin-top:18px;font-size:14px;line-height:1.9}html[lang=en] .small{line-height:1.7}.light .lead{color:#55524d}.light .small{color:#64615b}.rule{opacity:.15;background:currentColor;height:1px;margin:36px 0 0}.split{grid-template-columns:1fr 1fr;align-items:center;gap:clamp(40px,7vw,115px);display:grid}.split-top{align-items:start}.copy .lead:first-child,.copy .eyebrow+.title{margin-top:0}.ph-frame{background:var(--panel);position:relative;overflow:hidden}.px-img{object-fit:cover;object-position:var(--pos,50% 50%);will-change:transform;opacity:0;width:100%;height:124%;transition:opacity .9s;position:absolute;top:-12%;left:0}.px-img.is-loaded{opacity:1}.cap{letter-spacing:.05em;color:#cdc7bb;font-size:11px;line-height:1.7}.cap-tag{color:inherit}.ph-bg .cap,.band .cap,.ph-product .cap{z-index:6;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#dbd5c9;background:#1613108c;border-radius:2px;padding:6px 11px;position:absolute}.ph-bg .cap,.band .cap{right:var(--gx);max-width:min(52ch, calc(100% - 2 * var(--gx)));text-align:right;bottom:clamp(18px,3vh,34px)}.ph-bg{z-index:auto;position:absolute;top:0;bottom:0;left:0;right:0}.ph-bg .ph-frame{position:absolute;top:0;bottom:0;left:0;right:0}.ph-card .cap,.ph-wide .cap{color:#98948b;flex-wrap:wrap;justify-content:space-between;gap:2px 18px;margin-top:14px;display:flex}.light .ph-card .cap{color:#63605a}.ph-card .ph-frame{aspect-ratio:var(--ratio,4 / 5);border-radius:2px}.ph-wide{margin-top:clamp(64px,10vh,120px)}.ph-wide .ph-frame{aspect-ratio:var(--ratio,21 / 9);border-radius:2px}.band{background:var(--panel);height:min(78vh,760px);position:relative}.band .ph-frame{position:absolute;top:0;bottom:0;left:0;right:0}.hero{min-height:100svh;padding-top:calc(var(--nav-h) + 6vh);padding-bottom:calc(var(--gy) + 24px);background:var(--bg);align-items:center;display:flex}.hero:before{content:"";z-index:-1;background:var(--blur) center / cover no-repeat;filter:blur(22px);position:absolute;top:-24px;bottom:-24px;left:-24px;right:-24px}.hero-fig .px-img{opacity:1}.hero-shade{z-index:3;background:linear-gradient(180deg, #16131099 0, #16131000 20%), linear-gradient(90deg, #161310e0 0%, #161310a3 42%, #1613101a 100%), linear-gradient(0deg, var(--bg) 0%, #16131000 26%);pointer-events:none;position:absolute;top:0;bottom:0;left:0;right:0}.hero-canvas{z-index:2;opacity:0;width:100%;height:100%;transition:opacity 1.4s;display:block;position:absolute;top:0;bottom:0;left:0;right:0}html.scene-ready .hero-canvas{opacity:1}html.no-webgl .hero-canvas{display:none}.hero-ridges{z-index:1;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 600' preserveAspectRatio='none'%3E%3Cpath d='M0 250 L130 170 L250 230 L420 120 L560 215 L720 150 L880 235 L1040 140 L1200 220 L1330 165 L1440 215 V600 H0Z' fill='%238ba4b5' fill-opacity='.18'/%3E%3Cpath d='M0 340 L160 270 L300 330 L470 245 L640 325 L820 255 L990 335 L1160 265 L1300 320 L1440 285 V600 H0Z' fill='%23585650' fill-opacity='.5'/%3E%3Cpath d='M0 440 L180 395 L340 440 L520 380 L700 435 L900 385 L1090 440 L1260 395 L1440 430 V600 H0Z' fill='%232b2a27' fill-opacity='.9'/%3E%3Cpath d='M0 530 L220 505 L460 535 L720 500 L980 535 L1220 508 L1440 530 V600 H0Z' fill='%23161310'/%3E%3C/svg%3E") bottom/100% 100% no-repeat;height:58%;transition:opacity 1.4s;position:absolute;bottom:0;left:0;right:0}html.scene-ready .hero-ridges{opacity:0}html.no-webgl .hero-ridges{opacity:1}.hero-copy{max-width:1360px}.hero-copy>*{max-width:760px}.hero-title{letter-spacing:.04em;max-width:none;font-size:clamp(64px,10.5vw,168px);font-weight:300;line-height:1}html[lang=en] .hero-title{letter-spacing:.005em;font-size:clamp(72px,12.5vw,196px);font-weight:300;line-height:.95}.hero-en{font-family:var(--serif);letter-spacing:.07em;color:#e7e1d4;margin:18px 0 38px;font-size:clamp(20px,2.5vw,34px)}.hero .lead{color:#cac4b9;max-width:34em;margin-top:0}.tag{letter-spacing:.14em;color:#dbd4c8;border:1px solid #ffffff45;border-radius:99px;margin-top:30px;padding:8px 16px;font-size:11px;display:inline-block}.scene{min-height:100svh;padding-bottom:calc(var(--gy) + 64px);align-items:flex-end;display:flex}.scene-shade{z-index:3;pointer-events:none;background:linear-gradient(#16131029 0%,#1613109e 54%,#161310f5 100%);position:absolute;top:0;bottom:0;left:0;right:0}.scene .title{max-width:17em}html[lang=en] .scene .title{max-width:14em}.scene .lead{max-width:34em}.bigquote{letter-spacing:-.01em;color:#eae3d6;font-size:clamp(20px,2vw,28px);font-weight:400;line-height:1.65}html[lang=en] .bigquote{font-family:var(--serif);font-size:clamp(24px,2.4vw,34px);line-height:1.4}#vision .rule{margin-top:30px}.product{grid-template-columns:1fr 1fr;gap:20px;margin-top:clamp(48px,7vh,80px);display:grid}.ph-product{background:var(--panel);isolation:isolate;border-radius:2px;min-height:460px;position:relative;overflow:hidden}.ph-product .ph-frame{position:absolute;top:0;bottom:0;left:0;right:0}.ph-product:after{content:"";z-index:2;pointer-events:none;background:linear-gradient(#1613101a 38%,#161310d1 100%);position:absolute;top:0;bottom:0;left:0;right:0}.ph-product .cap{top:18px;left:18px}.ph-copy{z-index:5;padding:clamp(24px,3vw,36px);position:absolute;bottom:0;left:0}.ph-copy p{max-width:14em;color:var(--paper);font-size:clamp(20px,1.9vw,26px);line-height:1.55}html[lang=en] .ph-copy p{font-family:var(--serif);font-size:clamp(24px,2.4vw,34px);line-height:1.25}.block{color:var(--paper);background:#2b2926;border-radius:2px;flex-direction:column;justify-content:space-between;gap:36px;min-height:300px;padding:clamp(26px,3vw,38px);display:flex}.block-paper{color:#262522;background:#e4e1da}.block h3{margin:14px 0;font-size:clamp(21px,1.8vw,25px);font-weight:500}.block p{color:#bfbaaf;font-size:14.5px;line-height:1.85}.block-paper p{color:#57554f}.caption{letter-spacing:.14em;color:#9e9990;font-size:11px}.block-paper .caption{color:#5f5c56}.cards{grid-template-columns:repeat(3,1fr);gap:18px;margin-top:clamp(48px,7vh,72px);display:grid}.card{background:#292825;border:1px solid #ffffff12;border-radius:2px;min-height:270px;padding:32px}.card .index{letter-spacing:.2em;color:#a49f96;font-size:11px}.card h3{margin:44px 0 14px;font-size:22px;font-weight:500}.card p{color:#b6b0a6;font-size:14px;line-height:1.85}.four{grid-template-columns:repeat(4,1fr);gap:18px;margin-top:clamp(48px,7vh,72px);display:grid}.four .item{border-top:2px solid #68655e;padding-top:22px}.four .item:nth-child(2){border-color:var(--ember)}.four .item:nth-child(3){border-color:var(--maple)}.four .item:nth-child(4){border-color:var(--meadow)}.four .num{letter-spacing:.2em;color:#63605a;font-size:11px}.four h3{margin:10px 0 12px;font-size:20px;font-weight:500}.four p{color:#5f5c56;font-size:14px;line-height:1.85}html[lang=en] .four p,html[lang=en] .card p,html[lang=en] .step p,html[lang=en] .block p{line-height:1.7}.path{grid-template-columns:repeat(4,1fr);gap:18px;margin-top:clamp(48px,7vh,72px);display:grid}.step{border-top:1px solid #6d6963;padding:26px 0 0}.step .n{letter-spacing:.2em;color:#a9a49a;font-size:11px}.step h3{margin:22px 0 10px;font-size:19px;font-weight:500}.step p{color:#ada89f;font-size:14px;line-height:1.85}.note{color:#a29d94;max-width:52em;margin-top:56px;font-size:13px}.closing{min-height:100svh;padding-bottom:calc(var(--gy) + 24px);align-items:center;display:flex}.closing-shade{z-index:3;pointer-events:none;background:linear-gradient(90deg,#161310e6,#16131061 70%,#16131033),linear-gradient(#16131000 50%,#161310d1);position:absolute;top:0;bottom:0;left:0;right:0}.closing .title{font-size:clamp(42px,6vw,90px)}html[lang=en] .closing .title{font-size:clamp(46px,6.6vw,100px)}.foot{letter-spacing:.12em;color:#bcb6ac;justify-content:space-between;gap:20px;max-width:640px;margin-top:clamp(64px,10vh,110px);font-size:11px;display:flex}@media (max-width:1100px){.rule-index{display:none}}@media (max-width:820px){:root{--nav-h:60px}.menu-btn{display:block}.navlinks{top:var(--nav-h);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#161310f5;border-bottom:1px solid #ffffff14;flex-direction:column;gap:0;padding:8px clamp(20px,4vw,64px) 22px;font-size:15px;display:none;position:absolute;left:0;right:0}.nav.open .navlinks{display:flex}.navlinks a{border-bottom:1px solid #ffffff10;padding:14px 0}.navlinks a:after{display:none}.navlinks a[aria-current]{color:var(--gold-dark)}.split,.product{grid-template-columns:1fr}.ph-product{min-height:420px}.cards{grid-template-columns:1fr}.card{min-height:0}.card h3{margin-top:28px}.four,.path{grid-template-columns:repeat(2,1fr);gap:30px 18px}.block{min-height:260px}.ph-wide .ph-frame{--ratio:4 / 3}.ph-card .ph-frame{aspect-ratio:4/4.6}.band{height:62vh}.hero-shade{background:linear-gradient(#16131057 0%,#161310b3 45%,#161310f5 100%)}.closing-shade{background:linear-gradient(#1613104d 0%,#1613108c 40%,#161310eb 100%)}.hero{align-items:flex-end}.foot{flex-direction:column;gap:8px}}@media (max-width:520px){.four,.path{grid-template-columns:1fr}.logo-en{display:none}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.px-img{height:100%;transition:none;top:0;transform:none!important}.hero-canvas,.hero-ridges,.nav,.navlinks a:after,.rule-index *,.rule-index a:before{transition:none!important}}.company-back{white-space:nowrap;min-height:44px;color:var(--muted);align-items:center;gap:6px;font-size:12px;transition:color .2s;display:inline-flex}.company-back:hover{color:#fff}.company-back .icon{width:14px;height:14px}@media (max-width:540px){.company-back{display:none}}html[data-site-mode=night] .light{background:var(--panel);color:var(--paper)}html[data-site-mode=night] .light .block-paper{background:#302f2b}html[data-site-mode=night] .light :focus-visible{outline-color:var(--gold-dark)}html[data-site-mode=night] .light .eyebrow,html[data-site-mode=night] .light .ph-card .cap,html[data-site-mode=night] .block-paper .caption{color:var(--muted)}html[data-site-mode=night] .light .lead,html[data-site-mode=night] .light .small{color:#bfbaaf}html[data-site-mode=night] .block-paper{color:#f4eee3;background:#2b2926}html[data-site-mode=night] .block-paper p{color:#bfbaaf}html[data-site-mode=night] .four .num{color:#a49f96}html[data-site-mode=night] .four p{color:#ada89f}html[data-site-mode=night] .four .item:first-child{border-color:var(--line)}html[data-site-mode=night][data-theme=light] .rule-index{color:var(--paper)}html[data-site-mode=night][data-theme=light] .rule-index a[aria-current] .tick{background:var(--gold-dark)}@media (max-width:540px){.small,.block p,.card p,.four p,.step p{font-size:15px}}