@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap";:root{color:#30332c;font-synthesis:none;--muted:#7b7c72;--line:#d8d8cf;--green:#414b3c;background:#f8f7f3;font-family:DM Sans,Arial,Microsoft YaHei,sans-serif}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline-offset:6px;outline:2px solid #65765a}button{border:0}html{scroll-behavior:smooth;scroll-padding-top:90px}.header{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);z-index:20;background:#f4f3eeed;border-bottom:1px solid #d4d4cb;justify-content:space-between;align-items:center;height:95px;padding:0 5%;display:flex;position:fixed;top:0;left:0;right:0}.logo{flex-shrink:0;align-items:center;width:120px;height:52px;display:flex;overflow:hidden}.logo img{flex-shrink:0;width:100%;height:auto;display:block}.whatsapp-contact{font-variant-numeric:tabular-nums;align-items:center;gap:14px;margin:28px 0;font-size:24px;display:flex}.whatsapp-logo{color:#25d366;flex-shrink:0;width:36px;height:36px}.whatsapp-contact:hover span{text-underline-offset:5px;text-decoration:underline}.header nav{gap:40px;font-size:12px;display:flex}.header nav a{align-items:center;gap:9px;display:flex}.header nav a span{color:#8b8d82;font-size:10px}.header a:hover{color:#78876c}.contact-link{font-size:12px}.contact-link span{margin-left:25px;font-size:21px}.menu-button{background:0 0;display:none}.hero-scroll{background:#eeece5;height:250vh;min-height:1500px}.hero-sticky{background:radial-gradient(at 72% 44%,#f5f3ed 0%,#eeece5 62%);height:100svh;min-height:670px;position:sticky;top:0;overflow:hidden}.hero-copy{z-index:3;pointer-events:none;width:42%;transition:opacity .2s,transform .2s;position:absolute;top:29%;left:5%}.hero-copy a{pointer-events:auto}.eyebrow{letter-spacing:2px;align-items:center;gap:14px;font-size:9px;font-weight:600;display:flex}.tiny-line{background:#56624c;width:24px;height:1px}h1{letter-spacing:-4px;margin:24px 0;font-family:Manrope,Arial,sans-serif;font-size:clamp(44px,5.4vw,86px);font-weight:400;line-height:1.16}em{font-family:Georgia,Times New Roman,serif;font-weight:400}h1 em{color:#657159}.intro{color:#7b7f73;letter-spacing:1px;font-size:13px;line-height:2}.text-link{border-bottom:1px solid #848c7b;align-items:center;gap:34px;padding:12px 0;font-size:11px;display:inline-flex}.text-link span{font-size:20px}.explore{margin-top:15px}.stage{position:absolute;inset:95px 0 110px}.stage canvas{width:100%;height:100%;display:block}.stage-word{letter-spacing:-12px;color:#dcdcd2;opacity:.5;pointer-events:none;font-family:Georgia,serif;font-size:clamp(100px,16vw,260px);font-style:italic;position:absolute;top:2%;right:5%}.hero-footer{z-index:5;border-top:1px solid #d1d3c8;justify-content:space-between;align-items:center;height:110px;display:flex;position:absolute;bottom:0;left:5%;right:5%}.scroll-hint{letter-spacing:1.7px;align-items:center;gap:15px;font-size:8px;display:flex}.scroll-icon{border:1px solid #bbbfb1;border-radius:50%;place-items:center;width:35px;height:48px;font-size:19px;display:grid}.scroll-hint small{letter-spacing:1px;color:var(--muted);margin-top:6px;font-size:9px;display:block}.model-caption{flex-direction:column;gap:7px;margin-left:20%;display:flex}.model-caption>span{letter-spacing:1.5px;color:#8b8e82;font-size:8px}.model-caption strong{font-size:13px;font-weight:500}.model-caption small{color:#84867b;letter-spacing:1px;font-size:10px}.progress-meta{letter-spacing:1px;flex-wrap:wrap;justify-content:space-between;gap:10px;width:140px;font-size:8px;display:flex}.progress-track{background:#d0d3c7;width:100%;height:2px}.progress-track i{background:#59674f;width:0;height:100%;display:block}.view-controls{gap:20px;display:flex;position:absolute;bottom:8px;right:5%}.view-controls button{background:0 0;align-items:center;gap:8px;font-size:22px;display:flex}.view-controls button span{color:#7b8173;font-size:9px}.loading{text-align:center;color:#747c6a;letter-spacing:1px;font-size:12px;position:absolute;top:46%;left:68%;transform:translate(-50%,-50%)}.loading>span{border:1px solid #c9cdbf;border-top-color:#46563a;border-radius:50%;width:24px;height:24px;animation:1s linear infinite spin;display:inline-block}.loading small{font-size:10px;line-height:3}@keyframes spin{to{transform:rotate(360deg)}}.model-error{text-align:center;font-size:13px;position:absolute;top:50%;right:18%}.model-error button{padding:10px 18px}.callout-lines{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.callout{pointer-events:none;opacity:0;width:176px;position:absolute}.callout .num{letter-spacing:1px;color:#88917e;font-size:9px}.callout h3{margin:6px 0;font-size:12px;font-weight:500}.callout h3 span{color:#717a65;margin-left:9px;font-size:11px}.callout p{color:#7c8272;margin:0;font-size:10px;line-height:1.7}.craft-section,.details-section{padding:80px 7%;scroll-margin-top:0}.section-heading{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding-bottom:18px;display:flex}.section-heading>span{letter-spacing:1px;color:#8c8c80;font-size:9px}.craft-grid{grid-template-columns:1.2fr 1fr;gap:13%;padding:45px 0 55px;display:grid}h2{letter-spacing:-2px;margin:0;font-family:Manrope,sans-serif;font-size:clamp(34px,4vw,60px);font-weight:400;line-height:1.2}.craft-grid>div{color:#85877d;font-size:12px;line-height:2.3}.craft-grid .large-copy{color:#51584a;margin-top:0;font-size:20px}.craft-grid .text-link{color:#525d49}.values{border-top:1px solid var(--line);grid-template-columns:repeat(3,1fr);gap:30px;padding-top:32px;display:grid}.values>div{border-right:1px solid var(--line);padding-right:20px}.values>div:last-child{border:0}.values span{color:#89907f;font-size:9px}.values h3{margin:14px 0;font-size:19px;font-weight:400}.values p{color:#828678;letter-spacing:.5px;font-size:11px}.details-section{background:#e9ebe3}.detail-title{justify-content:space-between;align-items:center;padding:45px 0;display:flex}.detail-title p{color:#7b8370;font-size:12px;line-height:2.2}.outlined-button{background:0 0;border:1px solid #8b9680;align-items:center;gap:35px;padding:15px 24px;font-size:11px;transition:background .2s;display:inline-flex}.outlined-button:hover{background:#d3d9c9}.material-grid{grid-template-columns:repeat(4,1fr);gap:24px;display:grid}.swatch{border-radius:2px;height:210px;margin-bottom:25px}.cushion{background:linear-gradient(155deg,#585450,#292a25 45%,#484640 70%,#191a17);border-radius:50% 50% 3px 3px}.wood{background:repeating-linear-gradient(95deg,#83592f 0,#a37747 2px,#9f7140 4px,#b58851 7px,#77552e 9px);box-shadow:inset 20px 10px 100px #31200d88}.metal{background:linear-gradient(120deg,#727971,#d8ddd5 23%,#4a5148 25%,#c1c6bf 32%,#e1e6dd 50%,#90998b 70%,#3a4138)}.part-number{letter-spacing:1.5px;color:#808b73;font-size:8px}.material-grid h3{letter-spacing:1px;margin:14px 0;font-size:18px;font-weight:400}.material-grid p{color:#7f8775;font-size:11px;line-height:2}.visit-section{text-align:center;color:#f0eee6;background:#414b3c;padding:95px 5% 100px}.visit-section .eyebrow{color:#b6c0ab;justify-content:center}.visit-section h2{margin:30px 0;font-size:clamp(44px,5vw,72px)}.visit-section>p:not(.eyebrow){color:#b8c1ae;letter-spacing:1px;font-size:12px}.visit-section .outlined-button{color:#eeeee6;border-color:#8c9782;margin-top:24px}.visit-section .outlined-button:hover{background:#5b6754}footer{justify-content:space-between;align-items:center;padding:28px 5%;display:flex}footer p{color:#727b67;font-size:12px}footer>span,footer>a:last-child{color:#8b907f;font-size:9px}dialog{color:#414b3c;background:#f4f3ed;border:0;width:min(500px,90vw);padding:48px}dialog::backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#1b251a88}dialog h2{margin:30px 0}dialog p:not(.eyebrow){color:#79846c;font-size:13px;line-height:2}dialog button.close-dialog:first-child{background:0 0;font-size:28px;position:absolute;top:10px;right:15px}.landing-page.menu-open .header nav{display:flex}@media (width>=1600px){.hero-copy{top:32%}.stage{inset:95px 0 130px}.hero-footer{height:130px}}@media (width<=900px){.header{height:76px}.header nav{gap:20px}.header nav a span{display:none}.hero-copy{width:48%;top:25%}h1{letter-spacing:-2px}.model-caption{margin-left:0}.stage{top:76px}.callout{width:145px}.callout h3{font-size:11px}.callout h3 span{margin:4px 0;display:block}.craft-grid{gap:7%}.swatch{height:160px}}@media (width<=600px){.header{height:70px;padding:0 6%}.logo{width:100px;height:44px}.contact-link{margin-left:auto;margin-right:24px}.contact-link span{margin-left:10px}.menu-button{font-size:22px;display:block}.header nav{background:#f4f3ee;flex-direction:column;padding:25px 6%;display:none;position:absolute;top:70px;left:0;right:0}.hero-sticky{min-height:720px}.hero-scroll{height:260vh;min-height:1750px}.hero-copy{width:87%;top:112px;left:7%}.eyebrow{letter-spacing:1.6px;font-size:8px}h1{letter-spacing:-2px;margin:18px 0;font-size:45px;line-height:1.08}.intro{font-size:11px;line-height:1.8}.explore{margin-top:0;padding:6px 0;font-size:10px}.stage{inset:315px 0 100px}.stage-word{letter-spacing:-5px;font-size:105px;top:8%}.hero-footer{height:100px;left:6%;right:6%}.scroll-hint{gap:8px;font-size:7px}.scroll-hint small{font-size:8px}.scroll-icon{width:26px;height:38px}.model-caption{max-width:160px}.model-caption>span{font-size:6px}.model-caption strong{font-size:10px}.model-caption small{font-size:8px}.progress-meta{display:none}.view-controls{gap:15px;bottom:0;right:6%}.view-controls button{font-size:19px}.view-controls button span{font-size:8px}.callout{width:117px}.callout h3{font-size:9px}.callout h3 span{font-size:10px}.callout p{display:none}.callout .num{font-size:8px}.loading{left:50%}.hero-sticky.exploding .stage{top:165px}.hero-sticky.exploding .stage-word{opacity:.25}.craft-section,.details-section{padding:48px 7%}.section-heading>span{font-size:7px}.craft-grid{grid-template-columns:1fr;gap:28px;padding:30px 0}.craft-grid h2{font-size:36px}.craft-grid>div{font-size:12px}.values{gap:12px}.values h3{font-size:13px}.values p{font-size:9px;line-height:1.8}.values>div{padding-right:8px}.detail-title{flex-wrap:wrap;gap:25px;padding:30px 0}.detail-title h2{font-size:40px}.detail-title p{font-size:10px}.detail-title button{justify-content:space-between;width:100%}.material-grid{grid-template-columns:repeat(2,1fr);gap:30px 16px}.swatch{height:150px;margin-bottom:15px}.part-number{font-size:7px}.material-grid h3{font-size:16px}.material-grid p{font-size:10px}.visit-section{padding:60px 6%}footer{flex-wrap:wrap;gap:20px}footer p{font-size:10px}footer>span{width:60%;font-size:8px}dialog{padding:35px}}.stage canvas{z-index:1;position:relative}.callout-lines{z-index:2}#labels{z-index:3;pointer-events:none;position:absolute;inset:0}.callout{top:0;left:0}.view-controls,.loading,.model-error{z-index:4}.leather{background:radial-gradient(at 65% 25%,#b39071,#644e3a);box-shadow:inset 0 0 60px #0003}.cushion{background:linear-gradient(155deg,#af8a6c,#765941 45%,#947456 70%,#56422f)}@media (width<=600px){.hero-sticky.exploding:before{content:"Inside a classic. / 探索经典构造";letter-spacing:1px;color:#6d7960;font-size:14px;position:absolute;top:115px;left:7%}.callout{background:#eeece5c9;padding:5px}.callout-lines{opacity:.7}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.loading>span{animation:none}*{transition:none!important}}