:root{--ink:#25241f;--paper:#f6f4ef;--muted:#746f65;--wood:#966b38;--line:#ddd6c9}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{background:var(--paper);color:var(--ink);margin:0;font-family:Arial,Microsoft YaHei,sans-serif}button,a{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0}a{text-decoration:none}button:focus-visible,a:focus-visible{outline-offset:5px;outline:3px solid #cf9c55}button{touch-action:manipulation}img{max-width:100%;display:block}header{z-index:10;color:#fff;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#1d1d1aee;border-bottom:1px solid #fff2;justify-content:space-between;align-items:center;gap:20px;height:82px;padding:0 5vw;display:flex;position:fixed;top:0;left:0;right:0}.logo{flex-shrink:0;width:140px;height:48px;padding:0}.logo img,footer img{object-fit:contain;object-position:left;width:100%;height:100%}nav{gap:22px;display:flex}nav button{white-space:nowrap;padding:12px 0;font-size:13px}.cta,.button{color:var(--ink);white-space:nowrap;background:#fff;justify-content:center;align-items:center;gap:8px;padding:14px 18px;font-size:13px;display:inline-flex}.hamb,.mobile{display:none}.hero{background-position:50%;background-size:cover;align-items:end;height:92vh;min-height:660px;padding:140px 9vw 85px;display:flex;position:relative}.shade{background:linear-gradient(90deg,#151411c4,#15141115),linear-gradient(#0000,#15141166);position:absolute;inset:0}.hero-copy{color:#fff;position:relative}.eyebrow{color:var(--wood);letter-spacing:.16em;margin:0 0 18px;font:11px ui-monospace,monospace}.light{color:#e0b983}h1,h2{font:600 clamp(32px,3.8vw,58px)/1.35,"SimSun",serif;letter-spacing:-.03em;margin:0;font-family:Songti SC,SimSun,serif;line-height:1.35}h1{font-size:clamp(39px,4.8vw,74px)}em{color:#e0b17a;font-style:normal}.hero-copy>p:not(.eyebrow){color:#eeeae2;margin:24px 0 28px;font-size:14px;line-height:1.9}.text{color:#fff;align-items:center;gap:5px;margin-left:20px;padding:14px 0;font-size:13px;display:inline-flex}.photo-credit{color:#e2d9ca;margin-top:30px;font-size:11px;display:block}.section{padding:100px 9vw}.intro{grid-template-columns:1.1fr .9fr;gap:8vw;display:grid}.intro>div:last-child{color:#514c44;padding-top:20px;font-size:15px;line-height:2}.link{border-bottom:1px solid;align-items:center;gap:7px;margin-top:13px;padding-bottom:5px;display:inline-flex}.heading{justify-content:space-between;align-items:end;gap:45px;display:flex}.heading>p{max-width:365px;color:var(--muted);margin:0;font-size:14px;line-height:1.9}.facts{border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:repeat(4,1fr);margin:0 9vw;padding:36px 0;display:grid}.facts div{border-left:1px solid var(--line);gap:12px;padding-left:30px;display:grid}.facts div:first-child{border-left:0;padding-left:0}.facts strong{font:36px Georgia,serif}.facts span{color:var(--muted);font-size:13px}.products{grid-template-columns:repeat(3,1fr);gap:16px;margin-top:48px;display:grid}.products article{color:#fff;background:#ddd;height:380px;position:relative;overflow:hidden}.products img,.casegrid img,.photos img{object-fit:cover;width:100%;height:100%;transition:transform .6s}.products article:after,.casegrid article:after{content:"";pointer-events:none;background:linear-gradient(#0000 30%,#161512d9);position:absolute;inset:0}.products article:hover img,.casegrid article:hover img{transform:scale(1.035)}.products article div,.casegrid article div{z-index:1;text-align:left;pointer-events:none;padding:24px;position:absolute;bottom:0}.products small{color:#e0b983;font-size:11px}.products h3{margin:9px 0;font-size:23px;font-weight:500}.products p{margin:0;font-size:12px;line-height:1.7}.section-note{color:var(--muted);margin:25px 0 0;font-size:13px;line-height:1.9}.cases{background:#ece7de}.filters{flex-wrap:wrap;gap:10px;margin:36px 0 28px;display:flex}.filters button{border:1px solid #c7bfb2;border-radius:2px;padding:11px 15px;font-size:13px}.filters button[aria-pressed=true]{color:#fff;background:#292720;border-color:#292720}.casegrid{grid-template-columns:repeat(2,1fr);gap:18px;display:grid}.casegrid article{color:#fff;background:#d3cec3;height:430px;position:relative;overflow:hidden}.image-open{text-align:left;width:100%;height:100%;padding:0;display:block}.casegrid h3{margin:12px 0 8px;font-size:24px;font-weight:500}.casegrid p{margin:0;font-size:12px}.badge{letter-spacing:.1em;border:1px solid #fff8;padding:5px 8px;font-size:10px;display:inline-block}.more{color:#fff;background:#292720;margin:32px auto 0;padding:15px 30px;font-size:13px;display:block}.factory{color:#f5f2eb;background:#1d1d1a;padding:100px 9vw}.factory .section{padding:0 0 40px}.factory .heading>p{color:#b9b4ab}.factory-facts{border-block:1px solid #ffffff30;grid-template-columns:repeat(3,1fr);gap:25px;padding:30px 0;display:grid}.factory-facts span{color:#c5c0b6;font-size:13px}.factory-facts strong{color:#e5b77d;margin-bottom:12px;font:34px Georgia,serif;display:block}.equipment{margin:35px 0}.equipment h3,.production h3{font-size:20px;font-weight:500}.equipment ul{color:#e6e0d4;grid-template-columns:1fr 1fr;gap:16px 36px;padding-left:20px;font-size:14px;line-height:1.8;display:grid}.equipment p{color:#b9b4ab;font-size:12px}.photos{grid-template-columns:1.2fr 1fr 1fr;grid-auto-rows:205px;gap:11px;display:grid}.photos figure{margin:0;position:relative;overflow:hidden}.photos figure:first-child{grid-row:span 2}.photos figure:nth-child(4){grid-column:span 2}.photos figcaption{pointer-events:none;background:#1d1d1acc;padding:10px 13px;font-size:12px;position:absolute;bottom:0;left:0}.photos figure:hover img{transform:scale(1.04)}.production{margin-top:45px}ol{border-top:1px solid var(--line);gap:14px;margin:45px 0 0;padding:0;list-style:none;display:flex}ol li{flex:1;min-height:125px;padding-top:20px}ol span{color:var(--wood);font:12px ui-monospace,monospace}ol b{margin-top:30px;font-size:15px;font-weight:500;display:block}.production ol{border-color:#ffffff30;margin-top:24px}.production ol span{color:#e0b983}.agency{grid-template-columns:repeat(2,1fr);gap:12px;margin-top:42px;display:grid}.agency span{background:#e8e1d5;padding:19px 22px;font-size:14px}.brand-grid{grid-template-columns:repeat(5,1fr);gap:12px;margin-top:28px;display:grid}.brand-grid figure{text-align:center;background:#fff;border:1px solid #e6e0d7;min-width:0;margin:0;padding:16px 12px}.brand-grid img{object-fit:contain;width:100%;height:80px}.brand-grid figcaption{color:#625a4e;margin-top:14px;font-size:12px}.contact{color:#f5f0e7;background:linear-gradient(115deg,#2a2824,#171715);padding:100px 9vw}.contact>div{max-width:1050px}.contact>div>p:not(.eyebrow){color:#cfcbc3;max-width:510px;font-size:14px;line-height:1.9}.contact-actions{flex-wrap:wrap;align-items:center;gap:14px;margin-top:28px;display:flex}.contact-actions .text{margin:0}.map-button{color:#1d1d1a;background:#c49b66}.contact aside{color:#d0c9bc;border-top:1px solid #fff3;grid-template-columns:2fr 1fr 1fr;gap:20px;margin-top:55px;padding-top:25px;font-size:13px;line-height:1.9;display:grid}.contact aside .full{grid-column:1/-1}footer{color:#aaa69d;background:#121211;align-items:center;gap:27px;padding:25px 9vw;font-size:11px;display:flex}footer img{width:110px;height:35px}.top{z-index:8;background:#fff;place-items:center;width:44px;height:44px;display:grid;position:fixed;bottom:20px;right:20px;box-shadow:0 5px 16px #0002}dialog{background:var(--paper);max-width:calc(100vw - 32px);max-height:calc(100dvh - 32px);color:var(--ink);border:0;padding:40px}dialog::backdrop{background:#14130fe0}.close{background:var(--paper);z-index:2;place-items:center;width:36px;height:36px;display:grid;position:absolute;top:12px;right:12px}.consult{text-align:center;width:400px}.consult h3{font-size:24px;font-weight:500}.consult p{color:var(--muted);font-size:13px;line-height:1.8}.qr{object-fit:contain;width:200px;height:200px;margin:25px auto}.dark{color:#fff;background:#25241f;padding:14px 22px;font-size:13px;display:inline-block}.viewer{text-align:center;padding:48px 18px 16px}.preview-img{object-fit:contain;max-width:min(1100px,85vw);max-height:76dvh;margin:auto}.viewer p{margin:15px 0 0;font-size:13px}@media (width<=1100px){header{padding:0 24px}nav{gap:13px}.logo{width:115px}.brand-grid{grid-template-columns:repeat(4,1fr)}}@media (width<=900px){nav,header>.cta{display:none}.hamb{color:#fff;padding:10px;display:block}.mobile{z-index:9;color:#fff;background:#1d1d1a;max-height:calc(100dvh - 82px);padding:14px 24px 22px;display:grid;position:fixed;top:82px;left:0;right:0;overflow:auto}.mobile>button:not(.cta){border-bottom:1px solid #ffffff1b;justify-content:space-between;padding:12px 0;display:flex}.mobile .cta{margin-top:15px}.intro{gap:30px}.equipment ul{grid-template-columns:1fr}}@media (width<=600px){html{scroll-padding-top:82px}header{height:68px;padding:0 18px}.mobile{max-height:calc(100dvh - 68px);top:68px}.hero{background-position:62%;height:85svh;min-height:600px;padding:110px 24px 55px}.hero h1{font-size:38px}.hero-copy>p:not(.eyebrow){font-size:12px}.section{padding:65px 22px}.intro,.heading{display:block}.intro>div:last-child{padding-top:18px}.heading>p{margin-top:22px}.facts{grid-template-columns:1fr 1fr;gap:28px;margin:0 22px;padding:28px 0}.facts div{border:0;padding:0}.facts strong{font-size:30px}.products{grid-template-columns:1fr 1fr;gap:10px;margin-top:30px}.products article{height:275px}.products article div{padding:16px 12px}.products h3{font-size:19px}.products p{display:none}.casegrid{grid-template-columns:1fr;gap:14px}.casegrid article{height:380px}.filters{gap:8px;margin-top:28px}.filters button{padding:10px 12px;font-size:12px}.factory{padding:65px 22px}.factory-facts{gap:15px}.factory-facts strong{font-size:27px}.factory-facts span{font-size:11px}.photos{grid-template-columns:1fr 1fr;grid-auto-rows:145px}.photos figure:first-child,.photos figure:nth-child(4){grid-column:span 2}.equipment ul{gap:12px;font-size:13px}ol{grid-template-columns:1fr 1fr;gap:10px;margin-top:30px;display:grid}ol li{border-bottom:1px solid var(--line);min-height:100px}ol b{margin-top:20px;font-size:14px}.production ol li{border-color:#ffffff30}.agency{grid-template-columns:1fr;gap:8px;margin-top:28px}.agency span{padding:15px;font-size:13px}.brand-grid{grid-template-columns:repeat(3,1fr);gap:8px}.brand-grid figure{padding:12px 6px}.brand-grid img{height:60px}.brand-grid figcaption{font-size:11px}.contact{padding:65px 22px}.contact aside{grid-template-columns:1fr;gap:14px;margin-top:38px}.contact-actions{gap:12px}.contact-actions .button,.contact-actions .text{padding:13px}footer{flex-wrap:wrap;gap:12px 20px;padding:22px}.consult{padding:42px 22px 28px}.preview-img{max-width:82vw}.top{bottom:14px;right:14px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important}}html,body,#root{max-width:100%;overflow-x:clip}img{max-width:100%}@media (width<=760px){.hero-copy{max-width:100%}.hero-copy h1{overflow-wrap:anywhere}.photos figure{min-width:0}.modal>div{max-height:calc(100dvh - 40px);overflow-y:auto}.qr{object-fit:contain}}