@import url('/base.css');

:root{--gold:#d6ba7d;--ink:#172019;--paper:#f5f3ed;--muted:#777d74;--line:rgba(26,35,28,.16);--dark:#141713}html{scroll-behavior:smooth;scroll-padding-top:95px}body{background:var(--dark);color:var(--ink)}.container{width:min(1320px,calc(100% - 112px));margin-inline:auto}.site-header{height:96px;position:absolute;inset:0 0 auto;z-index:10;color:#fff;border-bottom:1px solid #ffffff21}.header-inner{width:calc(100% - 112px);margin:auto;height:100%;display:flex;align-items:center;justify-content:space-between;gap:40px}.brand{display:flex;align-items:center;gap:16px;text-decoration:none;color:inherit;flex-shrink:0}.brand-number{font:48px/.85 Georgia,serif;letter-spacing:-3px;position:relative}.brand-spark{color:var(--gold);font:17px/1 serif;position:absolute;right:-11px;top:-10px}.brand-text{font-size:20px;letter-spacing:5px;padding-left:18px;border-left:1px solid #ffffff40}.brand-text small{display:block;font-size:9px;letter-spacing:2px;margin-top:8px;font-family:Arial,sans-serif}.site-header nav{display:flex;gap:36px;font-size:14px;color:#e1e3da}.site-header nav a{padding-block:15px}.contact-nav{font-size:14px;border:1px solid #ffffff4d;border-radius:3px;padding:13px 21px;display:flex;gap:30px;align-items:center}.contact-nav span{font-size:20px;color:var(--gold)}.menu-toggle{display:none}.hero{min-height:760px;height:min(860px,100svh);position:relative;isolation:isolate;color:#fff;display:flex;align-items:center}.hero-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-3;object-position:center 47%}.hero-shade{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,rgba(9,16,15,.6),transparent 75%),linear-gradient(0deg,rgba(12,18,16,.86),transparent 25%,transparent 85%,#12181555)}.hero-content{padding-top:60px}.eyebrow{font:11px/1.6 Arial,sans-serif;letter-spacing:2px;font-weight:500;display:flex;align-items:center;gap:13px}.eyebrow>span:first-child{font-size:11px;opacity:.55}.hero-kicker{font-size:11px;color:var(--gold);letter-spacing:3px;margin-bottom:34px}.hero h1{font-family:'Songti SC','Noto Serif CJK SC','SimSun',serif;font-size:clamp(44px,4.6vw,70px);font-weight:500;line-height:1.38;letter-spacing:3px;margin:0 0 24px}.hero-content>p{font-size:16px;line-height:2;color:#d0d1c8;margin-bottom:35px}.hero-actions{display:flex;gap:15px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;border:1px solid transparent;min-height:48px;padding:12px 24px;border-radius:2px;cursor:pointer;font-size:14px;font-weight:500;text-decoration:none;transition:background .2s,transform .2s;line-height:1.5}.btn:hover{transform:translateY(-2px)}.gold{background:var(--gold);color:#24281f}.gold:hover{background:#e2cb97}.ghost{border-color:#ffffff50;color:#fff;background:#ffffff06}.outline{border-color:currentColor;background:transparent;color:inherit}.hero-bottom{position:absolute;bottom:33px;left:0;right:0;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:12px;color:#bfc4b9}.hero-bottom i{font-style:normal;color:var(--gold);margin:0 10px}.hero-caption{font:10px Arial,sans-serif;letter-spacing:1.7px;opacity:.6}.scroll-cue{display:flex;align-items:center;gap:20px;font:10px Arial,sans-serif;letter-spacing:1.5px}.scroll-cue span{font-size:21px;color:var(--gold)}.discipline-bar{display:flex;align-items:center;justify-content:space-evenly;gap:24px;padding:26px 4%;color:#c7caba;border-bottom:1px solid #ffffff15;font:11px Arial,sans-serif;letter-spacing:3px;overflow:hidden}.discipline-bar b{color:var(--gold);font-size:17px}.section{padding:108px 0;scroll-margin-top:0}.light{background:var(--paper)}.dark{background:var(--dark);color:#f4f3ee}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:40px;margin-bottom:52px}.section-heading .eyebrow{margin-bottom:20px;color:#6b755f}.dark .eyebrow{color:var(--gold)}h2{font-family:'Songti SC','Noto Serif CJK SC','SimSun',serif;font-size:clamp(32px,3.1vw,45px);font-weight:500;line-height:1.5;letter-spacing:1px;margin:0}h3{font-weight:500;line-height:1.5}.section-heading>p{font-size:14px;line-height:1.9;color:var(--muted);margin:0 0 6px;max-width:350px}.dark .section-heading>p{color:#9da498}.about-grid{display:grid;grid-template-columns:1fr 1.5fr;gap:78px;align-items:center}.about-brand{position:relative;overflow:hidden;background:#24281f;aspect-ratio:1.15}.about-brand img{width:100%;height:100%;object-fit:cover}.about-brand>span{position:absolute;bottom:20px;left:0;right:0;text-align:center;font:9px Arial;letter-spacing:2px;color:#e1d3b4;background:linear-gradient(transparent,#242820);padding-top:20px}.about-copy>p{font-size:15px;line-height:2;color:#6b7267}.about-copy .lead{font-size:18px;line-height:2;color:var(--ink);margin-top:0}.values{margin-top:26px}.values>div{display:grid;grid-template-columns:120px 1fr;border-top:1px solid var(--line);padding:20px 0 5px;column-gap:20px}.values span{font-size:12px;color:#8a7750;grid-row:span 2}.values h3{font-size:17px;margin:0}.values p{font-size:13px;color:var(--muted);margin:8px 0 12px;line-height:1.7}.services{padding-top:20px}.products-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}.product-card{border:1px solid var(--line);background:#fffdf8;min-width:0}.product-art{height:192px;position:relative;overflow:hidden;display:block;background:#24281e}.product-art:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#0004,transparent 50%)}.product-art img{width:100%;height:100%;object-fit:cover;transition:transform .6s}.product-card:hover .product-art img{transform:scale(1.06)}.product-number{position:absolute;top:18px;left:18px;color:#fff8;font:28px Georgia;z-index:1}.pill{position:absolute;bottom:16px;left:18px;z-index:1;background:#171b1980;border:1px solid #ffffff3b;color:#eee7d3;font-size:11px;padding:4px 10px;backdrop-filter:blur(6px)}.product-copy{padding:26px 22px 18px}.small-en{font:9px/1.8 Arial,sans-serif;letter-spacing:1.4px;color:#91825d}.product-copy h3{font-size:19px;letter-spacing:0;margin:10px 0 15px}.product-desc{font-size:13px;line-height:1.9;color:#73786f;min-height:102px;margin:0}.product-copy ul{list-style:none;padding:17px 0;margin:0;border-bottom:1px solid var(--line);min-height:126px}.product-copy li{font-size:12px;line-height:2.3}.product-copy li:before{content:'·';margin-right:8px;color:#b5995c}.product-bottom{display:flex;gap:8px;align-items:center;justify-content:space-between;padding-top:20px;font-size:11px}.product-bottom>span{color:#7c7f73}.product-bottom a{display:flex;gap:12px;align-items:center;white-space:nowrap}.product-bottom b{font-size:20px;color:#8a774d;font-weight:400}.service-foot{display:flex;justify-content:space-between;padding-top:30px;font-size:13px;color:#777d70}.service-foot a{border-bottom:1px solid #9c8960;padding-bottom:5px;color:#61502a}.work-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:32px;padding-bottom:19px;border-bottom:1px solid #ffffff1f}.tabs{display:flex;gap:8px;flex-wrap:wrap}.tab{font-size:13px;background:none;border:0;color:#989f94;cursor:pointer;padding:9px 14px;border-radius:2px}.tab.active{background:var(--gold);color:#202519}.work-search{display:flex;gap:9px}.work-search input,.work-search select{background:transparent;color:#b7bcaf;font-size:12px;border:1px solid #ffffff25;padding:10px 12px;max-width:155px;border-radius:2px}.work-search select option{background:var(--dark)}.works-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}.work-art{display:block;aspect-ratio:1.55;position:relative;overflow:hidden;background:#232820}.work-art img{width:100%;height:100%;object-fit:cover;transition:transform .7s}.work-card:hover img{transform:scale(1.04)}.work-label{position:absolute;top:15px;left:15px;background:#141a1780;backdrop-filter:blur(8px);padding:5px 9px;font-size:10px;color:#f5f2e4;border:1px solid #ffffff25}.duration{position:absolute;bottom:15px;right:15px;font-size:12px}.play-circle,.view-circle{width:48px;height:48px;position:absolute;right:18px;bottom:18px;display:grid;place-items:center;border:1px solid #fff6;border-radius:50%;background:#15201933;color:#fff}.view-circle{font-size:24px;font-weight:300}.work-meta{display:flex;justify-content:space-between;align-items:flex-end;gap:10px;padding-top:18px}.work-meta p{font-size:11px;color:#939c8d;margin:0 0 7px}.work-meta h3{font-size:20px;margin:0}.work-meta>span{font-size:10px;color:#7c8775;letter-spacing:1px}.concept-note{font-size:11px;margin:36px 0 0;color:#78836e}.style-explorer{display:grid;grid-template-columns:1fr 1fr;gap:48px}.style-preview{position:relative;min-height:510px;color:#fff;overflow:hidden;background:var(--dark)}.style-preview>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.style-preview-shade{position:absolute;inset:0;background:linear-gradient(0deg,#0d1513f5,transparent 85%)}.style-preview-content{position:relative;display:flex;flex-direction:column;justify-content:flex-end;height:100%;padding:35px;box-sizing:border-box}.style-preview-content h3{font-family:'SimSun',serif;font-size:34px;margin:18px 0 10px}.style-preview-content>p{font-size:14px;line-height:1.9;color:#d0d3c7;max-width:360px}.style-preview-content .eyebrow{color:var(--gold);font-size:10px}.style-scene{font-size:11px;color:#b8baa7;margin:4px 0 27px}.style-preview-content>small{font-size:10px;color:#9ba38e;margin-top:16px}.style-preview-content>div{display:flex;gap:10px}.style-options{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}.style-option{display:flex;gap:14px;align-items:center;min-height:70px;padding:12px 8px;border:0;border-bottom:1px solid var(--line);background:transparent;cursor:pointer;text-align:left;font-size:14px;color:#4a5445}.style-option span{font:10px Arial;color:#9e9e8d}.style-option b{margin-left:auto;font-size:18px;font-weight:400;color:#888674}.style-option.active{color:#78612c;background:#e6e0cf;padding-left:12px;border-bottom-color:#c9b781}.style-panel>.small-muted{margin-top:25px;font-size:12px;line-height:1.9}.process-section{padding-top:20px}.process-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 35px}.process-item{border-top:1px solid var(--line);padding:30px 0;position:relative}.process-item>span{font:27px Georgia;color:#b2a27f}.process-item h3{font-size:18px;margin:22px 0 12px}.process-item p{font-size:13px;color:#7b8175;margin:0}.process-note{font-size:12px;color:#888e81;border-top:1px solid var(--line);padding-top:28px;line-height:1.9}.accounts-section{padding-block:84px}.accounts-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.account-card{border:1px solid #ffffff22;padding:28px;display:flex;gap:24px;align-items:center;flex-wrap:wrap}.account-avatar{width:72px;height:72px;object-fit:cover;border-radius:50%}.account-card h3{font-size:20px;margin:5px 0 10px}.account-card p{font-size:13px;color:#adb39f;margin:0 0 8px}.account-card .small-muted{font-size:11px}.account-card .small-en{color:var(--gold);font-size:10px}.account-coming{font-size:11px;color:#99a084;padding:10px 0;margin-left:auto}.contact-section{background:#e9e5d8}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:110px}.contact-grid .eyebrow{font-size:10px;color:#7b724e;margin-bottom:26px}.contact-grid h2{font-size:40px}.contact-intro{font-size:14px;color:#79816f;line-height:1.9;margin:25px 0 30px}.contact-methods{display:grid;grid-template-columns:1fr 1fr;gap:28px;font-size:15px}.contact-methods small{display:block;font-size:11px;color:#858773;margin-bottom:9px}.copy-wechat{background:none;padding:0;border:0;font-size:15px;color:inherit;cursor:pointer}.copy-wechat>span{font-size:11px;color:#8f7a4b;margin-left:9px}.contact-qr{display:flex;align-items:center;gap:16px;font-size:12px;margin-top:28px}.contact-qr img{width:100px;height:100px;object-fit:contain}.inquiry-form{padding-top:6px}.inquiry-form h3{font-size:20px;margin:0 0 26px}.inquiry-form label{font-size:12px;display:block;margin-bottom:19px;color:#555e4d}.inquiry-form em{color:#9b753d;font-style:normal;margin-left:3px}.inquiry-form input:not([type=checkbox]),.inquiry-form select,.inquiry-form textarea{width:100%;box-sizing:border-box;border:0;border-bottom:1px solid #b5b7a8;border-radius:0;background:transparent;padding:12px 0;color:#27311f;font:14px/1.5 inherit;outline-offset:5px;margin-top:3px}.inquiry-form input::placeholder,.inquiry-form textarea::placeholder{color:#90947f;font-size:13px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:24px}.inquiry-form .checkbox-label{display:flex;align-items:flex-start;gap:8px;font-size:11px;line-height:1.8}.checkbox-label input{accent-color:#8c7544}.checkbox-label a{text-decoration:underline}.submit-btn{width:100%;justify-content:space-between}.form-feedback{font-size:13px;color:#a52d1d;line-height:1.8}.form-feedback.success{color:#3a5c29}.selected-style{background:#ded5bc;font-size:12px;padding:12px;margin-bottom:15px}.honeypot{position:absolute!important;left:-9999px;width:1px;height:1px;overflow:hidden}footer{background:#10150f;color:#b3b8a7;padding:45px 0 28px}.footer-top{display:flex;align-items:center;justify-content:space-between;gap:25px;padding-bottom:35px;border-bottom:1px solid #ffffff18}.footer-top>.brand{transform:scale(.85);transform-origin:left}.footer-top>span{font-size:12px;color:#8b957e}.footer-top>a:last-child{font:10px Arial;letter-spacing:1px}.footer-bottom{display:flex;justify-content:space-between;gap:20px;padding-top:22px;font-size:10px;color:#79856c}.footer-bottom>div{display:flex;gap:20px}.empty-state{grid-column:1/-1;padding:60px 20px;text-align:center;color:#a6af98;border:1px solid #ffffff15}.empty-state>span{font-size:36px;color:var(--gold)}.empty-state h3{font-size:22px}.empty-state p{font-size:14px}.text-link{border-bottom:1px solid var(--gold);display:inline-block;padding-bottom:5px;font-size:13px}.image-empty{display:grid;place-items:center;background:#273125;color:var(--gold);font:40px Georgia;min-height:120px}.preview-bar{background:#d6ba7d;color:#222b1e;text-align:center;padding:12px;position:relative;z-index:20;font-size:13px}.preview-bar a{margin-left:20px;text-decoration:underline}.preview-bar+.site-header{top:44px}.columns-1{grid-template-columns:1fr}.columns-2{grid-template-columns:repeat(2,minmax(0,1fr))}.columns-3{grid-template-columns:repeat(3,minmax(0,1fr))}.columns-4{grid-template-columns:repeat(4,minmax(0,1fr))}.accounts-grid.columns-4 .account-card{display:block}.accounts-grid.columns-4 .account-avatar{margin-bottom:18px}.accounts-grid.columns-4 .account-coming,.accounts-grid.columns-4 .btn{display:block;margin-top:22px}.work-card.portrait .work-art{aspect-ratio:3/4}.work-card.square .work-art{aspect-ratio:1}.loading-screen,.load-error{min-height:100svh;display:flex;justify-content:center;align-items:center;flex-direction:column;color:var(--gold);font:64px Georgia;gap:24px}.loading-screen span{font:14px sans-serif;letter-spacing:3px}.load-error h1{font:24px sans-serif}.load-error p{font:16px sans-serif}
@media(min-width:1600px){.hero-content{padding-top:60px}.hero h1{font-size:74px}.hero-content>p{font-size:18px}}
@media(max-width:1150px){.container,.header-inner{width:calc(100% - 64px)}.header-inner{gap:20px}.site-header nav{gap:22px}.brand-text{font-size:17px;letter-spacing:3px}.brand-number{font-size:42px}.contact-nav{gap:16px;padding:10px 15px}.hero{min-height:730px}.hero-caption{display:none}.about-grid{gap:40px}.products-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.product-art{height:240px}.product-desc{min-height:auto}.product-copy ul{min-height:auto}.contact-grid{gap:55px}.work-toolbar{align-items:flex-start;flex-direction:column}.style-explorer{gap:28px}.style-option{font-size:12px;gap:8px}.style-preview-content{padding:25px}.accounts-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.contact-grid h2{font-size:34px}}
@media(max-width:760px){.container,.header-inner{width:calc(100% - 40px)}.site-header{height:78px}.brand-number{font-size:38px}.brand-text{font-size:16px;letter-spacing:3px;padding-left:12px}.brand{gap:12px}.brand-text small{font-size:7px;letter-spacing:1.5px}.contact-nav{display:none}.menu-toggle{display:block;background:transparent;color:#f4eddb;border:1px solid #ffffff40;padding:7px 10px;font-size:20px;border-radius:2px}.site-header nav{display:none;position:absolute;top:78px;left:0;right:0;background:#172017;padding:25px;gap:20px;flex-direction:column}.menu-open nav{display:flex}.hero{height:820px;min-height:690px;max-height:100svh}.hero-image{object-position:62% center}.hero-shade{background:linear-gradient(90deg,#07100bbb,#07100b22),linear-gradient(0deg,#07100bec,transparent 45%)}.hero-content{padding-top:50px}.hero-kicker{font-size:8px;letter-spacing:1.6px;margin-bottom:28px}.hero h1{font-size:clamp(34px,7.8vw,56px);letter-spacing:1px;line-height:1.55}.hero-content>p{font-size:13px;line-height:2.05;margin-top:20px}.hero-actions{gap:10px;flex-wrap:wrap}.hero-actions .btn{font-size:12px;padding:12px 19px}.hero-bottom{bottom:24px;align-items:flex-start;flex-direction:column;font-size:10px;gap:19px}.hero-bottom i{margin:0 6px}.scroll-cue{font-size:8px}.discipline-bar{gap:18px;padding:21px 20px;justify-content:flex-start;white-space:nowrap;font-size:9px;letter-spacing:1.5px}.discipline-bar span:nth-last-of-type(-n+2),.discipline-bar b:nth-last-of-type(-n+2){display:none}.section{padding:68px 0}.section-heading{display:block;margin-bottom:30px}.section-heading h2{font-size:30px;letter-spacing:0}.section-heading .eyebrow{font-size:10px;margin-bottom:16px}.section-heading>p{font-size:13px;margin-top:20px}.about-grid{grid-template-columns:1fr;gap:30px}.about-brand{max-width:360px;aspect-ratio:1.2}.about-copy .lead{font-size:16px}.about-copy>p{font-size:14px}.values>div{grid-template-columns:85px 1fr;gap:12px}.values span{font-size:10px}.values h3{font-size:15px}.values p{font-size:12px}.services{padding-top:0}.products-grid{grid-template-columns:1fr;gap:25px}.product-art{height:230px}.product-copy{padding:24px}.product-copy h3{font-size:22px}.product-desc{font-size:14px}.product-copy li{font-size:13px}.product-bottom{font-size:12px}.service-foot{gap:18px;align-items:flex-start;font-size:12px}.tabs{gap:4px}.tab{font-size:11px;padding:8px 9px}.work-search{width:100%}.work-search input,.work-search select{max-width:none;min-width:0;flex:1}.works-grid{grid-template-columns:1fr;gap:32px}.work-art{aspect-ratio:1.55}.work-meta h3{font-size:22px}.concept-note{font-size:10px;line-height:1.8}.style-explorer{grid-template-columns:1fr;gap:25px}.style-preview{min-height:460px}.style-options{gap:0 15px}.style-option{font-size:13px;min-height:63px}.process-section{padding-top:0}.process-grid{grid-template-columns:1fr 1fr;gap:0 22px}.process-item{padding-block:25px}.process-item h3{font-size:16px;margin-top:17px}.process-item p{font-size:12px;line-height:1.9}.accounts-grid{grid-template-columns:1fr}.accounts-grid.columns-4 .account-card{display:flex}.account-avatar{width:60px;height:60px}.accounts-grid.columns-4 .account-avatar{margin-bottom:0}.account-card{padding:24px;gap:20px}.account-card h3{font-size:20px}.account-card p{font-size:12px}.account-card>div{flex:1;min-width:160px}.account-card .account-coming{margin:0}.contact-grid{grid-template-columns:1fr;gap:45px}.contact-grid h2{font-size:32px}.contact-intro{font-size:13px}.inquiry-form h3{font-size:19px}.inquiry-form label{font-size:13px}.inquiry-form input:not([type=checkbox]),.inquiry-form textarea,.inquiry-form select{font-size:16px}.footer-top{flex-wrap:wrap;gap:24px}.footer-top>span{order:3;font-size:10px}.footer-top .brand{transform:scale(.9)}.footer-top>a:last-child{font-size:8px}.footer-bottom{flex-direction:column;line-height:1.8;font-size:10px}.hero-caption{display:none}.preview-bar{font-size:11px}.columns-1,.columns-2,.columns-3,.columns-4{grid-template-columns:1fr}.process-grid{grid-template-columns:1fr 1fr}}
.accounts-grid:has(> :only-child){grid-template-columns:1fr}.accounts-grid:has(> :only-child) .account-card{display:flex}.accounts-grid:has(> :only-child) .account-avatar{margin:0}.accounts-grid:has(> :only-child) .account-coming{margin-left:auto}.product-desc{font-size:14px;min-height:112px}.product-copy li{font-size:13px}.inquiry-form input:not([type=checkbox]),.inquiry-form select,.inquiry-form textarea{font-size:14px;line-height:1.5}@media(max-width:760px){.product-desc{min-height:0}.inquiry-form input:not([type=checkbox]),.inquiry-form select,.inquiry-form textarea{font-size:16px}}

