*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:80px}body{margin:0;font-family:Arial,"Microsoft YaHei","PingFang SC",sans-serif;color:#252620;background:#f7f6f2;--accent:#a58c62;--line:#d8d6ce}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button,a,summary,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:focus-visible,a:focus-visible,summary:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:5px}img{width:100%;height:100%;object-fit:cover;display:block}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:400}h1{font-size:clamp(52px,6.7vw,104px);line-height:1.25;letter-spacing:-.04em}h2{font-size:clamp(30px,3.2vw,49px);line-height:1.5;letter-spacing:-.035em}p{line-height:1.95}.eyebrow{font-size:11px;letter-spacing:2.3px;line-height:1.8;margin-bottom:26px}.muted{color:#777b73}.wrap{padding:100px 7%}.proposal{height:39px;background:#22241f;color:#e6e6dc;display:flex;justify-content:space-between;align-items:center;padding:0 4%;font-size:11px;letter-spacing:1px}.proposal>div{display:flex;gap:20px}.proposal a[aria-current]{color:#e2bd79;text-decoration:underline;text-underline-offset:5px}header{height:100px;padding:0 5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:25px}.brand{display:flex;gap:12px;align-items:center;flex-shrink:0;font-size:30px;letter-spacing:5px;font-weight:600}.brand small{display:block;font-size:8px;letter-spacing:2.4px;margin-top:3px;font-weight:400}.mark{font-family:Georgia,serif;font-size:50px;letter-spacing:-9px;border:1px solid currentColor;width:42px;height:46px;line-height:42px;padding-left:4px;margin-right:4px}nav{display:flex;gap:38px;font-size:12px}.nav-cta{font-size:12px;border-bottom:1px solid currentColor;padding:12px 0;display:inline-flex;gap:32px}.button{display:inline-flex;padding:19px 28px;gap:48px;font-size:13px;align-items:center;background:var(--accent);color:white}.button span{font-size:20px}.hero{position:relative}.hero-copy>p:not(.eyebrow){font-size:14px;margin:28px 0 34px;line-height:2.1}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:48px}.section-heading>p{font-size:13px;color:#85867f}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.product{border:0;background:none;color:inherit;text-align:left;padding:0}.product-image{height:370px;position:relative;overflow:hidden}.product-image img{transition:transform .6s}.product:hover img{transform:scale(1.045)}.product-image>span{position:absolute;top:18px;left:18px;background:#f7f6f2e8;color:#252620;padding:6px 10px;font-size:10px}.product-image b{position:absolute;right:18px;bottom:18px;width:38px;height:38px;background:#f7f6f2;color:#252620;border-radius:50%;display:grid;place-items:center;font-size:22px;font-weight:400}.product-title{display:flex;justify-content:space-between;align-items:center;margin:24px 0 9px}.product h3{font-size:23px}.product-title span{font-size:12px;color:#8b8b82}.product>p{font-size:10px;letter-spacing:2px;color:#8a8a80}.spaces{position:relative;height:620px}.spaces:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#171a17a8,transparent)}.spaces>div{position:absolute;top:100px;left:7%;color:#fff;z-index:1}.spaces p:not(.eyebrow){margin:24px 0 32px;font-size:14px}.text-link{font-size:13px;border-bottom:1px solid;padding-bottom:12px;display:inline-block}.image-caption{position:absolute;bottom:28px;left:35px;font-size:10px;letter-spacing:2px;z-index:1;color:#fff}.craft{display:grid;grid-template-columns:1fr 1fr;gap:9%}.craft .muted{font-size:13px;margin-top:22px}.craft-list details{border-bottom:1px solid var(--line)}summary{padding:23px 0;list-style:none;cursor:pointer;font-size:18px;display:flex;gap:22px;align-items:center}summary::-webkit-details-marker{display:none}summary>span{color:#8d8d80;font-size:11px}summary b{margin-left:auto;font-weight:400}details[open] summary b{transform:rotate(45deg)}details p{font-size:13px;color:#8a8a80;padding:0 30px 24px;max-width:430px}.contact{padding:80px 7%;display:grid;grid-template-columns:1fr 1fr;gap:12%;background:#e9e6dd}.contact h2{font-size:43px}.contact>div>p:last-child{font-size:13px;margin-top:24px}.contact form{display:flex;flex-direction:column;gap:20px;align-self:center}.contact label{font-size:12px;display:flex;align-items:center;gap:30px;border-bottom:1px solid #b4b4a9;padding-bottom:12px}.contact select{flex:1;min-width:0;background:transparent;border:0;padding:10px;color:inherit}.contact button{border:0;background:#343b31;color:white;padding:20px;text-align:left;display:flex;justify-content:space-between;font-size:13px}.contact small{font-size:10px;color:#787c71;line-height:1.7}.contact output{font-size:12px;line-height:1.9}footer{padding:55px 7%;display:grid;grid-template-columns:1fr 1fr;gap:35px}footer .brand{font-size:24px}footer .brand .mark{height:38px;width:35px;line-height:34px;font-size:41px}footer p{font-size:12px;margin-top:18px;color:#8b8e83}footer>div:nth-child(2){text-align:right;font-size:10px;letter-spacing:1px;line-height:2.5}footer>div:nth-child(2) span{font-size:15px;letter-spacing:0}footer .disclaimer{grid-column:1/-1;font-size:10px;border-top:1px solid var(--line);padding-top:24px;margin:0}dialog{padding:0;border:0;max-width:850px;width:90%;background:#f5f3ed;color:#272923;box-shadow:0 25px 100px #0005}dialog::backdrop{background:#0009;backdrop-filter:blur(5px)}dialog>img{height:300px}dialog>div{padding:35px 45px}dialog .eyebrow{margin-bottom:10px}dialog h2{font-size:32px}dialog .notes{font-size:12px;color:#73766d;margin:20px 0}.close{position:absolute;right:15px;top:15px;border:0;width:38px;height:38px;background:#f7f6f2;border-radius:50%;font-size:25px}
/* 01 — architectural luxury */
.luxury{background:#181c19;color:#e7e5dc;--line:#383e36;--accent:#bca57e}.luxury header{height:90px}.luxury .brand{color:#dbcaab}.hero-dark{height:720px;min-height:550px}.hero-dark>img{position:absolute;inset:0;object-position:center 55%}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,#101912c9 0%,#1520184d 60%,#0a140c14),linear-gradient(0deg,#14201980,transparent 35%)}.hero-dark .hero-copy{position:absolute;left:8%;top:115px}.hero-dark h1{font-family:"Songti SC","SimSun",serif;font-weight:400;letter-spacing:7px}.hero-dark .eyebrow{color:#d5c7a6}.hero-dark .button{color:#1c241c}.hero-bottom{position:absolute;bottom:32px;left:8%;right:8%;display:flex;justify-content:space-between;font-size:10px;letter-spacing:1.5px}.vertical{position:absolute;right:32px;top:190px;writing-mode:vertical-rl;font-size:10px;letter-spacing:3px}.manifesto{text-align:center;padding-top:100px;padding-bottom:55px}.manifesto .eyebrow{color:#bca57e}.manifesto h2{font-family:"SimSun",serif;font-size:39px;line-height:1.7}.manifesto em{font-style:normal;color:#bca57e}.manifesto>p:last-child{font-size:12px;color:#9da197;margin-top:30px}.luxury .products{padding-top:70px}.luxury .contact{background:#c8b99c;color:#24291f}.luxury .contact small{color:#525749}.luxury .contact label{border-color:#8c8e7c}.luxury .contact select option{color:#252620}.luxury footer{background:#141815}
/* 02 — natural living */
.natural{background:#f4f1e9;--accent:#687651;--line:#d8d7c9;color:#39432e}.natural header{border:0}.natural .brand{color:#566744}.hero-warm{display:grid;grid-template-columns:44% 56%;padding:30px 5% 60px}.hero-warm .hero-copy{padding:65px 0 0 5%}.hero-warm h1{font-family:"Songti SC","SimSun",serif;font-size:clamp(60px,6.5vw,96px);letter-spacing:3px}.hero-warm .hero-copy>p:not(.eyebrow){color:#6f7763}.warm-image{height:680px;position:relative}.warm-image img{border-radius:45% 45% 0 0;object-position:45% center}.round-seal{position:absolute;right:-20px;top:15px;border:1px solid #717d60;background:#f3f0e7;border-radius:50%;width:110px;height:110px;display:flex;align-items:center;justify-content:center;flex-direction:column;font-size:12px;line-height:1.9;transform:rotate(12deg)}.warm-note{margin-top:70px;font-size:12px;letter-spacing:5px}.warm-note small{display:block;font-size:8px;letter-spacing:1px;margin-top:14px}.warm-intro{padding-top:60px;padding-bottom:60px;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 2fr 1.3fr;align-items:center;gap:30px}.warm-intro .eyebrow{font-size:9px}.warm-intro h2{font-size:33px}.warm-intro>p{font-size:12px;color:#808773}.natural .products{background:#e9ecdf}.natural .product-grid{gap:35px}.natural .product-image{height:350px;border-radius:140px 140px 0 0}.natural .product-image>span{top:auto;bottom:20px}.warm-story{display:grid;grid-template-columns:1.1fr 1fr;gap:12%;align-items:center}.story-image{height:560px}.warm-story h2{font-family:"SimSun",serif;font-size:52px}.warm-story p:not(.eyebrow){font-size:13px;color:#7f8573;margin:28px 0}.natural .contact{background:#e3e6d6}.natural .contact button{background:#667650}
/* 03 — essential gallery */
.gallery{background:#eeeeeb;color:#20211f;--accent:#d8582e;--line:#cdcec7}.gallery header{height:90px}.gallery .brand{font-weight:500}.gallery .nav-cta{border:0;background:#232522;color:#fff;padding:13px 20px}.gallery-title{padding:55px 5% 45px;display:grid;grid-template-columns:1fr 2fr 1fr;align-items:end;gap:25px}.gallery-title h1{font-size:clamp(50px,5.3vw,82px);line-height:1.2;font-weight:500;letter-spacing:-4px}.gallery-title h1 span{color:#92948b}.gallery-title .eyebrow{align-self:start;font-size:10px}.gallery-title>div p{font-size:12px;margin-bottom:20px}.gallery .button{padding:14px 20px;font-size:11px;background:#d6542b}.gallery-image{position:relative;height:500px;margin:0 5%}.gallery-image img{object-position:50% 58%}.photo-label{position:absolute;left:25px;bottom:25px;padding:15px 25px;background:#eeeedae8;font-size:11px;line-height:2}.image-index{position:absolute;right:25px;bottom:25px;font-size:14px;color:#fff}.gallery-strip{padding:25px 5%;display:flex;justify-content:space-between;font-size:10px;letter-spacing:1.2px;border-bottom:1px solid var(--line)}.gallery .wrap{padding-left:5%;padding-right:5%}.collection-table .section-heading{align-items:start}.collection-table .section-heading h2{width:55%;font-size:40px}.collection-row{width:100%;display:grid;grid-template-columns:45px 190px 1fr 1fr 35px;gap:35px;align-items:center;text-align:left;padding:25px 0;border:0;border-top:1px solid var(--line);background:transparent;color:inherit}.collection-row:last-child{border-bottom:1px solid var(--line)}.collection-row img{height:130px}.row-number{font-size:12px}.collection-row h3{font-size:29px;margin-top:12px}.collection-row small{font-size:10px;letter-spacing:2px;color:#818378}.collection-row>p{font-size:12px;color:#74776b;max-width:240px}.row-arrow{font-size:26px}.collection-row:hover .row-arrow{color:#d6542b}.gallery-space{background:#e0e1da}.gallery-space h2{font-size:39px}.space-picker{display:flex;gap:30px;margin:40px 0 20px}.space-picker button{padding:12px 0;background:none;border:0;border-bottom:2px solid transparent;font-size:12px;color:#7a7d71}.space-picker button.active{border-color:#d6542b;color:#20211f}.selected-space{position:relative;height:510px}.selected-space>div{position:absolute;bottom:25px;left:25px;background:#f5f5eced;padding:25px 35px;max-width:calc(100% - 50px)}.selected-space h3{font-size:25px}.selected-space p{font-size:12px;margin-top:8px}.gallery .contact{background:#292c26;color:#e9e9df}.gallery .contact button{background:#e05b30}.gallery .contact small{color:#b4b7aa}.gallery select option{color:#20211f}
/* comparison studio */
.board{background:#f0eee7}.board header{padding:0 4%;height:105px}.board header>span{font-size:10px;letter-spacing:1.6px;color:#74776e}.board-main{padding:55px 4% 25px}.board-main>.eyebrow{margin-bottom:18px}.board-heading{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:50px}.board-heading h1{font-size:65px;line-height:1.2;font-family:"SimSun",serif;letter-spacing:2px}.board-heading>div{padding-bottom:8px}.board-heading p{font-size:14px}.board-heading .muted{font-size:12px;margin-top:8px}.directions{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.direction .preview{position:relative;height:400px;overflow:hidden;background:#d9ddd2}.preview img{transition:transform .8s}.direction:hover img{transform:scale(1.045)}.preview:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#1522179c,transparent)}.mini-brand{position:absolute;z-index:1;left:25px;top:25px;color:#fff;font-size:19px;letter-spacing:3px}.mini-brand small{font-size:7px;letter-spacing:1px;margin-left:8px}.preview h2{position:absolute;z-index:1;top:100px;left:25px;font-family:"SimSun",serif;color:#fff;font-size:37px;letter-spacing:3px}.preview-action{position:absolute;z-index:1;bottom:25px;left:25px;color:#fff;font-size:11px;border-bottom:1px solid #fff7;padding-bottom:8px}.direction-heading{display:flex;align-items:start;gap:16px;margin-top:25px}.direction-heading>span{font-family:Georgia,serif;font-size:31px;color:#9d9e92}.direction-heading h2{font-size:24px;line-height:1.5}.direction-heading small{display:block;font-size:9px;letter-spacing:1.6px;margin-top:5px;color:#838779}.direction-heading b{margin-left:auto;font-size:25px;font-weight:400}.direction>p{font-size:11px;margin-top:15px}.direction>p.muted{font-size:11px;margin-top:4px}.warm .preview{background:#e2e5d5}.warm .preview img{width:65%;height:85%;position:absolute;right:0;bottom:0;border-radius:140px 140px 0 0}.warm .preview:after{display:none}.warm .mini-brand,.warm .preview h2,.warm .preview-action{color:#37482a}.warm .preview h2{top:70px;font-size:36px;text-shadow:0 1px 15px #f3f1e6}.warm .preview-action{background:#e3e6d8e8;padding:10px;border:0}.minimal .preview{background:#daddd5}.minimal .preview img{position:absolute;top:155px;height:245px}.minimal .preview:after{display:none}.minimal .mini-brand{color:#20251c}.minimal .preview h2{top:65px;color:#20251c;font-family:Arial,"Microsoft YaHei",sans-serif;font-size:30px;line-height:1.2;letter-spacing:-1px}.minimal .preview-action{background:#d8582e;padding:10px 18px;border:0}.board-bottom{border-top:1px solid #d0d0c5;margin-top:45px;padding:20px 0;font-size:11px;color:#828578}.board-bottom b{color:#414b34;margin-right:15px}.board-bottom>p:last-child{margin-top:7px;font-size:10px}
@media(min-width:1650px){.hero-dark{height:800px}.warm-image{height:760px}.product-image{height:440px}.board-main{max-width:1700px;margin:auto}.direction .preview{height:470px}.minimal .preview img{height:315px}}
@media(max-width:900px){header{padding:0 5%;height:85px}nav{gap:18px}.nav-cta{gap:12px}.hero-dark{height:660px}.product-image{height:280px}.wrap{padding:70px 5%}.craft{gap:6%}.contact{padding:65px 5%;gap:7%}.contact h2{font-size:35px}.hero-warm{grid-template-columns:45% 55%}.hero-warm .hero-copy{padding:45px 5px 0 0}.hero-warm h1{font-size:62px}.warm-image{height:590px}.warm-intro{grid-template-columns:1fr 1fr}.warm-intro>.eyebrow{grid-column:1/-1}.gallery-title{grid-template-columns:1.4fr 1fr}.gallery-title>.eyebrow{grid-column:1/-1;margin-bottom:0}.collection-row{grid-template-columns:30px 130px 1fr 25px;gap:20px}.collection-row>p{display:none}.board-heading h1{font-size:54px}.board-heading{align-items:center}.directions{gap:15px}.direction .preview{height:340px}.minimal .preview img{height:185px}.preview h2{font-size:29px}.direction-heading{gap:10px}.direction-heading h2{font-size:21px}.direction-heading>span{font-size:25px}}
@media(max-width:600px){.proposal{font-size:9px;padding:0 5%;letter-spacing:0}.proposal>div{gap:14px}.proposal>span{display:none}header{height:80px;gap:15px}.brand{font-size:25px;gap:8px}.mark{height:39px;width:35px;line-height:35px;font-size:43px}nav{display:none}.nav-cta{font-size:10px}.hero-dark{height:640px}.hero-dark .hero-copy{top:100px;left:7%;right:7%}.hero-dark h1{font-size:55px;letter-spacing:3px}.hero-dark>img{object-position:62% center}.hero-bottom{left:7%;right:7%}.hero-bottom>span{max-width:160px;font-size:9px}.hero-bottom>a{font-size:8px;align-self:end}.vertical{right:14px;font-size:8px}.eyebrow{font-size:9px;letter-spacing:1.5px;margin-bottom:18px}.manifesto h2{font-size:27px}.wrap{padding:60px 6%}.section-heading{display:block;margin-bottom:30px}.section-heading h2{font-size:29px}.section-heading>p{margin-top:18px;font-size:12px}.product-grid{grid-template-columns:1fr;gap:35px}.product-image,.natural .product-image{height:380px}.product-title{margin-top:18px}.product h3{font-size:24px}.spaces{height:520px}.spaces>div{top:65px}.spaces h2{font-size:35px}.craft{grid-template-columns:1fr;gap:25px}.craft h2{font-size:31px}.contact{grid-template-columns:1fr;gap:35px;padding:55px 6%}.contact h2{font-size:35px}footer{padding:40px 6%;grid-template-columns:1fr;gap:25px}footer>div:nth-child(2){text-align:left}.hero-warm{grid-template-columns:1fr;padding:25px 6% 40px}.hero-warm .hero-copy{padding:15px 0 30px}.hero-warm h1{font-size:65px}.hero-warm .hero-copy>p:not(.eyebrow){margin:20px 0;font-size:13px}.warm-note{display:none}.warm-image{height:460px;width:93%;margin-left:auto}.round-seal{width:85px;height:85px;right:-8px;font-size:10px}.warm-intro{display:block}.warm-intro h2{font-size:30px;margin:20px 0}.warm-intro>p{font-size:13px}.warm-story{grid-template-columns:1fr;gap:35px}.story-image{height:400px}.warm-story h2{font-size:41px}.natural .product-image{border-radius:150px 150px 0 0}.gallery-title{padding:35px 6%;grid-template-columns:1fr;gap:25px}.gallery-title h1{font-size:60px;letter-spacing:-2px}.gallery-title>div{display:flex;justify-content:space-between;align-items:center;gap:15px}.gallery-title>div p{font-size:10px;margin:0}.gallery .button{font-size:10px;padding:13px}.gallery-image{height:390px;margin:0 6%}.photo-label{left:15px;bottom:15px;padding:12px;font-size:9px}.gallery-strip{font-size:8px;padding:20px 6%;letter-spacing:0}.gallery-strip>span:nth-child(2){display:none}.collection-table .section-heading h2{width:100%;font-size:31px}.collection-row{grid-template-columns:22px 85px 1fr 20px;gap:13px;padding:22px 0}.collection-row img{height:95px}.collection-row h3{font-size:20px}.collection-row small{font-size:7px;letter-spacing:.5px}.gallery-space h2{font-size:28px}.selected-space{height:420px}.selected-space>div{padding:20px;left:15px;bottom:15px;max-width:calc(100% - 30px)}.selected-space h3{font-size:23px}.selected-space p{font-size:11px}.space-picker{gap:20px}.space-picker button{font-size:11px}.board header{height:85px;padding:0 6%}.board header>span:nth-child(2){display:none}.board header>span{font-size:9px}.board-main{padding:35px 6%}.board-heading{display:block;margin-bottom:35px}.board-heading h1{font-size:58px}.board-heading>div{margin-top:25px}.board-heading p{font-size:13px}.board-heading .muted{font-size:11px}.directions{grid-template-columns:1fr;gap:40px}.direction .preview{height:420px}.preview h2{font-size:39px}.minimal .preview img{height:265px}.direction-heading h2{font-size:25px}.direction-heading>span{font-size:30px}.board-bottom{margin-top:30px}.direction>p{font-size:12px}dialog>img{height:210px}dialog>div{padding:25px}dialog h2{font-size:29px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}