:root{--paper:#f4f2e9;--cream:#e8e5d9;--ink:#1d3028;--muted:#5b645b;--line:#c9cec1;--accent:#855d2e;--forest:#1d3028;--light:#d9ddcf;--serif:'Cormorant Garamond',Georgia,serif;--sans:'Manrope','Segoe UI','Microsoft YaHei',sans-serif;--ease:cubic-bezier(.22,1,.36,1)}
*{box-sizing:border-box}html{scroll-padding-top:110px}body{margin:0;background:var(--paper);color:var(--ink);font:15px/1.65 var(--sans);-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer;border:0}a{color:inherit;text-decoration:none}h1,h2,h3,p,figure{margin:0}img{display:block;max-width:100%}svg{fill:none;stroke:currentColor;stroke-width:1.2}button,a,summary,input,select,textarea{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--accent);outline-offset:5px}[hidden]{display:none!important}::selection{background:#d2b97e;color:var(--ink)}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.skip{position:fixed;top:-100px;left:16px;background:var(--forest);color:white;z-index:100;padding:12px 20px}.skip:focus{top:12px}.reading-progress{position:fixed;top:0;left:0;height:2px;width:100%;background:#c49a58;z-index:50;transform:scaleX(var(--reading,0));transform-origin:left}
.header{height:98px;display:flex;align-items:center;justify-content:space-between;padding:0 4vw;gap:28px;background:var(--paper);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:30;transition:box-shadow .2s}.header.scrolled{box-shadow:0 5px 30px #182b2210}.brand{display:flex;gap:12px;align-items:center;flex-shrink:0}.brand img{width:30px;height:40px}.brand strong{display:block;font-size:19px;font-weight:650;letter-spacing:2px;line-height:1.15}.brand small{font-size:9px;letter-spacing:1px;display:block;margin-top:7px;white-space:nowrap}.brand small i{font-style:normal;margin:0 7px;color:var(--accent)}.header nav{display:flex;gap:30px}.header nav a{font-size:13px;min-height:44px;display:flex;align-items:center;position:relative}.header nav a:after{position:absolute;content:'';inset-inline-start:0;bottom:5px;height:1px;width:0;background:currentColor;transition:width .35s var(--ease)}.header nav a:hover:after{width:100%}.header-tools{display:flex;gap:22px;align-items:center}.language{display:flex;align-items:center;gap:8px}.language select{border:0;background:transparent;font-size:12px;min-height:44px;max-width:120px;cursor:pointer}.bag{display:flex;align-items:center;gap:12px;min-height:44px;background:transparent;font-size:12px;padding:0}.bag>span:last-child{background:var(--ink);color:var(--paper);border-radius:50%;min-width:31px;height:31px;display:grid;place-items:center;font-size:11px}.menu-toggle{display:none}.hero{position:relative;isolation:isolate;min-height:680px;height:calc(100svh - 98px);max-height:920px;background:var(--forest);color:var(--paper);overflow:hidden}.hero-photo{position:absolute;inset:0;z-index:-2}.hero-photo img{width:100%;height:100%;object-fit:cover;object-position:50% 67%}.hero:before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(10,25,18,.64),rgba(10,25,18,.12) 70%),linear-gradient(0deg,rgba(10,25,18,.77),transparent 55%,rgba(10,25,18,.3))}.hero-photo figcaption{position:absolute;inset-inline-end:4vw;top:36px;display:flex;align-items:center;gap:9px;font-size:10px;letter-spacing:1.3px;color:#fff;background:rgba(15,33,24,.58);padding:8px 11px}.photo-dot{width:5px;height:5px;border-radius:50%;background:#e2c390}.hero-top{display:flex;justify-content:space-between;align-items:center;padding:37px 4vw}.eyebrow,.mini-label{font-size:11px;letter-spacing:1.7px;font-weight:500;line-height:1.8;display:block}.hero-top>.eyebrow{max-width:55%}.hero-edition{display:none}.hero-copy{position:absolute;inset-inline:8vw 7vw;top:24%;display:grid;grid-template-columns:minmax(0,1fr) 310px;align-items:end;gap:40px}.hero h1{font:400 clamp(100px,10.5vw,175px)/.78 var(--serif);letter-spacing:-5px;max-width:920px}.hero h1 em{font-weight:400;font-style:italic;color:#e9dfb6;display:inline-block;padding-top:19px}.hero-description{padding-bottom:10px}.hero-description p{font-size:14px;line-height:1.85;margin-bottom:27px;max-width:300px;color:#fff}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:25px;font-size:13px;font-weight:500;min-height:54px;padding:9px 10px 9px 23px;transition:background .25s,color .25s,transform .25s var(--ease);border:1px solid transparent;text-align:start}.button.light{background:var(--paper);color:var(--ink)}.button.dark{background:var(--ink);color:var(--paper)}.button:hover{transform:translateY(-3px)}.button.light:hover{background:#e1dbc5}.button.dark:hover{background:#3c5140}.round-arrow{display:grid;place-items:center;border:1px solid currentColor;border-radius:50%;width:35px;height:35px;font-size:19px;flex-shrink:0}.hero-bottom{position:absolute;bottom:40px;inset-inline:4vw;display:flex;justify-content:space-between;align-items:end;gap:20px}.scroll-cue{display:flex;gap:15px;align-items:center;min-height:44px;font-size:10px;letter-spacing:1.4px}.scroll-line{height:48px;width:1px;background:#b1bba8;position:relative}.scroll-line:after{content:'';width:5px;height:5px;border-inline-end:1px solid var(--paper);border-bottom:1px solid var(--paper);position:absolute;bottom:0;left:-2px;transform:rotate(45deg)}.hero-specimen{display:flex;gap:40px}.hero-specimen>div{border-top:1px solid #c2cdb95e;padding-top:12px;min-width:150px}.hero-specimen span{display:block;font-size:9px;letter-spacing:1.5px;color:#e4e7da}.hero-specimen strong{display:block;font-size:12px;letter-spacing:1px;font-weight:500;margin-top:6px}.hero-chinese{position:absolute;top:35%;inset-inline-start:4vw;font-family:'SimSun',serif;font-size:17px;line-height:1.8;color:#f4efdc}
.section{padding:110px 6vw}.chapter-label{display:flex;gap:20px;align-items:center;font-size:11px;letter-spacing:1.8px}.joint-symbol{display:block;width:30px;height:38px;border-left:1px solid var(--accent);border-right:1px solid var(--accent);position:relative;flex-shrink:0}.joint-symbol:before,.joint-symbol:after{content:'';height:1px;width:38px;background:var(--accent);position:absolute;left:-5px;top:12px}.joint-symbol:after{top:25px}.perspective{padding-top:100px;padding-bottom:125px}.perspective-content{display:grid;grid-template-columns:1.4fr 1fr;gap:10vw;align-items:end;margin-top:50px;padding-inline-start:10vw}h2{font:400 clamp(55px,6.3vw,100px)/.93 var(--serif);letter-spacing:-2.5px}h2 em{font-style:italic;font-weight:400;color:#65735c}.perspective-note{padding-bottom:8px}.perspective-note p{font-size:15px;line-height:1.95;max-width:410px;color:var(--muted)}.text-link{display:inline-flex;align-items:center;justify-content:space-between;gap:20px;min-height:44px;padding:7px 0;border-bottom:1px solid currentColor;background:transparent;font-size:13px;text-align:start}.perspective-note .text-link{margin-top:25px}.material{background:var(--forest);color:var(--paper);padding-top:85px;padding-bottom:90px}.material-heading{display:grid;grid-template-columns:1.6fr 1fr;align-items:end;gap:10vw;margin-bottom:55px}.material-heading h2{margin-top:30px}.material h2 em{color:#d4c79f}.material-heading>p{max-width:360px;line-height:1.9;color:#cbd3c3;font-size:15px;padding-bottom:5px}.study-layout{display:grid;grid-template-columns:1.6fr 1fr;gap:7vw}.study-visual{min-width:0;position:relative;overflow:hidden;aspect-ratio:1.24;background:#aaa98e}.study-visual img{width:100%;height:100%;object-fit:cover;object-position:50% 64%;transition:transform 1.1s var(--ease),transform-origin 1.1s var(--ease);transform:scale(1);transform-origin:50% 65%}.study-visual[data-focus=surface] img{transform:scale(1.7);transform-origin:48% 68%}.study-visual[data-focus=joint] img{transform:scale(2.4);transform-origin:78% 63%}.study-visual:after{content:'';position:absolute;inset:0;border:1px solid #f4f2e933;pointer-events:none}.study-crosshair{position:absolute;width:80px;height:80px;top:50%;left:50%;border:1px solid #faf9eee0;border-radius:50%;transform:translate(-50%,-50%);opacity:0;transition:opacity .4s;pointer-events:none}.study-visual:not([data-focus=form]) .study-crosshair{opacity:1}.study-crosshair:before,.study-crosshair:after{content:'';position:absolute;background:#faf9eee0;width:100px;height:1px;top:50%;left:-11px}.study-crosshair:after{transform:rotate(90deg)}.image-caption{position:absolute;bottom:17px;inset-inline-start:17px;background:var(--paper);color:var(--ink);font-size:10px;letter-spacing:.8px;padding:6px 10px}.study-mark{position:absolute;top:20px;inset-inline-end:20px;color:#fff;font-size:10px;text-align:end;line-height:1.6;text-shadow:0 1px 4px #000}.study-panel{display:flex;flex-direction:column;align-items:flex-start;padding:8px 0}.study-panel>.mini-label{color:#cbd3c3;font-size:10px}.material-tabs{margin:22px 0 28px;width:100%}.material-tabs button{background:transparent;color:var(--paper);width:100%;border-bottom:1px solid #7a8b714d;display:grid;grid-template-columns:26px 1fr 22px;gap:12px;align-items:center;padding:18px 0;min-height:72px;text-align:start}.material-tabs button>span{font-size:11px;color:#cbd3c3}.material-tabs strong{font:400 35px/1.1 var(--serif)}.material-tabs i{font-size:24px;font-style:normal;opacity:0;transform:translate(-8px,8px);transition:all .3s var(--ease)}.material-tabs button.active i,.material-tabs button:hover i{opacity:1;transform:translate(0,0)}.material-tabs button.active strong{font-style:italic;color:#e2d3a7}.material-tabs button:focus-visible{outline-color:#dfc999}.study-panel>p{font-size:14px;line-height:1.8;color:#cbd3c3;min-height:80px;max-width:380px}.study-panel>.text-link{margin-top:20px;color:var(--paper)}.material-signature{margin-top:auto;padding-top:30px;display:flex;align-items:center;gap:20px;width:100%}.material-signature svg{width:130px;height:75px;stroke:#cbb786;stroke-width:.7}.material-signature span{font-size:9px;letter-spacing:1.7px;color:#cbd3c3;max-width:100px;line-height:1.8}
.section-heading{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:65px}.section-heading h2{margin-top:28px}.section-heading>p{max-width:330px;font-size:14px;color:var(--muted);line-height:1.9;padding-bottom:4px}.catalog-layout{display:grid;grid-template-columns:190px minmax(0,1fr);gap:5vw}.catalog-sidebar{min-width:0;align-self:start;position:sticky;top:135px}.mini-label{font-size:10px;color:var(--muted)}.filters{display:flex;flex-direction:column;margin-top:20px}.filter{display:flex;gap:8px;justify-content:space-between;align-items:center;text-align:start;background:none;color:var(--muted);width:100%;min-height:50px;padding:10px 0;border-bottom:1px solid var(--line);font-size:13px}.filter>span:first-child{flex:1}.filter .count{font-size:11px}.filter.active{color:var(--ink);font-weight:700}.filter.active:before{content:'';width:5px;height:5px;background:var(--accent);border-radius:50%;margin-inline-end:5px}.sidebar-note{border-top:1px solid var(--line);margin-top:50px;padding-top:28px}.sidebar-note .joint-symbol{transform:scale(.7);transform-origin:left top;margin-bottom:15px}.sidebar-note h3{font:400 30px/1.1 var(--serif);margin-bottom:17px}.sidebar-note p{font-size:12px;line-height:1.9;color:var(--muted);margin-bottom:18px}.sidebar-note .text-link{font-size:12px}.catalog-main{min-width:0}.catalog-toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px;gap:20px;min-height:44px}#result-count{font-size:12px;color:var(--muted)}.search{border-bottom:1px solid var(--line);display:flex;align-items:center;gap:9px}.search input{min-height:44px;border:0;background:none;font-size:13px;width:185px;padding:6px 4px}.product-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:50px 30px;padding-bottom:70px}.product-card{min-width:0}.product-card:nth-child(2n){transform:translateY(70px)}.product-image{width:100%;aspect-ratio:4/4.6;padding:14px;position:relative;background:#e5e7dc;overflow:hidden;display:block}.product-image img{width:100%;height:100%;object-fit:contain;transition:transform .75s var(--ease)}.product-image:hover img{transform:scale(1.035)}.image-ref{position:absolute;inset-inline-start:20px;top:18px;background:var(--paper);color:var(--ink);font-size:11px;letter-spacing:1px;padding:5px 9px}.detail-arrow{position:absolute;inset-inline-end:16px;bottom:16px;background:var(--paper);color:var(--ink);width:40px;height:40px;border-radius:50%;display:grid;place-items:center;font-size:22px;transition:transform .3s}.product-image:hover .detail-arrow{transform:rotate(45deg)}.product-meta{font-size:10px;letter-spacing:1.5px;color:var(--accent);text-transform:uppercase;margin:23px 0 8px}.product-card h3{font:500 34px/1.1 var(--serif);letter-spacing:-.3px}.product-desc{font-size:13px;line-height:1.8;color:var(--muted);margin:14px 0 18px;min-height:46px}.add-product{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:48px;padding:11px 0;border-top:1px solid var(--line);font-size:13px;background:none;text-align:start}.add-product span:last-child{font-size:20px}.add-product.added{font-weight:600}.catalog-note{font-size:12px;color:var(--muted);line-height:1.8;margin-top:32px}.empty-state{padding:40px 20px;text-align:center;background:var(--cream);font-size:14px}.shared-moment{height:650px;position:relative;isolation:isolate;color:var(--paper);overflow:hidden;background:var(--forest)}.shared-moment:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#12251dcc,transparent),linear-gradient(0deg,#12251dcc,transparent 60%)}.shared-moment>img{width:100%;height:100%;object-fit:cover;object-position:center;position:absolute;inset:0;z-index:-2}.moment-copy{position:absolute;inset-inline-start:8vw;top:27%;max-width:75%}.moment-copy h2{font-size:clamp(65px,7vw,112px);margin-top:25px}.moment-copy h2 em{color:#e8d9b2}.shared-moment>p{position:absolute;bottom:26px;inset-inline:6vw;font-size:11px;color:#f0f1e6;max-width:500px}.project{display:grid;grid-template-columns:1fr 1fr;gap:12vw;padding-top:110px;padding-bottom:110px}.project-heading h2{margin:30px 0}.project-heading>p{font-size:14px;color:var(--muted);max-width:340px;line-height:1.9}.steps article{position:relative;padding:28px 0 28px 40px;border-top:1px solid var(--line)}.steps article:last-child{border-bottom:1px solid var(--line)}.steps article>span{position:absolute;inset-inline-start:0;top:35px;font-size:10px;color:var(--accent)}.steps h3{font:500 34px/1.1 var(--serif);margin-bottom:15px}.steps p{font-size:13px;color:var(--muted);line-height:1.8;max-width:380px}.enquiry{background:var(--cream);display:grid;grid-template-columns:1fr 1.2fr;gap:9vw}.enquiry-intro h2{font-size:clamp(55px,5.2vw,82px);margin:30px 0}.enquiry-intro>p{font-size:14px;line-height:1.9;max-width:330px;color:var(--muted)}.contact-state{display:flex;align-items:flex-start;gap:10px;margin:28px 0;max-width:370px}.status-dot{width:5px;height:5px;background:var(--accent);border-radius:50%;flex-shrink:0;margin-top:8px}.contact-state p{font-size:12px;line-height:1.85;color:var(--muted)}details{border-top:1px solid var(--line)}summary{list-style:none;cursor:pointer;position:relative;padding:19px 30px 19px 0;font-size:14px;line-height:1.7;min-height:56px}summary::-webkit-details-marker{display:none}summary:after{content:'+';position:absolute;inset-inline-end:0;top:18px;font-size:20px;font-weight:400}details[open]>summary:after{content:'−'}details p{padding-bottom:20px;font-size:13px;color:var(--muted);line-height:1.9}.enquiry-intro details{max-width:380px;margin-top:35px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:24px}form label{display:block;margin-bottom:28px}form label>span{display:block;font-size:12px;margin-bottom:9px;font-weight:500}form input,form textarea{width:100%;border:0;border-bottom:1px solid #9da893;background:#ffffff38;border-radius:0;padding:13px 12px;min-height:50px;font-size:14px;line-height:1.7}form textarea{resize:vertical}.selected-summary{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:17px 0;margin-bottom:25px}.summary-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:12px;font-size:12px}.summary-heading .text-link{font-size:12px;min-height:35px;padding:0}#inline-list{font-size:13px;color:var(--muted)}#inline-list p+p{margin-top:8px}.privacy-note{font-size:12px;color:var(--muted);line-height:1.85;margin-bottom:25px}.submit{min-width:260px}.faq{padding-top:70px;padding-bottom:70px}.faq-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 7vw;margin-top:35px}.faq-grid details:nth-last-child(-n+2){border-bottom:1px solid var(--line)}footer{padding:65px 5vw 25px;background:var(--forest);color:var(--paper);overflow:hidden}.footer-intro{display:flex;justify-content:space-between;align-items:center;margin-bottom:55px}.footer-intro p{font:400 45px/1.2 var(--serif);max-width:70%}.back-top{border:1px solid #a6b29d70;width:60px;height:60px;border-radius:50%;display:grid;place-items:center;font-size:25px;transition:transform .3s}.back-top:hover{transform:translateY(-5px)}.footer-wordmark{font-size:10.3vw;letter-spacing:-.06em;font-weight:500;line-height:.9;display:block;position:relative;white-space:nowrap}.footer-wordmark>span{font-size:15px;letter-spacing:.1em;position:absolute;top:-20px;inset-inline-end:10px}.footer-bottom{border-top:1px solid #a6b29d50;margin-top:45px;padding-top:24px;display:flex;justify-content:space-between;gap:20px;font-size:10px;letter-spacing:1px;color:#d5decd}
dialog{border:0;padding:35px;background:var(--paper);color:var(--ink);max-height:90dvh;overflow-y:auto;box-shadow:0 25px 100px #0005}dialog::backdrop{background:#0c211bcc;backdrop-filter:blur(5px)}.product-dialog{width:min(960px,94vw);padding:0}.close-modal{position:absolute;top:16px;inset-inline-end:16px;width:44px;height:44px;background:var(--paper);border:1px solid var(--line);border-radius:50%;z-index:2;font-size:24px;line-height:1;display:grid;place-items:center}.close-modal.static{position:static;flex-shrink:0}.detail-layout{display:grid;grid-template-columns:1fr 1fr}.detail-layout>img{width:100%;height:100%;max-height:680px;min-height:540px;object-fit:contain;background:#e5e7dc;padding:15px}.detail-copy{padding:65px 35px 35px}.detail-copy h2{font-size:48px;margin:22px 0;line-height:1}.detail-copy>p{font-size:14px;color:var(--muted);line-height:1.9}.detail-copy dl{margin:30px 0}.detail-copy dl>div{border-top:1px solid var(--line);padding:14px 0}.detail-copy dt{font-size:11px;color:var(--muted)}.detail-copy dd{font-size:13px;margin:6px 0 0;line-height:1.7}.detail-copy .button{width:100%}.detail-copy .catalog-note{font-size:12px}.list-dialog,.prepared-dialog{width:min(650px,94vw)}.dialog-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:25px}.dialog-heading h2{font-size:45px;line-height:1.05;letter-spacing:-1px;margin-top:10px}.list-item{display:grid;grid-template-columns:75px minmax(0,1fr) 80px;gap:16px;align-items:center;border-bottom:1px solid var(--line);padding:18px 0}.list-item img{width:75px;height:90px;object-fit:contain;background:var(--cream)}.list-item h3{font-size:14px;font-weight:500;line-height:1.5}.list-item small{font-size:11px;color:var(--muted)}.list-item input{width:80px;min-height:44px;padding:8px;border:1px solid var(--line);background:#fff;font-size:14px}.remove-item{background:none;border-bottom:1px solid currentColor;font-size:12px;min-height:36px;padding:0;margin-top:4px}.list-dialog>.button{width:100%;margin-top:28px}.prepared-dialog>p{font-size:14px;color:var(--muted);margin-bottom:20px}.prepared-dialog textarea{width:100%;border:1px solid var(--line);padding:16px;line-height:1.8;font-size:13px;resize:vertical;background:#fff}.prepared-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:20px}.prepared-actions .button{padding:13px 20px;min-height:48px}.outline{background:none;border:1px solid var(--line)}.whatsapp{background:#315e3b;color:#fff}#copy-status{min-height:24px;font-size:13px;color:var(--ink);margin:10px 0 0}.toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,15px);background:var(--ink);color:var(--paper);font-size:13px;line-height:1.6;padding:13px 22px;max-width:90vw;opacity:0;pointer-events:none;z-index:100;transition:opacity .2s,transform .2s}.toast.visible{opacity:1;transform:translate(-50%,0)}body.modal-open{overflow:hidden}.reveal{opacity:1}.motion-enabled .reveal{opacity:0;transform:translateY(24px);transition:opacity .85s var(--ease),transform .85s var(--ease)}.motion-enabled .reveal.in-view{opacity:1;transform:translateY(0)}
html[lang|=zh] h1,html[lang|=zh] h2,html[lang|=zh] h3{font-family:'Noto Serif SC','Songti SC','SimSun',serif;line-height:1.2;letter-spacing:-.05em}html[lang|=zh] .hero h1{font-size:clamp(80px,8.2vw,132px)}html[lang|=zh] .hero h1 em{padding-top:0}html[lang|=zh] h2{font-size:clamp(50px,5.8vw,88px)}html[lang|=zh] .product-card h3{font-size:28px}html[dir=rtl] .brand{direction:ltr}html[dir=rtl] .eyebrow,html[dir=rtl] .mini-label{letter-spacing:0}html[dir=rtl] h1,html[dir=rtl] h2,html[dir=rtl] h3{font-family:Tahoma,Arial,sans-serif;line-height:1.35;letter-spacing:0}html[dir=rtl] .hero h1{font-size:clamp(60px,6.5vw,100px)}html[dir=rtl] .hero h1 em{padding-top:0}html[dir=rtl] h2{font-size:clamp(42px,4.5vw,70px)}html[dir=rtl] .hero:before{background:linear-gradient(270deg,#0a1912b3,#0a191219 70%),linear-gradient(0deg,#0a1912c4,transparent 55%,#0a19124d)}html[dir=rtl] .steps article{padding-inline:40px 0}html[dir=rtl] summary{padding-inline:0 30px}html[dir=rtl] .footer-wordmark{direction:ltr;text-align:left}html[dir=rtl] .reading-progress{transform-origin:right}html[dir=rtl] .material-tabs strong{font-family:Tahoma,Arial,sans-serif;font-size:25px}
@media(min-width:1800px){.section{padding-inline:max(6vw,calc((100vw - 1550px)/2))}.hero-copy{inset-inline:10vw}.hero h1{font-size:185px}.hero-description{max-width:340px}}
@media(max-width:1200px){.header{gap:18px;padding-inline:3vw}.brand strong{font-size:17px}.brand small{font-size:8px}.header nav{gap:20px}.header nav a{font-size:12px}.header-tools{gap:16px}.bag .desktop-label{display:none}.hero-copy{grid-template-columns:minmax(0,1fr) 270px;gap:25px;inset-inline:8vw 5vw}.hero h1{font-size:12vw}.hero-description p{font-size:13px}.hero-chinese{inset-inline-start:3vw}.section{padding-inline:5vw}.perspective-content{gap:7vw;padding-inline-start:7vw}.catalog-layout{grid-template-columns:165px minmax(0,1fr);gap:4vw}.product-card h3{font-size:30px}.material-heading,.study-layout{grid-template-columns:1.4fr 1fr;gap:5vw}.study-visual{aspect-ratio:.95}.material-signature{display:none}.project{gap:8vw}.enquiry{gap:6vw}.hero-specimen{gap:25px}.hero-specimen>div{min-width:130px}}
@media(max-width:900px){.header{height:86px;padding-inline:5vw}.header nav{position:fixed;inset:86px 0 auto;background:var(--paper);border-bottom:1px solid var(--line);padding:20px 6vw 30px;display:none;flex-direction:column;gap:0;box-shadow:0 20px 30px #1d302812}.header nav.open{display:flex}.header nav a{font-size:23px;font-family:var(--serif);min-height:58px;border-bottom:1px solid var(--line)}.menu-toggle{display:flex;background:none;align-items:center;gap:10px;padding:0;min-height:44px;font-size:11px}.menu-toggle i{width:20px;height:10px;border-top:1px solid currentColor;border-bottom:1px solid currentColor;transition:transform .2s}.menu-toggle[aria-expanded=true] i{transform:rotate(45deg);height:0;border-bottom:0}.header-tools{gap:16px}.language select{font-size:11px;max-width:105px}.language svg{display:none}.hero{height:calc(100svh - 86px);min-height:650px;max-height:850px}.hero-copy{top:25%;grid-template-columns:1fr;gap:28px;inset-inline:9vw}.hero h1{font-size:15vw}.hero-description{display:flex;gap:40px;align-items:center;max-width:none}.hero-description p{max-width:290px;margin:0}.hero-description>.button{flex-shrink:0}.hero-chinese{inset-inline-start:4vw;font-size:14px;top:32%}.hero-bottom{bottom:32px;inset-inline:5vw}.hero-specimen{gap:20px}.hero-specimen>div{min-width:105px}.hero-specimen span{font-size:8px}.hero-specimen strong{font-size:10px}.hero-top{padding:30px 5vw}.hero-photo figcaption{inset-inline-end:5vw;top:28px;font-size:9px}.section{padding:80px 6vw}.perspective-content{padding:0;gap:7vw}.perspective-content h2{font-size:75px}.perspective-note p{font-size:13px}.material-heading{grid-template-columns:1.2fr 1fr;gap:5vw}.material-heading h2{font-size:73px}.material-heading>p{font-size:13px}.study-layout{grid-template-columns:1.25fr 1fr;gap:5vw}.study-visual{aspect-ratio:.8}.material-tabs button{min-height:65px;padding:15px 0}.material-tabs strong{font-size:30px}.study-panel>p{font-size:13px}.study-panel>.mini-label{font-size:9px}.catalog-layout{grid-template-columns:1fr;gap:28px}.catalog-sidebar{position:static}.catalog-sidebar>.mini-label,.sidebar-note{display:none}.filters{margin:0;display:flex;flex-direction:row;gap:25px;border-bottom:1px solid var(--line);overflow:auto}.filter{width:auto;flex-shrink:0;border:0;gap:10px;font-size:12px}.filter.active{border-bottom:2px solid var(--ink)}.filter.active:before{display:none}.product-grid{gap:42px 25px;padding-bottom:40px}.product-card:nth-child(2n){transform:translateY(40px)}.section-heading h2{font-size:76px}.section-heading>p{font-size:13px;max-width:250px}.shared-moment{height:530px}.project{gap:7vw}.project-heading h2{font-size:70px}.steps h3{font-size:29px}.steps p{font-size:12px}.enquiry{grid-template-columns:1fr;gap:50px}.enquiry-intro{display:grid;grid-template-columns:1fr 1fr;column-gap:50px}.enquiry-intro>.eyebrow,.enquiry-intro>h2{grid-column:1}.enquiry-intro>p{grid-column:2;grid-row:2;align-self:center}.enquiry-intro>.contact-state,.enquiry-intro>details{grid-column:2;max-width:none;margin-top:0}.enquiry-intro>.contact-state{grid-row:3}.enquiry-intro>details{grid-row:4}.enquiry-intro h2{font-size:70px;margin-bottom:0}.faq-grid{gap:0 40px}.footer-intro p{font-size:38px}.footer-bottom{font-size:9px}.footer-bottom>span:nth-child(2){display:none}}
@media(max-width:600px){html{scroll-padding-top:80px}.header{height:78px;padding-inline:5vw;gap:12px}.header nav{top:78px}.brand{gap:7px}.brand img{width:23px;height:32px}.brand strong{font-size:13px;letter-spacing:1px}.brand small{font-size:7px;letter-spacing:.5px;margin-top:5px}.brand small i,.brand small>span{display:none}.header-tools{gap:12px}.language select{font-size:11px;max-width:80px;min-height:44px;padding:0}.bag>span:last-child{min-width:27px;height:27px;font-size:10px}.menu-toggle>span{display:none}.menu-toggle i{width:18px}.hero{height:calc(100svh - 78px);min-height:660px;max-height:820px}.hero-photo img{object-position:58% 65%}.hero:before{background:linear-gradient(0deg,#0c211be6,transparent 50%),linear-gradient(90deg,#0c211b99,#0c211b33)}.hero-top{padding:25px 6vw;align-items:start}.hero-top>.eyebrow{font-size:9px;letter-spacing:1px;max-width:65%;line-height:1.8}.hero-photo figcaption{top:auto;bottom:112px;inset-inline-end:6vw;max-width:60%;font-size:8px;letter-spacing:.5px;background:#10271bcc;padding:5px 8px}.hero-copy{inset-inline:7vw;top:20%;gap:30px}.hero h1{font-size:clamp(72px,20vw,118px);line-height:.85;letter-spacing:-3px}.hero h1 em{padding-top:13px}.hero-description{display:block}.hero-description p{font-size:13px;line-height:1.8;max-width:260px;margin-bottom:20px}.hero-description .button{min-height:50px;font-size:12px}.hero-chinese{display:none}.hero-bottom{bottom:25px;inset-inline:6vw;align-items:end}.scroll-cue{font-size:8px;letter-spacing:.8px;gap:10px}.scroll-line{height:37px}.hero-specimen{gap:15px}.hero-specimen>div{min-width:75px}.hero-specimen>div:nth-child(2){display:none}.hero-specimen strong{font-size:10px}.hero-specimen span{font-size:8px}.button{font-size:13px;min-height:52px}.round-arrow{width:32px;height:32px;font-size:18px}.section{padding:60px 6vw}.chapter-label{font-size:10px;letter-spacing:1.2px;gap:15px}.joint-symbol{transform:scale(.75);transform-origin:left center;width:26px}.perspective-content{display:block;margin-top:30px}.perspective-content h2,h2{font-size:64px;line-height:.95;letter-spacing:-1.5px}.perspective-note{margin-top:35px;padding-inline-start:12vw}.perspective-note p{font-size:14px;line-height:1.9}.text-link{font-size:13px}.eyebrow{font-size:10px;letter-spacing:1.2px}.material-heading{display:block;margin-bottom:30px}.material-heading h2{font-size:66px;margin:22px 0}.material-heading>p{font-size:14px;max-width:300px}.study-layout{display:block}.study-visual{aspect-ratio:1.02}.study-panel{padding-top:28px}.material-tabs{margin:10px 0 20px}.material-tabs button{min-height:65px}.material-tabs strong{font-size:32px}.study-panel>p{font-size:14px;min-height:0;max-width:none}.study-panel>.text-link{margin-top:15px}.image-caption{font-size:8px;bottom:12px;inset-inline-start:12px;max-width:70%}.study-mark{font-size:9px;top:15px;inset-inline-end:15px}.section-heading{display:block;margin-bottom:30px}.section-heading h2{font-size:64px;margin-top:20px}.section-heading>p{font-size:14px;max-width:100%;margin-top:25px}.filters{gap:22px}.filter{font-size:12px;min-height:50px}.filter .count{font-size:10px}.catalog-layout{gap:20px}.catalog-toolbar{margin-bottom:18px}#result-count{font-size:11px}.search{gap:5px}.search input{width:145px;font-size:12px}.product-grid{gap:30px 16px;padding-bottom:28px}.product-card:nth-child(2n){transform:translateY(28px)}.product-image{padding:7px;aspect-ratio:3/4}.image-ref{font-size:9px;inset-inline-start:9px;top:9px;padding:3px 6px}.detail-arrow{width:32px;height:32px;font-size:19px;inset-inline-end:9px;bottom:9px}.product-meta{font-size:9px;letter-spacing:.6px;margin:17px 0 7px}.product-card h3{font-size:25px;line-height:1.05;min-height:52px}.product-desc{font-size:12px;line-height:1.75;margin:12px 0 15px;min-height:64px}.add-product{font-size:12px;min-height:48px}.catalog-note{font-size:11px;margin-top:25px}.shared-moment{height:490px}.shared-moment>img{object-position:60% 50%}.moment-copy{inset-inline-start:7vw;top:26%;max-width:85%}.moment-copy h2{font-size:64px;line-height:.95}.shared-moment>p{font-size:10px;line-height:1.8;bottom:20px;inset-inline:7vw}.project{display:block}.project-heading h2{font-size:64px;margin-top:23px}.project-heading>p{font-size:14px;max-width:none}.steps{margin-top:40px}.steps article{padding:25px 0 25px 35px}.steps article>span{top:30px}.steps h3{font-size:32px}.steps p{font-size:14px}.enquiry{gap:35px}.enquiry-intro{display:block}.enquiry-intro h2{font-size:62px;margin:22px 0 28px}.enquiry-intro>p{font-size:14px}.contact-state{margin:25px 0!important}.contact-state p{font-size:12px}.enquiry-intro>details{margin-top:20px}.form-row{grid-template-columns:1fr;gap:0}form label{margin-bottom:24px}form label>span{font-size:12px}form input,form textarea{font-size:16px;min-height:52px}.privacy-note{font-size:12px}.submit{width:100%;min-width:0}.faq{padding-block:50px}.faq-grid{grid-template-columns:1fr;margin-top:25px}.faq-grid details:nth-last-child(2){border-bottom:0}summary{font-size:14px;padding-block:18px}details p{font-size:13px}footer{padding:45px 6vw 25px}.footer-intro{margin-bottom:60px}.footer-intro p{font-size:34px;max-width:70%}.back-top{width:50px;height:50px;font-size:23px}.footer-wordmark{font-size:10.3vw;letter-spacing:-.06em}.footer-wordmark>span{font-size:11px;top:-24px;inset-inline-end:0}.footer-bottom{font-size:9px;letter-spacing:0;margin-top:30px;align-items:center}.footer-bottom a{max-width:45%;text-align:end}.detail-layout{grid-template-columns:1fr}.detail-layout>img{height:340px;min-height:0;max-height:none}.detail-copy{padding:28px}.detail-copy h2{font-size:42px}.detail-copy>p{font-size:14px}.detail-copy dd{font-size:13px}.detail-copy .eyebrow{font-size:10px}.list-dialog,.prepared-dialog{width:94vw;padding:24px}.dialog-heading h2{font-size:37px}.dialog-heading>.close-modal{width:40px;height:40px}.list-item{grid-template-columns:58px minmax(0,1fr) 65px;gap:12px}.list-item img{width:58px;height:75px}.list-item h3{font-size:13px}.list-item input{width:65px;font-size:15px}.prepared-actions .button{font-size:12px;padding:13px 16px}.prepared-dialog textarea{font-size:12px}.toast{font-size:12px;width:max-content}html[lang|=zh] .hero h1{font-size:clamp(62px,16vw,85px);line-height:1.22}html[lang|=zh] h2{font-size:clamp(41px,12vw,58px);line-height:1.25}html[lang|=zh] .product-card h3{font-size:23px;line-height:1.3}html[lang|=zh] .steps h3{font-size:27px}html[dir=rtl] .hero h1{font-size:clamp(45px,11vw,65px)}html[dir=rtl] h2{font-size:45px;line-height:1.3}html[dir=rtl] .product-card h3{font-size:23px}html[dir=rtl] .steps article{padding-inline:35px 0}}
@media(max-width:360px){.brand strong{font-size:11px}.brand img{width:21px}.header-tools{gap:8px}.header{gap:8px;padding-inline:4vw}.language select{max-width:70px;font-size:10px}.hero h1{font-size:21vw}.hero-description p{font-size:12px}.product-card h3{font-size:23px}.product-desc{font-size:12px}.hero-bottom .scroll-cue{max-width:160px}.filters{gap:18px}.filter{font-size:11px}}
.hero:before{background:linear-gradient(90deg,#0a1912ad,#0a19122e 50%,#0a191270),linear-gradient(0deg,#0a1912c4,transparent 60%,#0a19124d)}
.anchor-arrival .reveal{opacity:1!important;transform:none!important;transition:none!important}
.study-visual[data-focus=surface] img{object-position:50% 55%;transform-origin:50% 25%}
.collection{padding-top:85px}.collection .section-heading{margin-bottom:40px}.collection .section-heading h2{font-size:clamp(55px,5.8vw,88px)}
.product-image{aspect-ratio:4/4.2}.product-image[data-detail="XM-02"] img{object-fit:cover;object-position:50% 75%}
.remove-item{min-height:44px}
@media(max-width:600px){.hero-photo img{transform:scale(1.16);transform-origin:50% 75%}.hero h1 em{max-width:100%;font-size:.94em}}
@media(max-width:900px){.menu-toggle{min-width:44px;justify-content:center}.bag{min-width:44px;justify-content:center}}
@media(max-width:600px){html[lang=ms] .material-heading h2{font-size:clamp(48px,14vw,66px)}}
@media(max-width:360px){.brand img{display:none}.brand{gap:0}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.motion-enabled .reveal{opacity:1;transform:none}}

/* Direct conversations and responsive, same-origin photography. */
.hero-photo picture,.study-visual picture,.product-image picture{display:block;width:100%;height:100%}
.shared-moment>picture{display:block;position:absolute;inset:0;z-index:-2}
.shared-moment>picture img{width:100%;height:100%;object-fit:cover;object-position:center}
.product-whatsapp{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:46px;margin-top:14px;padding:12px 14px;background:var(--forest);color:var(--paper);font-size:12px;line-height:1.5;transition:background .2s}
.product-whatsapp:hover{background:#345541}
.product-whatsapp span:last-child{font-size:19px;flex-shrink:0}
.add-product{min-height:44px;border-top:0;border-bottom:1px solid var(--line)}
.contact-number{display:flex;flex-wrap:wrap;align-items:center;gap:9px 12px;width:fit-content;max-width:100%;min-height:48px;margin-top:12px;color:var(--forest);border-bottom:1px solid var(--forest);font-size:14px}
.contact-number>span:first-child{font-size:12px}
.contact-number bdi{font-weight:600}
.contact-number>span:last-child{margin-inline-start:6px}
.enquiry-actions{display:flex;flex-wrap:wrap;align-items:stretch;gap:12px}
.enquiry-actions .submit{flex:1;min-width:220px}
.enquiry-actions>.outline{font-size:12px;justify-content:center;padding-inline:20px}
.detail-copy .button+.button{margin-top:10px}
.whatsapp-float{position:fixed;inset-inline-end:24px;bottom:24px;z-index:45;display:flex;align-items:center;gap:10px;min-height:54px;padding:14px 20px;background:#1d4f3b;color:#fff;border:1px solid #ffffff42;border-radius:40px;box-shadow:0 6px 28px #10271b30;font-size:13px;font-weight:600;line-height:1.5;transition:background .2s,transform .2s}
.whatsapp-float:hover{background:#286b4d;transform:translateY(-2px)}
.whatsapp-float svg{flex-shrink:0;fill:currentColor}
.whatsapp-float[hidden],.contact-number[hidden]{display:none}
.whatsapp-float:focus-visible,.product-whatsapp:focus-visible,.contact-number:focus-visible{outline:3px solid #bd8d48;outline-offset:4px}
body.modal-open .whatsapp-float{visibility:hidden}
@media(min-width:601px) and (max-width:900px){.enquiry-intro>.contact-number{grid-column:2;grid-row:4;margin-top:12px}.enquiry-intro>details{grid-row:5;margin-top:20px}}
@media(max-width:600px){.shared-moment>picture img{object-position:60% 50%}.product-whatsapp{padding:10px 9px;font-size:11px;min-height:48px}.enquiry-actions{flex-direction:column}.enquiry-actions .submit{min-width:0}.enquiry-actions>.outline{min-height:50px}.contact-number{margin:12px 0 24px}.whatsapp-float{inset-inline-end:16px;bottom:calc(16px + env(safe-area-inset-bottom,0px));width:56px;height:56px;min-height:56px;padding:14px;justify-content:center}.whatsapp-float>span{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.toast{bottom:86px}footer{padding-bottom:100px}}
