@import "https://fonts.googleapis.com/css2?family=DM+Mono&family=Noto+Serif+SC:wght@500;600&display=swap";:root{--ink:#20201d;--paper:#f6f4ef;--muted:#77736b;--wood:#ae7d48;--line:#d9d3c8}*{box-sizing:border-box}html{scroll-behavior:smooth}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}header{z-index:10;color:#fff;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#1d1d1abe;border-bottom:1px solid #fff2;justify-content:space-between;align-items:center;height:82px;padding:0 6vw;display:flex;position:fixed;top:0;left:0;right:0}.logo{width:140px;height:44px;overflow:hidden}.logo img,footer img{object-fit:contain;object-position:left;width:100%;height:100%}nav{gap:28px;display:flex}nav button{color:#eae7df;font-size:13px}.cta,.button{color:var(--ink);background:#fff;align-items:center;gap:8px;padding:12px 17px;font-size:13px;display:inline-flex}.hamb,.mobile{display:none}.hero{background:url(https://images.unsplash.com/photo-1600607687939-ce8a6c25118c?auto=format&fit=crop&w=2200&q=90) 50%/cover;align-items:end;height:100vh;min-height:720px;padding:0 10vw 105px;display:flex;position:relative}.shade{background:linear-gradient(90deg,#151411ae,#0000 70%);position:absolute;inset:0}.hero-copy{color:#fff;position:relative}.eyebrow{color:var(--wood);letter-spacing:.15em;margin:0 0 18px;font:11px DM Mono}.light{color:#e0b983}h1,h2{letter-spacing:-.055em;margin:0;font:600 clamp(34px,4vw,60px)/1.2 Noto Serif SC,serif}h1{font-size:clamp(43px,5vw,78px)}em{color:#e0b17a;font-style:normal}.hero-copy>p:not(.eyebrow){color:#eeeae2;margin:24px 0 28px;font-size:14px}.text{color:#fff;align-items:center;gap:5px;margin-left:22px;font-size:13px;display:inline-flex}.section{padding:clamp(72px,10vw,145px) 9vw}.intro{grid-template-columns:1.1fr .9fr;gap:10vw;display:grid}.intro>div:last-child{color:#4d4941;padding-top:38px;font-size:16px;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}.strength{background:#e8e3da;padding:100px 0 0}.adv{border-top:1px solid #c9c1b4;grid-template-columns:repeat(5,1fr);margin-top:65px;display:grid}.adv article{border-right:1px solid #c9c1b4;min-height:210px;padding:22px}.adv article:first-child{border-left:1px solid #c9c1b4;margin-left:9vw}.adv article:last-child{margin-right:9vw}.adv span,.products small,ol span{color:var(--wood);font:11px DM Mono}.adv h3{margin:52px 0 9px;font:500 20px Noto Serif SC}.adv p{color:var(--muted);margin:0;font-size:13px;line-height:1.7}.products{grid-template-columns:repeat(3,1fr);gap:15px;margin-top:60px;display:grid}.products article{color:#fff;background:#ddd;height:405px;position:relative;overflow:hidden}.products article:nth-child(2),.products article:nth-child(5){transform:translateY(42px)}.products img,.casegrid img,.photos img{object-fit:cover;width:100%;height:100%;transition:transform .65s}.products article:after,.casegrid article:after{content:"";background:linear-gradient(#0000 35%,#161512b2);position:absolute;inset:0}.products article:hover img,.casegrid article:hover img{transform:scale(1.05)}.products article div{z-index:1;padding:21px;position:absolute;bottom:0}.products h3{margin:7px 0;font:500 24px Noto Serif SC}.products p{margin:0;font-size:12px}.cases{padding-top:190px}.casegrid{grid-template-columns:repeat(2,1fr);gap:16px;margin-top:60px;display:grid}.casegrid article{color:#fff;height:410px;position:relative;overflow:hidden}.casegrid article div{z-index:1;padding:25px;position:absolute;bottom:0}.casegrid h3{margin:0 0 7px;font:500 26px Noto Serif SC}.casegrid p{margin:0;font-size:13px}.factory{color:#f5f2eb;background:#1d1d1a;padding:110px 9vw}.factory .section{padding:0 0 65px}.factory .heading>p{color:#b9b4ab}.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{background:#1d1d1acc;padding:10px 13px;font-size:12px;position:absolute;bottom:0;left:0}.photos figure:hover img{transform:scale(1.04)}ol{border-top:1px solid var(--line);margin:65px 0 0;padding:0;list-style:none;display:flex}ol li{flex:1;min-height:130px;padding-top:20px}ol b{margin-top:42px;font:500 16px Noto Serif SC;display:block}.contact{color:#f5f0e7;background:linear-gradient(115deg,#2a2824,#171715);padding:120px 9vw}.contact>div{max-width:900px}.contact>div>p:not(.eyebrow){color:#cfcbc3;max-width:440px;font-size:14px;line-height:1.9}.contact aside{color:#beb9af;border-top:1px solid #fff3;grid-template-columns:1.5fr 1fr 1fr;gap:20px;margin-top:85px;padding-top:20px;font-size:12px;line-height:1.7;display:grid}footer{color:#97938a;background:#121211;align-items:center;gap:27px;padding:25px 9vw;font-size:11px;display:flex}footer img{width:110px;height:30px}.top{z-index:8;background:#fff;place-items:center;width:42px;height:42px;display:grid;position:fixed;bottom:22px;right:22px;box-shadow:0 5px 16px #0002}.modal{z-index:20;background:#171613ad;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal>div{background:var(--paper);text-align:center;width:min(390px,100%);padding:42px;position:relative}.close{position:absolute;top:15px;right:15px}.modal h3{font:500 26px Noto Serif SC}.qr{color:#fff;background:repeating-linear-gradient(45deg,#201f1d,#201f1d 4px,#f5f2eb 4px 8px);place-items:center;width:160px;height:160px;margin:25px auto;font-size:13px;line-height:1.7;display:grid}.modal p{color:var(--muted);font-size:12px;line-height:1.8}.dark{color:#fff;background:#20201d;padding:12px 24px;font-size:13px;display:inline-block}@media (width<=760px){header{height:68px;padding:0 18px}.logo{width:112px}nav,header>.cta{display:none}.hamb{color:#fff;display:block}.mobile{z-index:9;color:#fff;background:#1d1d1a;padding:14px 20px 22px;display:grid;position:fixed;top:68px;left:0;right:0}.mobile>button:not(.cta){border-bottom:1px solid #ffffff1b;justify-content:space-between;padding:12px 0;display:flex}.mobile .cta{margin-top:15px}.hero{height:85vh;min-height:630px;padding:0 24px 70px}.intro,.heading{display:block}.intro>div:last-child{padding-top:18px}.heading>p{margin-top:22px}.adv{grid-template-columns:1fr 1fr;margin-top:42px}.adv article{border-bottom:1px solid #c9c1b4;min-height:165px}.adv article:first-child{margin-left:0}.adv article:last-child{margin-right:0}.adv h3{margin-top:33px}.products{grid-template-columns:1fr 1fr;gap:10px;margin-top:36px}.products article{height:280px}.products article:nth-child(2),.products article:nth-child(5){transform:none}.products p{display:none}.products h3{font-size:18px}.cases{padding-top:72px}.casegrid{grid-template-columns:1fr;gap:10px;margin-top:35px}.casegrid article{height:330px}.factory{padding:75px 22px}.factory .section{padding-bottom:40px}.photos{grid-template-columns:1fr 1fr;grid-auto-rows:145px}.photos figure:first-child,.photos figure:nth-child(4){grid-column:span 2}ol{grid-template-columns:1fr 1fr;margin-top:40px;display:grid}ol li{border-bottom:1px solid var(--line);min-height:105px}ol b{margin-top:26px;font-size:14px}.contact{padding:75px 22px}.contact aside{grid-template-columns:1fr;gap:14px;margin-top:58px}.section{padding:75px 22px}footer{flex-wrap:wrap;gap:12px 20px;padding:22px}}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}}