:root{--ease-out:cubic-bezier(.23,1,.32,1);--ease-in-out:cubic-bezier(.77,0,.175,1);--ease-drawer:cubic-bezier(.32,.72,0,1)}
.motion-ready #main{view-transition-name:page}.motion-ready #header{view-transition-name:masthead}
::view-transition-old(root),::view-transition-new(root){animation:none;mix-blend-mode:normal}
::view-transition-old(masthead),::view-transition-new(masthead){animation:none}
::view-transition-old(page){animation:page-out 180ms var(--ease-out) both}
::view-transition-new(page){animation:page-in 250ms var(--ease-out) both}
@keyframes page-out{to{opacity:0;transform:translateY(-10px)}}
@keyframes page-in{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}
.inquiry-flight{position:fixed;width:50px;height:70px;object-fit:contain;z-index:180;pointer-events:none;background:#f7f6f2;padding:5px;box-shadow:0 5px 15px #0002}
.depth-active img{transition:none}
.motion-ready[data-route-kind=catalog] #main{view-transition-name:none}.motion-ready[data-route-kind=catalog] .catalog-view>button{view-transition-name:spread}
::view-transition-old(spread){animation:spread-out 200ms var(--ease-out) both;transform-origin:left center}
::view-transition-new(spread){animation:spread-in 250ms var(--ease-out) both;transform-origin:left center}
@keyframes spread-out{to{opacity:0;transform:perspective(1200px) rotateY(-9deg) translateX(-2%)}}
@keyframes spread-in{from{opacity:0;transform:perspective(1200px) rotateY(9deg) translateX(2%)}to{opacity:1;transform:perspective(1200px) rotateY(0) translateX(0)}}
.scroll-progress{position:fixed;top:0;left:0;right:0;height:2px;background:#bd9c70;z-index:150;transform:scaleX(0);transform-origin:left;pointer-events:none}
.hero{height:calc(100svh - 117px);min-height:700px;max-height:1080px}.hero-content{padding-top:clamp(65px,9svh,115px)}.hero h1{font-size:clamp(65px,6.5vw,112px);line-height:1.03}.hero-bg{inset:-5%;width:110%;height:110%;max-width:none;will-change:transform}.hero-title-line{display:block;overflow:hidden;line-height:1.12;padding-bottom:.08em;margin-bottom:-.08em}.hero-title-line>span{display:block;will-change:transform}.hero-feature{box-shadow:0 14px 45px #10160e24}.hero-feature img{transition:transform 250ms var(--ease-out)}.hero-bottom{gap:15px}.hero-scroll-cue{position:absolute;bottom:40px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:15px;color:#e6dccb;font-size:8px;letter-spacing:.15em;pointer-events:none}.hero-scroll-line{width:1px;height:45px;background:#ffffff42;position:relative;overflow:hidden}.hero-scroll-line:after{position:absolute;inset:0;content:'';background:#e5d5b8;animation:scroll-cue 2.8s var(--ease-in-out) infinite;transform:translateY(-100%)}@keyframes scroll-cue{0%,15%{transform:translateY(-100%)}65%,100%{transform:translateY(100%)}}
.motion-marquee{overflow:hidden;border-block:1px solid var(--line);padding-block:25px;background:#e9e5dc;user-select:none}.marquee-track{display:flex;white-space:nowrap;width:max-content;animation:marquee 50s linear infinite;will-change:transform}.marquee-track>span{font:clamp(28px,4vw,65px)/1.2 var(--serif);letter-spacing:-.025em;padding-right:35px;color:#686e60}.marquee-track i{font-style:normal;font:30px var(--sans);color:#9c7d55;padding:0 35px;vertical-align:middle}@keyframes marquee{to{transform:translateX(-50%)}}.motion-marquee:hover .marquee-track{animation-play-state:paused}.tab-hidden .marquee-track,.tab-hidden .hero-scroll-line:after{animation-play-state:paused}
.motion-story{height:285svh;position:relative;background:#e7e5dc}.motion-pin{position:sticky;top:88px;height:calc(100svh - 88px);min-height:590px;display:grid;grid-template-columns:1fr 1.1fr;overflow:hidden}.motion-copy{padding:65px clamp(35px,6vw,100px);display:flex;flex-direction:column;justify-content:center;position:relative;z-index:2}.motion-copy>.eyebrow{color:var(--accent);display:flex;align-items:center;justify-content:space-between;gap:25px;font-size:10px}.motion-counter{font-size:9px;white-space:nowrap;font-variant-numeric:tabular-nums}.motion-text-stack{position:relative;min-height:340px;margin-top:45px}.motion-text{position:absolute;inset:0;opacity:0;transform:translateY(22px);pointer-events:none;transition:opacity 240ms var(--ease-out),transform 240ms var(--ease-out)}.motion-text.active{opacity:1;transform:translateY(0);pointer-events:auto}.motion-text h2{font-size:clamp(40px,4.6vw,75px);line-height:1.08}.motion-text p{font-size:13px;max-width:355px;line-height:1.85;color:var(--muted);margin-top:25px}.motion-text .text-link{font-size:10px;margin-top:16px}.motion-steps{display:flex;justify-content:space-between;gap:20px}.motion-step{padding:10px 0;border:0;background:none;font-size:10px;letter-spacing:.08em;color:var(--muted);display:flex;align-items:center;gap:12px}.motion-step span{font-size:8px;color:#999f91}.motion-step.active{color:var(--accent)}.motion-track{height:1px;background:#c6cabd;margin-top:10px}.motion-track>span{display:block;width:100%;height:1px;background:#8c7453;transform:scaleX(.01);transform-origin:left}.motion-scroll-note{display:flex;gap:25px;align-items:center;font-size:8px;letter-spacing:.18em;color:#8a8e7d;margin-top:25px}.motion-scroll-note .icon{transform:rotate(90deg);width:15px;height:15px}.motion-stage{position:relative;background:#d9d8ce;display:flex;align-items:center;justify-content:center;overflow:hidden;isolation:isolate}.stage-arch{position:absolute;top:10%;width:75%;height:95%;border-radius:50% 50% 0 0;background:linear-gradient(125deg,#c6c4b9,#ece9df 60%,#e3dfd3);box-shadow:inset 1px 2px 3px #fff7;z-index:-2;transform-origin:center bottom}.stage-orbit{position:absolute;width:85%;height:85%;border:1px solid #94988755;border-radius:50%;transform:rotate(-35deg) scaleX(.8);z-index:-1}.orbit-two{transform:rotate(35deg) scaleX(.8);border-color:#fafaf266}.stage-hairline{position:absolute;width:1px;height:100%;background:#ffffff55;left:50%;z-index:-1}.stage-word{position:absolute;top:12%;left:6%;font:clamp(100px,12vw,190px) var(--serif);line-height:1;letter-spacing:-.08em;color:#acb19c6b;z-index:-1}.stage-product-stack{position:absolute;inset:12% 12% 20%;display:flex;align-items:end;justify-content:center;perspective:1000px}.stage-product-stack img{position:absolute;width:88%;height:100%;object-fit:contain;mix-blend-mode:multiply;transform-origin:50% 90%;will-change:transform,opacity}.stage-plinth{position:absolute;left:20%;right:20%;bottom:12%;height:13%;min-height:65px;background:linear-gradient(100deg,#b3b5a6,#d1d1c3 50%,#babdaf);box-shadow:20px 30px 40px #646f4e25;z-index:-1}.stage-plinth:before{content:'';position:absolute;left:0;right:0;top:-11%;height:15%;background:#d7d7c9;transform:skewX(-18deg);transform-origin:left bottom}.stage-plinth span{position:absolute;left:30%;right:20%;top:0;height:1px;background:#f6f5ed88}.stage-caption{position:absolute;bottom:35px;left:35px;right:35px;display:flex;justify-content:space-between;gap:20px;align-items:center;color:#646d59}.stage-caption .eyebrow{font-size:8px}.stage-model{font-size:10px;letter-spacing:.1em}.stage-coordinate{position:absolute;right:26px;top:35px;font-size:8px;writing-mode:vertical-rl;letter-spacing:.1em;color:#7d856d}
.motion-reveal{opacity:0;transform:translateY(28px);transition:opacity 700ms var(--ease-out),transform 700ms var(--ease-out)}.motion-reveal.is-visible{opacity:1;transform:translateY(0)}.motion-clip{clip-path:inset(0 0 100% 0);transition:clip-path 900ms var(--ease-in-out)}.motion-clip.is-visible{clip-path:inset(0 0 0 0)}.collection-art,.product-art{perspective:900px}.collection-art img,.product-art img{transition:transform 250ms var(--ease-out)}.card-spotlight{position:absolute;inset:0;background:radial-gradient(circle at center,#ffffffa0,transparent 62%);width:200%;height:200%;max-width:none;opacity:0;pointer-events:none;z-index:0;transition:opacity 200ms ease;transform:translate(-25%,-25%)}.collection-arrow{transition:transform 200ms var(--ease-out)}.collection-art:before{content:'';position:absolute;inset:11px;border:1px solid #848a7635;opacity:0;transform:scale(.96);transition:opacity 200ms ease,transform 250ms var(--ease-out);z-index:2;pointer-events:none}.card-cursor{position:absolute;top:0;left:0;width:58px;height:58px;display:flex;align-items:center;justify-content:center;background:#30372ce8;color:#efebdd;border-radius:50%;font-size:8px;letter-spacing:.1em;z-index:3;pointer-events:none;opacity:0;transition:opacity 160ms ease;transform:translate(-100px,-100px)}
.btn{position:relative;overflow:hidden;isolation:isolate;transition:background 180ms ease,color 180ms ease,transform 160ms var(--ease-out)}.btn:before{content:'';position:absolute;inset:0;transform:translateY(103%);background:#68705a;z-index:-1;transition:transform 250ms var(--ease-out)}.btn.light:before{background:#ded9cb}.btn.outline:before{background:#ded9cb}.btn:active,.quick-add:active{transform:scale(.97)}.btn .icon,.text-link .icon{transition:transform 200ms var(--ease-out)}.text-link{position:relative}.text-link:after{content:'';position:absolute;bottom:-1px;left:0;right:0;height:1px;background:currentColor;transform:scaleX(0);transform-origin:right;transition:transform 250ms var(--ease-out)}.quick-add{transition:background 180ms ease,color 180ms ease,transform 160ms var(--ease-out)}.inquiry-link{transition:transform 200ms var(--ease-out)}.quote-count{transition:transform 250ms var(--ease-out)}.quote-count.bump{transform:scale(1.28)}.navigation a:after{content:'';position:absolute;bottom:4px;left:0;right:0;height:1px;background:var(--accent);transform:scaleX(0);transform-origin:left;transition:transform 250ms var(--ease-out)}.navigation a.active:after{transform:scaleX(1)}.field-underline{transform-origin:left}dialog[open]{animation:dialog-enter 250ms var(--ease-out)}dialog[open]::backdrop{animation:backdrop-enter 250ms ease}@keyframes dialog-enter{from{opacity:0;transform:translateY(12px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes backdrop-enter{from{opacity:0}to{opacity:1}}.mobile-nav.open{animation:menu-enter 200ms var(--ease-out);transform-origin:top}@keyframes menu-enter{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}
@media(hover:hover) and (pointer:fine){.collection-card:hover .collection-art:before{opacity:1;transform:scale(1)}.collection-card:hover .collection-arrow{transform:translate(3px,-3px)}.collection-card:hover .card-spotlight,.product-card:hover .card-spotlight{opacity:1}.collection-card:hover .card-cursor{opacity:1}.btn:hover:before{transform:translateY(0)}.btn:hover .icon,.text-link:hover .icon{transform:translateX(4px)}.text-link:hover:after{transform:scaleX(1);transform-origin:left}.navigation a:hover:after{transform:scaleX(1)}.hero-feature:hover img{transform:translateY(-5px)}}
@media(max-width:1150px){.motion-copy{padding:45px 40px}.motion-text h2{font-size:52px}.motion-text-stack{min-height:325px}.motion-steps{gap:10px}.motion-step{font-size:9px;gap:6px}.motion-stage{min-width:0}.hero h1{font-size:83px}}
@media(max-width:850px){.hero{height:calc(100svh - 107px);min-height:700px}.motion-pin{top:78px;height:calc(100svh - 78px);min-height:590px;grid-template-columns:.95fr 1.05fr}.motion-copy{padding:35px 25px}.motion-text h2{font-size:44px}.motion-copy>.eyebrow{font-size:8px}.motion-text-stack{min-height:340px;margin-top:30px}.motion-text p{font-size:12px}.stage-product-stack{inset:15% 8% 23%}.stage-plinth{bottom:16%}.stage-caption{bottom:25px;left:20px;right:20px}.stage-word{font-size:110px;top:18%;left:0}.hero h1{font-size:73px}.hero-scroll-cue{left:45%}}
@media(max-width:600px){.hero{height:calc(100svh - 102px);min-height:690px;max-height:900px}.hero h1{font-size:58px}.hero-content{padding-top:55px}.hero-scroll-cue{left:var(--gutter);transform:none;bottom:70px;gap:10px;font-size:6px}.hero-scroll-line{height:35px}.motion-marquee{padding-block:20px}.marquee-track>span{font-size:35px}.marquee-track i{font-size:20px;padding-inline:20px}.motion-story{height:220svh}.motion-pin{top:73px;height:calc(100svh - 73px);min-height:650px;grid-template-columns:1fr;grid-template-rows:.43fr .57fr}.motion-copy{padding:25px var(--gutter) 15px;justify-content:start}.motion-copy>.eyebrow{font-size:8px}.motion-text-stack{min-height:150px;margin-top:17px}.motion-text h2{font-size:33px;line-height:1.12}.motion-text p{font-size:10px;line-height:1.6;max-width:65%;margin-top:12px}.motion-text .text-link{position:absolute;right:0;bottom:0;font-size:8px;gap:10px;max-width:31%;padding-block:8px}.motion-text .text-link .icon{width:14px}.motion-steps{margin-top:12px}.motion-step{font-size:8px;padding:5px 0}.motion-scroll-note{display:none}.motion-stage{min-height:345px}.stage-arch{width:68%;top:5%;height:120%;border-radius:50% 50% 0 0}.stage-product-stack{inset:5% 23% 22%}.stage-plinth{left:32%;right:32%;height:11%;bottom:13%;min-height:40px}.stage-word{font-size:100px;left:3%;top:12%}.stage-orbit{height:110%;width:80%;top:15%}.stage-caption{bottom:18px;font-size:8px}.stage-caption .eyebrow{font-size:7px}.stage-coordinate{top:22px;font-size:7px}.card-cursor{display:none}.hero-title-line{line-height:1.13}html[lang=zh-CN] .motion-text h2{font-size:31px;line-height:1.3}html[lang=zh-CN] .motion-text p{max-width:65%;font-size:10px}}
@media(prefers-reduced-motion:reduce){.hero-bg{inset:0;width:100%;height:100%;will-change:auto}.hero-scroll-line:after{animation:none;transform:none}.marquee-track{animation:none;transform:none;will-change:auto}.motion-story{height:auto}.motion-pin{position:relative;top:auto;height:auto;min-height:630px}.stage-product-stack img{will-change:auto}.motion-reveal{opacity:1;transform:none;transition:opacity 160ms ease!important}.motion-clip{clip-path:none}.motion-text,.motion-text.active{transform:none;transition:opacity 160ms ease!important}.collection-card:hover img,.product-card:hover img,.hero-feature:hover img,.btn:hover .icon,.text-link:hover .icon{transform:none!important}.card-cursor,.card-spotlight{display:none}.scroll-progress{display:none}dialog[open],dialog[open]::backdrop,.mobile-nav.open{animation:none}.btn:active,.quick-add:active{transform:none}.hero-title-line>span{will-change:auto}}