.benefits{background:#deddd4;color:#262d26;padding:120px 8%;display:grid;grid-template-columns:1fr 1.05fr;gap:8%}.benefits .eyebrow{color:#7c6d55}.benefit-list article{display:flex;gap:30px;border-top:1px solid #a1a697;padding:24px 0}.benefit-list article>span{color:#7e856f;font-family:Georgia,serif;font-size:22px}.benefit-list h3{font-size:20px;font-weight:500;margin:0 0 8px}.benefit-list p{font-size:14px;line-height:1.8;margin:0;color:#5b6355}.fineprint{font-size:12px!important;line-height:1.8!important;opacity:.7}.spaces{padding:110px 7% 100px;background:#151a17}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:40px}.section-heading h2{margin-bottom:0}.space-tabs{display:flex;gap:32px;padding-bottom:6px}.space-tabs button{color:#919b8c;border:0;background:none;font-size:15px;padding:10px 3px;border-bottom:1px solid #394633}.space-tabs button.active{color:#e3c8a5;border-color:#d4b38b}.space-view{height:640px;position:relative;overflow:hidden}.space-view>img{width:100%;height:100%;object-fit:cover;object-position:center 62%;transition:opacity .2s}.space-shade{position:absolute;inset:0;background:linear-gradient(0deg,#0f170dcf,transparent 60%);pointer-events:none}.space-caption{position:absolute;left:5%;bottom:70px}.space-caption>span{font:11px Arial;letter-spacing:3px;color:#dbcaad}.space-caption h3{font-size:32px;font-weight:400;letter-spacing:2px;margin:18px 0 12px}.space-caption p{font-size:14px;color:#e0e2d9}.space-note{position:absolute;bottom:23px;right:28px;font-size:11px;color:#b5bcae;letter-spacing:1px}.hotspot{position:absolute;border:1px solid #fff9;border-radius:50%;width:44px;height:44px;background:#1a221b8c;color:#fff;font-size:26px;font-weight:300;box-shadow:0 0 0 8px #ffffff15;transition:background .2s}.hotspot:hover{background:#af8b60}.hotspot-one{top:31%;left:58%}.hotspot-two{top:64%;left:37%}.hotspot-info{position:absolute;top:30px;right:30px;width:310px;padding:28px;background:#ecebe1;color:#273124;box-shadow:0 12px 55px #0005}.hotspot-info .eyebrow{color:#8b765c;margin:6px 0 20px;font-size:10px}.hotspot-info h3{font-size:24px;font-weight:400}.hotspot-info p:not(.eyebrow){font-size:14px;line-height:1.8;color:#55614f}.hotspot-info a{display:block;border-top:1px solid #a6ac9c;padding-top:18px;margin-top:25px;font-size:14px}.hotspot-info a span{float:right}.hotspot-close{position:absolute;right:12px;top:8px;background:none;border:0;color:#536048;font-size:24px}.studio{display:grid;grid-template-columns:58% 42%;min-height:770px;background:radial-gradient(ellipse at 25% 42%,#414639,#222c22 47%,#172019 78%)}.studio-model{height:770px;position:relative;touch-action:pan-y}.studio-model canvas{cursor:grab;touch-action:pan-y}.studio-model canvas:active{cursor:grabbing}.drag-caption{position:absolute;bottom:50px;width:100%;text-align:center;font-size:12px;letter-spacing:2px;color:#aab29e}.studio-copy{padding:120px 10% 70px 4%}.studio-copy>p:not(.eyebrow){font-size:15px;line-height:1.8;color:#b3beaa}.swatches{display:flex;gap:28px;margin:32px 0 16px}.swatches button{padding:0;background:none;border:0;color:#b9c2b1;font-size:12px}.swatches i{display:block;width:46px;height:46px;border-radius:50%;margin:0 auto 12px;border:4px solid #243124;outline:1px solid transparent}.swatches .selected i{outline-color:#e2c9a4}.swatches .selected{color:#eed2aa}.oak{background:#b7a07b url('assets/wood.webp') center/cover}.walnut{background:#625043 url('assets/wood.webp') center/cover;background-blend-mode:multiply}.graphite{background:#657068}.lighting{font-size:12px;color:#abb99f;display:flex;align-items:center;gap:20px;margin-top:26px}.lighting input{accent-color:#d5bc90;width:180px;max-width:60%}.reset-model{background:none;border:0;border-bottom:1px solid #67775b;color:#c7cfbe;font-size:12px;padding:12px 0;margin:14px 0 10px}.studio-fallback{width:70%;height:70%;object-fit:contain;margin:15%}.contact{padding:110px 7%;text-align:center;background:#dadbd2;color:#283022}.contact .eyebrow{color:#806e54}.contact h2{font-size:48px}.contact>p:not(.eyebrow){font-size:15px;line-height:1.8;color:#66705b}.contact-button,.dialog-done{background:#263123;color:#efefe5;border:0;padding:19px 30px;margin:24px 0 8px;font-size:15px;letter-spacing:1px}.contact-button span{margin-left:60px}.contact .contact-note{font-size:12px!important}footer{padding:46px 6%;display:flex;align-items:center;justify-content:space-between;gap:35px;font-size:12px;color:#b1b9aa}footer .brand-mark{font-size:26px}footer .brand-zh{font-size:18px}footer p{line-height:1.9}footer p span{color:#7e8b73;font-size:11px}dialog{background:#e3e4da;border:0;color:#263323;width:480px;max-width:92vw;padding:48px}dialog::backdrop{background:#091107c9;backdrop-filter:blur(5px)}dialog h2{font-size:30px}dialog>p{line-height:1.8;font-size:14px;color:#5b6854}dialog .eyebrow{color:#8e7656;font-size:10px}.dialog-close{position:absolute;top:12px;right:16px;border:0;background:none;font-size:28px;color:#4a5c41}.brief-row{border-top:1px solid #acb79f;display:flex;justify-content:space-between;padding:19px 0;font-size:14px}.brief-row strong{font-weight:500}.dialog-done{width:100%;margin:10px 0 0}section{scroll-margin-top:0}[hidden]{display:none!important}
@media(max-width:800px){.benefits{display:block;padding:75px 7%}.benefits h2{margin-bottom:40px}.benefit-list h3{font-size:18px}.benefit-list article{gap:24px;padding:20px 0}.spaces{padding:75px 7% 55px}.section-heading{display:block}.section-heading h2{font-size:32px}.space-tabs{margin-top:25px;gap:28px}.space-view{height:550px}.space-caption{left:7%;bottom:66px;right:7%}.space-caption h3{font-size:26px}.space-caption p{font-size:13px}.space-note{font-size:10px;left:7%;right:auto}.hotspot{width:36px;height:36px;font-size:22px}.hotspot-one{top:30%;left:65%}.hotspot-two{top:59%;left:25%}.hotspot-info{top:20px;right:5%;width:90%;padding:24px}.studio{display:flex;flex-direction:column-reverse;min-height:0}.studio-copy{padding:70px 7% 0}.studio-copy h2{font-size:32px}.studio-model{height:400px}.swatches{gap:32px}.drag-caption{bottom:30px;font-size:11px}.contact{padding:75px 7%}.contact h2{font-size:36px}.contact-button span{margin-left:40px}footer{flex-direction:column;align-items:flex-start;padding:40px 7%;gap:20px}footer p{margin:0}dialog{padding:40px 28px}.fineprint{font-size:12px!important}.studio-copy .fineprint{max-width:90%}}
@media(max-width:800px){.model-area{width:100%;right:0}.label-top{top:24%}.label-core{top:46%}.label-base{top:66%}}